vue-radio-checkbox-z
Version:
Vue UI Check/Radio [RadioGroup, Checkbox(s)], (My test)
1 lines • 16 kB
JavaScript
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).VueRadioCheckbox=t()}(this,(function(){"use strict";function e(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,i)}return o}function t(t){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?e(Object(n),!0).forEach((function(e){i(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):e(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function i(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function n(e){return function(e){if(Array.isArray(e))return c(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return c(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,i=new Array(t);o<t;o++)i[o]=e[o];return i}var a={fill:"ldk-theme-fill",in:"ldk-theme-in",out:"ldk-theme-out",tick:"ldk-theme-tick-check","tick-fill":"ldk-theme-tick-check-fill","tick-fill-in":"ldk-theme-tick-check-fill-in",x:"ldk-theme-x-check","x-fill":"ldk-theme-x-check-fill","x-fill-in":"ldk-theme-x-check-fill-in"},l=["string","number","boolean"];var r=function(e){return Array.from(new Set(e)).join(" ").trim()},d={props:{value:[String,Array],options:{type:Array,default:function(){return[]}},className:String,groupName:String,theme:String,disabled:Boolean,boxSize:{type:[String,Number],default:function(){return 16}},height:{type:[String,Number],default:function(){return 24}},selectColor:String,unSelectColor:String,tickColor:String,hoverColor:String,tabFocusColor:String,vertical:Boolean,displayBox:Boolean,checkBox:Boolean,checkedIcon:[String,Object]},components:{},data:function(){return{localValue:[],uuid:"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx-".concat(+new Date).replace(/[xy]/g,(function(e){var t=16*Math.random()|0;return("x"===e?t:3&t|8).toString(16)})),flagChange:!1,elementActive:null,tickBoxSize:0,tickIconSize:0,minHeight:0}},mounted:function(){this.setLocalValue(),this.updateBoxSize()},destroyed:function(){},watch:{value:{deep:!0,handler:function(){this.flagChange?this.flagChange=!1:this.setLocalValue()}},sizeEffect:{deep:!0,handler:function(){this.updateBoxSize()}}},computed:{containerClass:function(){return r(["ldk-ve-radio-checkbox",this.vertical?"vertical":"ldk-none",a[this.theme]||"ldk-theme",this.hasTheme?"ldk-active":"ldk-none",this.className||"ldk-cn"])},makeName:function(){return this.groupName||"group-name-".concat(this.uuid)},hasTheme:function(){return void 0!==a[this.theme]},makeOpt:function(){var e=this;return this.options.map((function(i,n){return function(e,i){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];return l.includes(o(e))?{label:e,value:e,checked:n.includes(e),index:i}:(e.checked=n.includes(e.value),t(t({},e),{},{index:i}))}(i,n,e.localValue)}))},sizeEffect:function(){return[this.boxSize,this.height]},configColor:function(){var e;return i(e={},"--sC",this.selectColor||"#4169E1"),i(e,"--usC",this.unSelectColor||"#cbd1d8"),i(e,"--tbC",this.tickColor||"#4169E1"),i(e,"--tfC",function(e){return e||"#fff"}(this.tickColor)),i(e,"--hC",this.hoverColor||this.selectColor||"#4169E1"),i(e,"--fbC",this.tabFocusColor||"rgba(0, 0, 0, 1)"),e}},methods:{optionClass:function(e,t){var o=e.className,i=e.checked,n=e.disabled;return r(["ve-option-item",o||"ldk-none",this.displayBox?"ldk-cbx":"ldk-radio",i?"ve-option-checked":"ldk-none",t||n?"ve-option-disabled":"ldk-none"])},labelClass:function(e){return"ve-option-label ".concat(e).trim()},checkedImage:function(e){return e.checkedIcon||this.checkedIcon},updateBoxSize:function(){var e,t=parseInt(this.boxSize);this.minHeight=(e=this.height,/^\d*$/.test(e)?"".concat(e,"px"):e),this.tickBoxSize="".concat(t,"px"),this.tickIconSize="".concat(Math.floor(.8*t),"px")},setLocalValue:function(){this.localValue=null==this.value?[]:function(e,t){return Array.isArray(e)?t?e:e.slice(0,1):[e]}(this.value,this.checkBox)},handleChange:function(e,t){var o=t.target;if(!this.disabled&&!e.disabled){var i=o.closest("span.ve-option-item");if(i){var c=i.querySelector("input.ve-option-input");c&&c.focus()}var a=[e.value];this.checkBox&&(a=e.checked?n(this.localValue).filter((function(t){return t!==e.value})):[].concat(n(this.localValue),[e.value])),this.localValue=a,this.flagChange=!0,this.$emit("input",a)}}}};function k(e,t,o,i,n,c,a,l,r,d){"boolean"!=typeof a&&(r=l,l=a,a=!1);const k="function"==typeof o?o.options:o;let v;if(e&&e.render&&(k.render=e.render,k.staticRenderFns=e.staticRenderFns,k._compiled=!0,n&&(k.functional=!0)),i&&(k._scopeId=i),c?(v=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),t&&t.call(this,r(e)),e&&e._registeredComponents&&e._registeredComponents.add(c)},k._ssrRegister=v):t&&(v=a?function(e){t.call(this,d(e,this.$root.$options.shadowRoot))}:function(e){t.call(this,l(e))}),v)if(k.functional){const e=k.render;k.render=function(t,o){return v.call(o),e(t,o)}}else{const e=k.beforeCreate;k.beforeCreate=e?[].concat(e,v):[v]}return o}const v="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function h(e){return(e,t)=>function(e,t){const o=v?t.media||"default":e,i=p[o]||(p[o]={ids:new Set,styles:[]});if(!i.ids.has(e)){i.ids.add(e);let o=t.source;if(t.map&&(o+="\n/*# sourceURL="+t.map.sources[0]+" */",o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t.map))))+" */"),i.element||(i.element=document.createElement("style"),i.element.type="text/css",t.media&&i.element.setAttribute("media",t.media),void 0===s&&(s=document.head||document.getElementsByTagName("head")[0]),s.appendChild(i.element)),"styleSheet"in i.element)i.styles.push(o),i.element.styleSheet.cssText=i.styles.filter(Boolean).join("\n");else{const e=i.ids.size-1,t=document.createTextNode(o),n=i.element.childNodes;n[e]&&i.element.removeChild(n[e]),n.length?i.element.insertBefore(t,n[e]):i.element.appendChild(t)}}}(e,t)}let s;const p={};return k({render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{class:e.containerClass,style:e.configColor},e._l(e.makeOpt,(function(t,i){return o("span",{key:i,class:e.optionClass(t,e.disabled),style:{minHeight:e.minHeight},on:{click:function(o){return e.handleChange(t,o)}}},[e.hasTheme?o("input",{staticClass:"ve-option-input",attrs:{type:e.checkBox?"checkbox":"radio",name:e.makeName,disabled:e.disabled||t.disabled},domProps:{checked:t.checked}}):e._e(),e._v(" "),e.hasTheme?o("i",{staticClass:"ve-option-tick",style:{width:e.tickBoxSize,height:e.tickBoxSize,fontSize:e.tickIconSize}},[t.checkedIcon||e.checkedIcon?o("span",{class:{"ve-option-icon":!0,"ve-option-icon-custom":!0},style:t.checked&&{background:"url("+(t.checkedIcon||e.checkedIcon)+") no-repeat center",width:e.tickIconSize,height:e.tickIconSize}}):o("span",{staticClass:"ve-option-icon"})]):o("input",{staticClass:"ve-option-input",attrs:{type:e.checkBox?"checkbox":"radio",name:e.makeName,disabled:e.disabled||t.disabled},domProps:{checked:t.checked}}),e._v(" "),t.htmlTemplate?o("span",{class:t.labelClassName,domProps:{innerHTML:e._s(t.htmlTemplate)}}):o("label",{class:e.labelClass(t.labelClassName)},[e._v("\n "+e._s(t.label)+"\n ")])])})),0)},staticRenderFns:[]},(function(e){e&&e("data-v-6ea813ef_0",{source:'@charset "UTF-8";.ldk-ve-radio-checkbox[data-v-6ea813ef]{display:flex;flex-wrap:wrap;box-sizing:initial}.ldk-ve-radio-checkbox *[data-v-6ea813ef]{box-sizing:initial}.ldk-ve-radio-checkbox[data-v-6ea813ef] ::before{box-sizing:initial}.ldk-ve-radio-checkbox.vertical[data-v-6ea813ef]{flex-direction:column}.ldk-ve-radio-checkbox .ve-option-item[data-v-6ea813ef]{display:flex;min-height:24px;align-items:center;margin-right:1.5rem;cursor:pointer}.ldk-ve-radio-checkbox .ve-option-item input.ve-option-input[data-v-6ea813ef]{display:flex;justify-content:center;align-items:center;padding:0;margin:0;margin-right:.5rem}.ldk-ve-radio-checkbox .ve-option-item label.ve-option-label[data-v-6ea813ef]{cursor:pointer;margin-bottom:0!important}.ldk-ve-radio-checkbox .ve-option-item i.ve-option-tick[data-v-6ea813ef]{opacity:0;display:none;z-index:0}.ldk-ve-radio-checkbox .ve-option-item.ve-option-disabled[data-v-6ea813ef]{cursor:default!important;pointer-events:none}.ldk-ve-radio-checkbox .ve-option-item.ve-option-disabled label.ve-option-label[data-v-6ea813ef]{opacity:.65;cursor:default!important}.ldk-ve-radio-checkbox .ve-option-item.ve-option-disabled i.ve-option-tick[data-v-6ea813ef]{opacity:.5!important}.ldk-ve-radio-checkbox.ldk-active input.ve-option-input[data-v-6ea813ef]{cursor:pointer;position:absolute;opacity:0;width:1px;height:1px;z-index:-1}.ldk-ve-radio-checkbox.ldk-active .ve-option-item label.ve-option-label[data-v-6ea813ef]{cursor:pointer;margin-top:1px;margin-bottom:1px}.ldk-ve-radio-checkbox.ldk-active .ve-option-item i.ve-option-tick[data-v-6ea813ef]{font-style:normal;position:relative;display:flex;justify-content:center;align-items:center;border:.2rem solid;border-color:var(--usC);border-radius:10%;height:14px;width:14px;margin-right:.5rem;opacity:1}.ldk-ve-radio-checkbox.ldk-active .ve-option-item i.ve-option-tick span.ve-option-icon[data-v-6ea813ef]{display:flex;justify-content:center;align-items:center;width:60%;height:60%;border-radius:10%;transition:background-color .25s linear;-webkit-transition:background-color .25s linear}.ldk-ve-radio-checkbox.ldk-active .ve-option-item input.ve-option-input:focus+i.ve-option-tick[data-v-6ea813ef]{box-shadow:0 0 4px 2px var(--fbC)}.ldk-ve-radio-checkbox.ldk-active .ve-option-item.ldk-radio i.ve-option-tick[data-v-6ea813ef]{border-radius:100%}.ldk-ve-radio-checkbox.ldk-active .ve-option-item.ldk-radio i.ve-option-tick span.ve-option-icon[data-v-6ea813ef]{border-radius:100%}.ldk-ve-radio-checkbox.ldk-active .ve-option-item:hover i.ve-option-tick[data-v-6ea813ef]{border-color:var(--hC)}.ldk-ve-radio-checkbox.ldk-active .ve-option-item:hover label.ve-option-label[data-v-6ea813ef]{color:var(--hC)}.ldk-ve-radio-checkbox.ldk-theme-x-check .ve-option-checked i.ve-option-tick span.ve-option-icon[data-v-6ea813ef]::before,.ldk-ve-radio-checkbox.ldk-theme-x-check-fill .ve-option-checked i.ve-option-tick span.ve-option-icon[data-v-6ea813ef]::before,.ldk-ve-radio-checkbox.ldk-theme-x-check-fill-in .ve-option-checked i.ve-option-tick span.ve-option-icon[data-v-6ea813ef]::before{content:"✘"}.ldk-ve-radio-checkbox.ldk-theme-x-check .ve-option-checked i.ve-option-tick span.ve-option-icon.ve-option-icon-custom[data-v-6ea813ef]::before,.ldk-ve-radio-checkbox.ldk-theme-x-check-fill .ve-option-checked i.ve-option-tick span.ve-option-icon.ve-option-icon-custom[data-v-6ea813ef]::before,.ldk-ve-radio-checkbox.ldk-theme-x-check-fill-in .ve-option-checked i.ve-option-tick span.ve-option-icon.ve-option-icon-custom[data-v-6ea813ef]::before{content:""!important}.ldk-ve-radio-checkbox.ldk-theme-tick-check .ve-option-checked i.ve-option-tick span.ve-option-icon[data-v-6ea813ef]::before,.ldk-ve-radio-checkbox.ldk-theme-tick-check-fill .ve-option-checked i.ve-option-tick span.ve-option-icon[data-v-6ea813ef]::before,.ldk-ve-radio-checkbox.ldk-theme-tick-check-fill-in .ve-option-checked i.ve-option-tick span.ve-option-icon[data-v-6ea813ef]::before{content:"✔"}.ldk-ve-radio-checkbox.ldk-theme-tick-check .ve-option-checked i.ve-option-tick span.ve-option-icon.ve-option-icon-custom[data-v-6ea813ef]::before,.ldk-ve-radio-checkbox.ldk-theme-tick-check-fill .ve-option-checked i.ve-option-tick span.ve-option-icon.ve-option-icon-custom[data-v-6ea813ef]::before,.ldk-ve-radio-checkbox.ldk-theme-tick-check-fill-in .ve-option-checked i.ve-option-tick span.ve-option-icon.ve-option-icon-custom[data-v-6ea813ef]::before{content:""!important}.ldk-ve-radio-checkbox.ldk-theme-tick-check .ve-option-checked i.ve-option-tick[data-v-6ea813ef],.ldk-ve-radio-checkbox.ldk-theme-x-check .ve-option-checked i.ve-option-tick[data-v-6ea813ef]{color:var(--tbC);border-color:var(--sC)}.ldk-ve-radio-checkbox.ldk-theme-tick-check .ve-option-checked label.ve-option-label[data-v-6ea813ef],.ldk-ve-radio-checkbox.ldk-theme-x-check .ve-option-checked label.ve-option-label[data-v-6ea813ef]{color:var(--sC)}.ldk-ve-radio-checkbox.ldk-theme-fill .ve-option-checked i.ve-option-tick[data-v-6ea813ef],.ldk-ve-radio-checkbox.ldk-theme-tick-check-fill .ve-option-checked i.ve-option-tick[data-v-6ea813ef],.ldk-ve-radio-checkbox.ldk-theme-tick-check-fill-in .ve-option-checked i.ve-option-tick[data-v-6ea813ef],.ldk-ve-radio-checkbox.ldk-theme-x-check-fill .ve-option-checked i.ve-option-tick[data-v-6ea813ef],.ldk-ve-radio-checkbox.ldk-theme-x-check-fill-in .ve-option-checked i.ve-option-tick[data-v-6ea813ef]{color:var(--tfC);border-color:var(--sC);background-color:var(--sC)}.ldk-ve-radio-checkbox.ldk-theme-fill .ve-option-checked label.ve-option-label[data-v-6ea813ef],.ldk-ve-radio-checkbox.ldk-theme-tick-check-fill .ve-option-checked label.ve-option-label[data-v-6ea813ef],.ldk-ve-radio-checkbox.ldk-theme-tick-check-fill-in .ve-option-checked label.ve-option-label[data-v-6ea813ef],.ldk-ve-radio-checkbox.ldk-theme-x-check-fill .ve-option-checked label.ve-option-label[data-v-6ea813ef],.ldk-ve-radio-checkbox.ldk-theme-x-check-fill-in .ve-option-checked label.ve-option-label[data-v-6ea813ef]{color:var(--sC)}.ldk-ve-radio-checkbox.ldk-theme-tick-check-fill-in .ve-option-item i.ve-option-tick[data-v-6ea813ef],.ldk-ve-radio-checkbox.ldk-theme-x-check-fill-in .ve-option-item i.ve-option-tick[data-v-6ea813ef]{background-color:var(--usC)}.ldk-ve-radio-checkbox.ldk-theme-tick-check-fill-in .ve-option-item:hover i.ve-option-tick[data-v-6ea813ef],.ldk-ve-radio-checkbox.ldk-theme-x-check-fill-in .ve-option-item:hover i.ve-option-tick[data-v-6ea813ef]{background-color:var(--hC)}.ldk-ve-radio-checkbox.ldk-theme-tick-check-fill-in .ve-option-checked i.ve-option-tick[data-v-6ea813ef],.ldk-ve-radio-checkbox.ldk-theme-x-check-fill-in .ve-option-checked i.ve-option-tick[data-v-6ea813ef]{background-color:var(--sC)}.ldk-ve-radio-checkbox.ldk-theme-in .ve-option-checked i.ve-option-tick[data-v-6ea813ef],.ldk-ve-radio-checkbox.ldk-theme-out .ve-option-checked i.ve-option-tick[data-v-6ea813ef]{color:var(--tfC)}.ldk-ve-radio-checkbox.ldk-theme-in .ve-option-checked i.ve-option-tick span.ve-option-icon[data-v-6ea813ef],.ldk-ve-radio-checkbox.ldk-theme-out .ve-option-checked i.ve-option-tick span.ve-option-icon[data-v-6ea813ef]{background-color:var(--sC)}.ldk-ve-radio-checkbox.ldk-theme-in .ve-option-checked label.ve-option-label[data-v-6ea813ef],.ldk-ve-radio-checkbox.ldk-theme-out .ve-option-checked label.ve-option-label[data-v-6ea813ef]{color:var(--sC)}.ldk-ve-radio-checkbox.ldk-theme-in .ve-option-checked i.ve-option-tick[data-v-6ea813ef]{border-color:var(--sC)}',map:void 0,media:void 0})}),d,"data-v-6ea813ef",false,undefined,!1,h,void 0,void 0)}));