@vlalg-nimbus/nb-inputs 6.0.1 → 6.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/nb-inputs.js +20 -20
- package/dist/nb-inputs.umd.cjs +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/nb-inputs.js
CHANGED
|
@@ -110,14 +110,14 @@ const ve = (e, o) => {
|
|
|
110
110
|
emits: ["current-value", "changed"],
|
|
111
111
|
setup(e, { emit: o }) {
|
|
112
112
|
oe((a) => ({
|
|
113
|
-
"
|
|
114
|
-
"
|
|
115
|
-
"
|
|
116
|
-
"
|
|
117
|
-
|
|
118
|
-
"
|
|
119
|
-
"
|
|
120
|
-
|
|
113
|
+
"75d259e1": P.value,
|
|
114
|
+
"96c9c666": Z.value,
|
|
115
|
+
"173e02f2": X.value,
|
|
116
|
+
"2a49b0aa": W(x),
|
|
117
|
+
c463f2d2: J.value,
|
|
118
|
+
"02cde372": Y.value,
|
|
119
|
+
"14c10358": Q.value,
|
|
120
|
+
b3e13f78: K.value
|
|
121
121
|
})), ue(() => {
|
|
122
122
|
q();
|
|
123
123
|
});
|
|
@@ -222,7 +222,7 @@ const ve = (e, o) => {
|
|
|
222
222
|
], 10, Ne)
|
|
223
223
|
], 6)) : fe("", !0);
|
|
224
224
|
}
|
|
225
|
-
}), Oe = /* @__PURE__ */ ve(ze, [["__scopeId", "data-v-
|
|
225
|
+
}), Oe = /* @__PURE__ */ ve(ze, [["__scopeId", "data-v-7eeedc4c"]]);
|
|
226
226
|
const Ae = ["id"], $e = ["id", "disabled", "value", "name"], we = ["for"], Re = /* @__PURE__ */ Object.assign({
|
|
227
227
|
name: "NbInputCheckbox",
|
|
228
228
|
inheritAttrs: !1
|
|
@@ -342,16 +342,16 @@ const Ae = ["id"], $e = ["id", "disabled", "value", "name"], we = ["for"], Re =
|
|
|
342
342
|
emits: ["current-value", "changed"],
|
|
343
343
|
setup(e, { emit: o }) {
|
|
344
344
|
oe((t) => ({
|
|
345
|
-
"
|
|
346
|
-
"
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
"
|
|
350
|
-
"
|
|
351
|
-
|
|
352
|
-
"
|
|
353
|
-
|
|
354
|
-
"
|
|
345
|
+
"5cec9d54": Q.value,
|
|
346
|
+
"35306ec0": R.value,
|
|
347
|
+
56980177: Y.value,
|
|
348
|
+
f9ca9842: ee.value,
|
|
349
|
+
"6e56329f": u.value,
|
|
350
|
+
"4d46903a": w.value,
|
|
351
|
+
ac26536c: X.value,
|
|
352
|
+
"9899f836": y.value,
|
|
353
|
+
e707abf6: Z.value,
|
|
354
|
+
"681affb2": a.value
|
|
355
355
|
})), ue(() => {
|
|
356
356
|
D();
|
|
357
357
|
});
|
|
@@ -470,7 +470,7 @@ const Ae = ["id"], $e = ["id", "disabled", "value", "name"], we = ["for"], Re =
|
|
|
470
470
|
], 10, Ae)
|
|
471
471
|
], 6)) : fe("", !0);
|
|
472
472
|
}
|
|
473
|
-
}), Be = /* @__PURE__ */ ve(Re, [["__scopeId", "data-v-
|
|
473
|
+
}), Be = /* @__PURE__ */ ve(Re, [["__scopeId", "data-v-0102e331"]]), le = {
|
|
474
474
|
NbInputRadio: Oe,
|
|
475
475
|
NbInputCheckbox: Be
|
|
476
476
|
}, We = {
|
package/dist/nb-inputs.umd.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(e,$){typeof exports=="object"&&typeof module<"u"?module.exports=$(require("vue")):typeof define=="function"&&define.amd?define(["vue"],$):(e=typeof globalThis<"u"?globalThis:e||self,e.NbInputs=$(e.Vue))})(this,function(e){"use strict";const $="",Y=(t,o)=>{const s=t.__vccOpts||t;for(const[i,d]of o)s[i]=d;return s},Z=["id"],ee=["id","disabled","value","name"],te=["for"],ae=Y(Object.assign({name:"NbInputRadio",inheritAttrs:!1},{__name:"NbInputRadio",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(t="b")=>{const o=t?t.toLowerCase():"";return["b","ib"].includes(o)}},groupName:{type:String,default:"",required:!0,validator:t=>t.toString().toLowerCase()},options:{type:Array,required:!0,default:()=>[],validator:t=>{if(!t.length)return!1;let o=!1;for(const s of t){const i=Object.keys(s);i.length!==2&&(o=!0),i.every(f=>["value","text"].includes(f))||(o=!0)}if(!o)return t}},currentOption:{type:[String,Number,Boolean],default:null},valueType:{type:String,default:"boolean",validator:t=>["boolean","string","number"].indexOf(t)!==-1},textColor:{type:String,default:"black"},color:{type:String,default:"#767676"},hoverEffect:{type:Boolean,default:!1,validator:t=>[!0,!1].indexOf(t)!==-1},activeHoverEffect:{type:Boolean,default:!1,validator:t=>[!0,!1].indexOf(t)!==-1},colorHover:{type:String,default:"#a6a6a6"},itemGap:{type:Number,default:15},internalGap:{type:Number,default:6},scale:{type:Number,default:1},disabled:{type:Boolean,default:!1,validator:t=>typeof t=="boolean"&&[!0,!1].includes(t)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:t=>t||"1.6em"},fontWeight:{type:Number,default:400,validator:t=>t||200}},emits:["current-value","changed"],setup(t,{emit:o}){e.useCssVars(l=>({"332021a8":q.value,"72f1d6d0":J.value,"58cb65f2":U.value,"31a858b6":e.unref(h),"6935ba22":F.value,"69da0486":P.value,"93607da6":M.value,"2646dd62":T.value})),e.onMounted(()=>{R()});const s=o,i=t,d=e.ref(null),{currentOption:f,valueType:S,display:g,options:y,textColor:E,color:V,hoverEffect:N,activeHoverEffect:z,colorHover:h,itemGap:k,internalGap:p,scale:v,disabled:x,fontFamily:H,fontSize:B,fontWeight:_}=e.toRefs(i),c=e.computed(()=>{const l=x.value?"component-disabled":"",n=g.value!=="b"?"inline-block":"block",m=H.value?H.value:"'Lato', sans-serif",G=B.value?B.value:"1.6em",I=!_.value||_.value<0?200:_.value,Q=E.value?E.value:"black",X=V.value?V.value:"#767676",L=[!1,!0].includes(N.value)?N.value:!1,a=[!1,!0].includes(z.value)?z.value:!1,r=h.value?h.value:"#a6a6a6",b=!k.value||k.value<0?15:k.value,w=!p.value||p.value<0?6:p.value,O=!v.value||v.value<0?1:v.value;return{disabled:l,display:n,textColor:Q,color:X,hoverEffect:L,activeHoverEffect:a,colorHover:r,itemGap:b,internalGap:w,scale:O,font:m,fontSize:G,fontWeight:I}}),A=e.computed(()=>c.value.disabled),C=e.computed(()=>({display:c.value.display})),u=e.computed(()=>c.value.display==="inline-block"?"component-radio__item--display-inline":"component-radio__item--display-block"),j=e.computed(()=>{const l=c.value;return{fontSize:l.fontSize,fontWeight:l.fontWeight}}),D=e.computed(()=>Array.isArray(y.value)&&y.value.constructor===Array&&y.value.length>0),q=e.computed(()=>c.value.font),F=e.computed(()=>c.value.textColor),T=e.computed(()=>c.value.color),M=e.computed(()=>{const l=c.value;return l.hoverEffect?l.colorHover:l.color}),U=e.computed(()=>{const l=c.value;return l.activeHoverEffect?l.colorHover:l.color}),P=e.computed(()=>{const n=c.value.internalGap;return!n||n<0?0:`${n}px`}),J=e.computed(()=>{const n=c.value.itemGap;return!n||n<0?0:`${n}px`}),K=e.computed(()=>({zoom:c.value.scale})),R=()=>{const l=f.value;l&&(["string"].includes(S.value)?d.value=l.toString().toLowerCase():d.value=l)};return e.watch(f,(l,n)=>{l!==n&&R()}),e.watch(d,(l,n)=>{l!==n&&(s("current-value",l),s("changed",l))}),(l,n)=>t.nbId&&D.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["nb-wrapper",A.value]),style:e.normalizeStyle([C.value,K.value])},[e.createElementVNode("div",{id:t.nbId,class:e.normalizeClass(["nb-reset","component",u.value])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(y),(m,G)=>(e.openBlock(),e.createElementBlock("div",{key:G,class:"component-radio__item"},[e.withDirectives(e.createElementVNode("input",{id:`${t.nbId}-${m.value}`,"onUpdate:modelValue":n[0]||(n[0]=I=>d.value=I),type:"radio",class:"component-radio__item--input",disabled:e.unref(x),value:m.value,name:t.groupName},null,8,ee),[[e.vModelRadio,d.value]]),e.createElementVNode("label",{for:`${t.nbId}-${m.value}`,class:"component-radio__item--label"},[n[1]||(n[1]=e.createElementVNode("div",null,null,-1)),e.createElementVNode("span",{style:e.normalizeStyle([j.value])},e.toDisplayString(m.text),5)],8,te)]))),128))],10,Z)],6)):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-b27520fa"]]),ge="",le=["id"],oe=["id","disabled","value","name"],ne=["for"],W={NbInputRadio:ae,NbInputCheckbox:Y(Object.assign({name:"NbInputCheckbox",inheritAttrs:!1},{__name:"NbInputCheckbox",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(t="b")=>{const o=t?t.toLowerCase():"";return["b","ib"].includes(o)}},groupName:{type:String,default:"",required:!0,validator:t=>t.toString().toLowerCase()},options:{type:Array,required:!0,default:()=>[],validator:t=>{if(!t.length)return!1;let o=!1;for(const s of t){const i=Object.keys(s);i.length!==2&&(o=!0),i.every(f=>["value","text"].includes(f))||(o=!0)}if(!o)return t}},currentOption:{type:Array,default:()=>[]},textColor:{type:String,default:"black"},checkColor:{type:String,default:"white"},boxRadius:{type:Number,default:0},color:{type:String,default:"#767676"},hoverEffect:{type:Boolean,default:!1,validator:t=>[!0,!1].indexOf(t)!==-1},activeHoverEffect:{type:Boolean,default:!1,validator:t=>[!0,!1].indexOf(t)!==-1},colorHover:{type:String,default:"#a6a6a6"},itemGap:{type:Number,default:15},internalGap:{type:Number,default:6},scale:{type:Number,default:1},type:{type:String,default:"box",validator:t=>["box","circle"].indexOf(t)!==-1},background:{type:Boolean,default:!1,validator:t=>[!0,!1].indexOf(t)!==-1},disabled:{type:Boolean,default:!1,validator:t=>typeof t=="boolean"&&[!0,!1].includes(t)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:t=>t||"1.6em"},fontWeight:{type:Number,default:400,validator:t=>t||200}},emits:["current-value","changed"],setup(t,{emit:o}){e.useCssVars(a=>({"508d157b":M.value,"140b0932":I.value,"0d11805e":P.value,d09aa2d0:K.value,"2f203f46":n.value,"511bcdec":G.value,"782e89b1":U.value,"9c6f35e8":m.value,f31e3904:J.value,"05ac49d9":l.value})),e.onMounted(()=>{L()});const s=o,i=t,d=e.ref(null),{currentOption:f,display:S,options:g,textColor:y,checkColor:E,boxRadius:V,color:N,hoverEffect:z,activeHoverEffect:h,colorHover:k,itemGap:p,internalGap:v,scale:x,type:H,background:B,disabled:_,fontFamily:c,fontSize:A,fontWeight:C}=e.toRefs(i),u=e.computed(()=>{const a=_.value?"component-disabled":"",r=S.value!=="b"?"inline-block":"block",b=c.value?c.value:"'Lato', sans-serif",w=A.value?A.value:"1.6em",O=C.value!==0&&!C.value||C.value<0?200:C.value,re=y.value?y.value:"black",ue=E.value?E.value:"white",se=V.value!==0&&!V.value||V.value<0?0:V.value,ce=N.value?N.value:"#767676",de=[!1,!0].includes(z.value)?z.value:!1,ie=[!1,!0].includes(h.value)?h.value:!1,fe=k.value?k.value:"#a6a6a6",pe=p.value!==0&&!p.value||p.value<0?15:p.value,ve=v.value!==0&&!v.value||v.value<0?6:v.value,me=["box","circle"].includes(H.value)?H.value:"box",be=!x.value||x.value<0?1:x.value,ye=[!1,!0].includes(B.value)?B.value:!1;return{disabled:a,display:r,textColor:re,checkColor:ue,boxRadius:se,color:ce,hoverEffect:de,activeHoverEffect:ie,colorHover:fe,itemGap:pe,internalGap:ve,scale:be,type:me,font:b,background:ye,fontSize:w,fontWeight:O}}),j=e.computed(()=>u.value.disabled),D=e.computed(()=>({display:u.value.display})),q=e.computed(()=>u.value.display==="inline-block"?"component-checkbox__item--display-inline":"component-checkbox__item--display-block"),F=e.computed(()=>{const a=u.value;return{fontSize:a.fontSize,fontWeight:a.fontWeight}}),T=e.computed(()=>Array.isArray(g.value)&&g.value.constructor===Array&&g.value.length>0),M=e.computed(()=>u.value.font),U=e.computed(()=>u.value.textColor),P=e.computed(()=>u.value.color),J=e.computed(()=>{const a=u.value;return a.hoverEffect?a.colorHover:a.color}),K=e.computed(()=>{const a=u.value;return a.activeHoverEffect?a.colorHover:a.color}),R=e.computed(()=>u.value.background?"component-checkbox__item--with-background":"component-checkbox__item--without-background"),l=e.computed(()=>{const a=u.value;return a.background?a.checkColor:a.textColor}),n=e.computed(()=>u.value.background?"19px":"auto"),m=e.computed(()=>{const r=u.value.internalGap;return!r||r<0?0:`${r}px`}),G=e.computed(()=>{const a=u.value;return`${a.boxRadius>7?7:a.boxRadius}px`}),I=e.computed(()=>{const r=u.value.itemGap;return!r||r<0?0:`${r}px`}),Q=e.computed(()=>u.value.type==="circle"?"custom-checkbox__input--type-circle":""),X=e.computed(()=>({zoom:u.value.scale})),L=()=>{d.value=f.value};return e.watch(f,(a,r)=>{a!==r&&L()}),e.watch(d,(a,r)=>{a!==r&&(s("current-value",a),s("changed",a))}),(a,r)=>t.nbId&&T.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["nb-wrapper",j.value]),style:e.normalizeStyle([D.value,X.value])},[e.createElementVNode("div",{id:t.nbId,class:e.normalizeClass(["nb-reset","component",q.value])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(g),(b,w)=>(e.openBlock(),e.createElementBlock("div",{key:w,class:"component-checkbox__item"},[e.withDirectives(e.createElementVNode("input",{id:`${t.nbId}-${b.value}`,"onUpdate:modelValue":r[0]||(r[0]=O=>d.value=O),type:"checkbox",class:"component-checkbox__item--input",disabled:e.unref(_),value:b.value,name:t.groupName},null,8,oe),[[e.vModelCheckbox,d.value]]),e.createElementVNode("label",{for:`${t.nbId}-${b.value}`,class:e.normalizeClass([[Q.value],"component-checkbox__item--label"])},[e.createElementVNode("div",{class:e.normalizeClass([R.value])},null,2),e.createElementVNode("span",{style:e.normalizeStyle([F.value])},e.toDisplayString(b.text),5)],10,ne)]))),128))],10,le)],6)):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-ad100a69"]])};return{install(t){for(const o in W)if(Object.prototype.hasOwnProperty.call(W,o)){const s=W[o];t.component(s.name,s)}}}});
|
|
1
|
+
(function(e,$){typeof exports=="object"&&typeof module<"u"?module.exports=$(require("vue")):typeof define=="function"&&define.amd?define(["vue"],$):(e=typeof globalThis<"u"?globalThis:e||self,e.NbInputs=$(e.Vue))})(this,function(e){"use strict";const $="",Y=(t,o)=>{const s=t.__vccOpts||t;for(const[d,i]of o)s[d]=i;return s},Z=["id"],ee=["id","disabled","value","name"],te=["for"],ae=Y(Object.assign({name:"NbInputRadio",inheritAttrs:!1},{__name:"NbInputRadio",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(t="b")=>{const o=t?t.toLowerCase():"";return["b","ib"].includes(o)}},groupName:{type:String,default:"",required:!0,validator:t=>t.toString().toLowerCase()},options:{type:Array,required:!0,default:()=>[],validator:t=>{if(!t.length)return!1;let o=!1;for(const s of t){const d=Object.keys(s);d.length!==2&&(o=!0),d.every(f=>["value","text"].includes(f))||(o=!0)}if(!o)return t}},currentOption:{type:[String,Number,Boolean],default:null},valueType:{type:String,default:"boolean",validator:t=>["boolean","string","number"].indexOf(t)!==-1},textColor:{type:String,default:"black"},color:{type:String,default:"#767676"},hoverEffect:{type:Boolean,default:!1,validator:t=>[!0,!1].indexOf(t)!==-1},activeHoverEffect:{type:Boolean,default:!1,validator:t=>[!0,!1].indexOf(t)!==-1},colorHover:{type:String,default:"#a6a6a6"},itemGap:{type:Number,default:15},internalGap:{type:Number,default:6},scale:{type:Number,default:1},disabled:{type:Boolean,default:!1,validator:t=>typeof t=="boolean"&&[!0,!1].includes(t)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:t=>t||"1.6em"},fontWeight:{type:Number,default:400,validator:t=>t||200}},emits:["current-value","changed"],setup(t,{emit:o}){e.useCssVars(l=>({"75d259e1":q.value,"96c9c666":J.value,"173e02f2":U.value,"2a49b0aa":e.unref(h),c463f2d2:F.value,"02cde372":P.value,"14c10358":M.value,b3e13f78:T.value})),e.onMounted(()=>{R()});const s=o,d=t,i=e.ref(null),{currentOption:f,valueType:S,display:g,options:b,textColor:E,color:V,hoverEffect:N,activeHoverEffect:z,colorHover:h,itemGap:k,internalGap:p,scale:v,disabled:x,fontFamily:H,fontSize:B,fontWeight:_}=e.toRefs(d),c=e.computed(()=>{const l=x.value?"component-disabled":"",n=g.value!=="b"?"inline-block":"block",m=H.value?H.value:"'Lato', sans-serif",G=B.value?B.value:"1.6em",I=!_.value||_.value<0?200:_.value,Q=E.value?E.value:"black",X=V.value?V.value:"#767676",L=[!1,!0].includes(N.value)?N.value:!1,a=[!1,!0].includes(z.value)?z.value:!1,r=h.value?h.value:"#a6a6a6",y=!k.value||k.value<0?15:k.value,w=!p.value||p.value<0?6:p.value,O=!v.value||v.value<0?1:v.value;return{disabled:l,display:n,textColor:Q,color:X,hoverEffect:L,activeHoverEffect:a,colorHover:r,itemGap:y,internalGap:w,scale:O,font:m,fontSize:G,fontWeight:I}}),A=e.computed(()=>c.value.disabled),C=e.computed(()=>({display:c.value.display})),u=e.computed(()=>c.value.display==="inline-block"?"component-radio__item--display-inline":"component-radio__item--display-block"),j=e.computed(()=>{const l=c.value;return{fontSize:l.fontSize,fontWeight:l.fontWeight}}),D=e.computed(()=>Array.isArray(b.value)&&b.value.constructor===Array&&b.value.length>0),q=e.computed(()=>c.value.font),F=e.computed(()=>c.value.textColor),T=e.computed(()=>c.value.color),M=e.computed(()=>{const l=c.value;return l.hoverEffect?l.colorHover:l.color}),U=e.computed(()=>{const l=c.value;return l.activeHoverEffect?l.colorHover:l.color}),P=e.computed(()=>{const n=c.value.internalGap;return!n||n<0?0:`${n}px`}),J=e.computed(()=>{const n=c.value.itemGap;return!n||n<0?0:`${n}px`}),K=e.computed(()=>({zoom:c.value.scale})),R=()=>{const l=f.value;l&&(["string"].includes(S.value)?i.value=l.toString().toLowerCase():i.value=l)};return e.watch(f,(l,n)=>{l!==n&&R()}),e.watch(i,(l,n)=>{l!==n&&(s("current-value",l),s("changed",l))}),(l,n)=>t.nbId&&D.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["nb-wrapper",A.value]),style:e.normalizeStyle([C.value,K.value])},[e.createElementVNode("div",{id:t.nbId,class:e.normalizeClass(["nb-reset","component",u.value])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(b),(m,G)=>(e.openBlock(),e.createElementBlock("div",{key:G,class:"component-radio__item"},[e.withDirectives(e.createElementVNode("input",{id:`${t.nbId}-${m.value}`,"onUpdate:modelValue":n[0]||(n[0]=I=>i.value=I),type:"radio",class:"component-radio__item--input",disabled:e.unref(x),value:m.value,name:t.groupName},null,8,ee),[[e.vModelRadio,i.value]]),e.createElementVNode("label",{for:`${t.nbId}-${m.value}`,class:"component-radio__item--label"},[n[1]||(n[1]=e.createElementVNode("div",null,null,-1)),e.createElementVNode("span",{style:e.normalizeStyle([j.value])},e.toDisplayString(m.text),5)],8,te)]))),128))],10,Z)],6)):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-7eeedc4c"]]),ge="",le=["id"],oe=["id","disabled","value","name"],ne=["for"],W={NbInputRadio:ae,NbInputCheckbox:Y(Object.assign({name:"NbInputCheckbox",inheritAttrs:!1},{__name:"NbInputCheckbox",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(t="b")=>{const o=t?t.toLowerCase():"";return["b","ib"].includes(o)}},groupName:{type:String,default:"",required:!0,validator:t=>t.toString().toLowerCase()},options:{type:Array,required:!0,default:()=>[],validator:t=>{if(!t.length)return!1;let o=!1;for(const s of t){const d=Object.keys(s);d.length!==2&&(o=!0),d.every(f=>["value","text"].includes(f))||(o=!0)}if(!o)return t}},currentOption:{type:Array,default:()=>[]},textColor:{type:String,default:"black"},checkColor:{type:String,default:"white"},boxRadius:{type:Number,default:0},color:{type:String,default:"#767676"},hoverEffect:{type:Boolean,default:!1,validator:t=>[!0,!1].indexOf(t)!==-1},activeHoverEffect:{type:Boolean,default:!1,validator:t=>[!0,!1].indexOf(t)!==-1},colorHover:{type:String,default:"#a6a6a6"},itemGap:{type:Number,default:15},internalGap:{type:Number,default:6},scale:{type:Number,default:1},type:{type:String,default:"box",validator:t=>["box","circle"].indexOf(t)!==-1},background:{type:Boolean,default:!1,validator:t=>[!0,!1].indexOf(t)!==-1},disabled:{type:Boolean,default:!1,validator:t=>typeof t=="boolean"&&[!0,!1].includes(t)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:t=>t||"1.6em"},fontWeight:{type:Number,default:400,validator:t=>t||200}},emits:["current-value","changed"],setup(t,{emit:o}){e.useCssVars(a=>({"5cec9d54":M.value,"35306ec0":I.value,56980177:P.value,f9ca9842:K.value,"6e56329f":n.value,"4d46903a":G.value,ac26536c:U.value,"9899f836":m.value,e707abf6:J.value,"681affb2":l.value})),e.onMounted(()=>{L()});const s=o,d=t,i=e.ref(null),{currentOption:f,display:S,options:g,textColor:b,checkColor:E,boxRadius:V,color:N,hoverEffect:z,activeHoverEffect:h,colorHover:k,itemGap:p,internalGap:v,scale:x,type:H,background:B,disabled:_,fontFamily:c,fontSize:A,fontWeight:C}=e.toRefs(d),u=e.computed(()=>{const a=_.value?"component-disabled":"",r=S.value!=="b"?"inline-block":"block",y=c.value?c.value:"'Lato', sans-serif",w=A.value?A.value:"1.6em",O=C.value!==0&&!C.value||C.value<0?200:C.value,re=b.value?b.value:"black",ue=E.value?E.value:"white",se=V.value!==0&&!V.value||V.value<0?0:V.value,ce=N.value?N.value:"#767676",ie=[!1,!0].includes(z.value)?z.value:!1,de=[!1,!0].includes(h.value)?h.value:!1,fe=k.value?k.value:"#a6a6a6",pe=p.value!==0&&!p.value||p.value<0?15:p.value,ve=v.value!==0&&!v.value||v.value<0?6:v.value,me=["box","circle"].includes(H.value)?H.value:"box",ye=!x.value||x.value<0?1:x.value,be=[!1,!0].includes(B.value)?B.value:!1;return{disabled:a,display:r,textColor:re,checkColor:ue,boxRadius:se,color:ce,hoverEffect:ie,activeHoverEffect:de,colorHover:fe,itemGap:pe,internalGap:ve,scale:ye,type:me,font:y,background:be,fontSize:w,fontWeight:O}}),j=e.computed(()=>u.value.disabled),D=e.computed(()=>({display:u.value.display})),q=e.computed(()=>u.value.display==="inline-block"?"component-checkbox__item--display-inline":"component-checkbox__item--display-block"),F=e.computed(()=>{const a=u.value;return{fontSize:a.fontSize,fontWeight:a.fontWeight}}),T=e.computed(()=>Array.isArray(g.value)&&g.value.constructor===Array&&g.value.length>0),M=e.computed(()=>u.value.font),U=e.computed(()=>u.value.textColor),P=e.computed(()=>u.value.color),J=e.computed(()=>{const a=u.value;return a.hoverEffect?a.colorHover:a.color}),K=e.computed(()=>{const a=u.value;return a.activeHoverEffect?a.colorHover:a.color}),R=e.computed(()=>u.value.background?"component-checkbox__item--with-background":"component-checkbox__item--without-background"),l=e.computed(()=>{const a=u.value;return a.background?a.checkColor:a.textColor}),n=e.computed(()=>u.value.background?"19px":"auto"),m=e.computed(()=>{const r=u.value.internalGap;return!r||r<0?0:`${r}px`}),G=e.computed(()=>{const a=u.value;return`${a.boxRadius>7?7:a.boxRadius}px`}),I=e.computed(()=>{const r=u.value.itemGap;return!r||r<0?0:`${r}px`}),Q=e.computed(()=>u.value.type==="circle"?"custom-checkbox__input--type-circle":""),X=e.computed(()=>({zoom:u.value.scale})),L=()=>{i.value=f.value};return e.watch(f,(a,r)=>{a!==r&&L()}),e.watch(i,(a,r)=>{a!==r&&(s("current-value",a),s("changed",a))}),(a,r)=>t.nbId&&T.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["nb-wrapper",j.value]),style:e.normalizeStyle([D.value,X.value])},[e.createElementVNode("div",{id:t.nbId,class:e.normalizeClass(["nb-reset","component",q.value])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(g),(y,w)=>(e.openBlock(),e.createElementBlock("div",{key:w,class:"component-checkbox__item"},[e.withDirectives(e.createElementVNode("input",{id:`${t.nbId}-${y.value}`,"onUpdate:modelValue":r[0]||(r[0]=O=>i.value=O),type:"checkbox",class:"component-checkbox__item--input",disabled:e.unref(_),value:y.value,name:t.groupName},null,8,oe),[[e.vModelCheckbox,i.value]]),e.createElementVNode("label",{for:`${t.nbId}-${y.value}`,class:e.normalizeClass([[Q.value],"component-checkbox__item--label"])},[e.createElementVNode("div",{class:e.normalizeClass([R.value])},null,2),e.createElementVNode("span",{style:e.normalizeStyle([F.value])},e.toDisplayString(y.text),5)],10,ne)]))),128))],10,le)],6)):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-0102e331"]])};return{install(t){for(const o in W)if(Object.prototype.hasOwnProperty.call(W,o)){const s=W[o];t.component(s.name,s)}}}});
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";.nb-wrapper[data-v-
|
|
1
|
+
@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";.nb-wrapper[data-v-7eeedc4c]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:text-bottom}.nb-reset[data-v-7eeedc4c]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-7eeedc4c] *{margin:0;padding:0}.nb-reset[data-v-7eeedc4c] *,.nb-reset[data-v-7eeedc4c] *:before,.nb-reset[data-v-7eeedc4c] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-7eeedc4c]{margin:0;box-sizing:border-box;line-height:16px;font-family:Lato,sans-serif;font-family:var(--75d259e1);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:left;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;outline:0;position:relative}.component.component-radio__item--display-block[data-v-7eeedc4c],.component.component-radio__item--display-inline[data-v-7eeedc4c]{display:flex;flex-wrap:wrap;gap:var(--96c9c666);width:auto;word-break:break-word;overflow-wrap:break-word;white-space:normal}.component.component-radio__item--display-block[data-v-7eeedc4c]{flex-direction:column}.component.component-radio__item--display-inline[data-v-7eeedc4c]{flex-direction:row}.component .component-radio__item[data-v-7eeedc4c]{position:relative}.component .component-radio__item .component-radio__item--input[data-v-7eeedc4c]{display:none}.component .component-radio__item .component-radio__item--input:checked+.component-radio__item--label:hover div[data-v-7eeedc4c]{border:2px solid var(--173e02f2);color:var(--173e02f2)}.component .component-radio__item .component-radio__item--input:checked+.component-radio__item--label div[data-v-7eeedc4c]:before{content:"⏺";font-size:1.3em;text-shadow:0;display:flex;align-items:center;text-align:center;justify-content:center;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:var(--2a49b0aa);border-radius:50%}.component .component-radio__item .component-radio__item--label[data-v-7eeedc4c]{--disabled-color: var(--c463f2d2);color:var(--disabled-color)!important;display:flex;flex-direction:row;gap:var(--02cde372);align-items:center}.component .component-radio__item .component-radio__item--label[data-v-7eeedc4c]:hover{cursor:pointer}.component .component-radio__item .component-radio__item--label:hover div[data-v-7eeedc4c]{border:2px solid var(--14c10358)}.component .component-radio__item .component-radio__item--label div[data-v-7eeedc4c]{width:19px;height:19px;flex-shrink:0;border-radius:50%;text-shadow:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:2px solid var(--b3e13f78);font-family:Lato,sans-serif!important}.component-disabled[data-v-7eeedc4c]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-7eeedc4c]{--disabled-color: var(--c463f2d2);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.nb-wrapper[data-v-0102e331]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:text-bottom}.nb-reset[data-v-0102e331]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-0102e331] *{margin:0;padding:0}.nb-reset[data-v-0102e331] *,.nb-reset[data-v-0102e331] *:before,.nb-reset[data-v-0102e331] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-0102e331]{margin:0;box-sizing:border-box;line-height:16px;font-family:Lato,sans-serif;font-family:var(--5cec9d54);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:left;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;outline:0;position:relative}.component.component-checkbox__item--display-block[data-v-0102e331],.component.component-checkbox__item--display-inline[data-v-0102e331]{display:flex;flex-wrap:wrap;gap:var(--35306ec0);width:auto;word-break:break-word;overflow-wrap:break-word;white-space:normal}.component.component-checkbox__item--display-block[data-v-0102e331]{flex-direction:column}.component.component-checkbox__item--display-inline[data-v-0102e331]{flex-direction:row}.component .component-checkbox__item[data-v-0102e331]{position:relative}.component .component-checkbox__item .component-checkbox__item--input[data-v-0102e331]{display:none}.component .component-checkbox__item .component-checkbox__item--input:checked+.component-checkbox__item--label:hover div.component-checkbox__item--without-background[data-v-0102e331]{border:2px solid var(--56980177);color:var(--f9ca9842)}.component .component-checkbox__item .component-checkbox__item--input:checked+.component-checkbox__item--label:hover div.component-checkbox__item--with-background[data-v-0102e331]{background:var(--f9ca9842)}.component .component-checkbox__item .component-checkbox__item--input:checked+.component-checkbox__item--label div[data-v-0102e331]{font-size:1.2em}.component .component-checkbox__item .component-checkbox__item--input:checked+.component-checkbox__item--label div[data-v-0102e331]:before{content:"✓";width:var(--6e56329f);height:var(--6e56329f);text-shadow:0;display:flex;align-items:center;text-align:center;justify-content:center;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:var(--4d46903a);border:0}.component .component-checkbox__item .component-checkbox__item--label[data-v-0102e331]{--disabled-color: var(--ac26536c);color:var(--disabled-color)!important;display:flex;flex-direction:row;gap:var(--9899f836);align-items:center}.component .component-checkbox__item .component-checkbox__item--label[data-v-0102e331]:hover{cursor:pointer}.component .component-checkbox__item .component-checkbox__item--label:hover div.component-checkbox__item--without-background[data-v-0102e331]{border:2px solid var(--e707abf6)}.component .component-checkbox__item .component-checkbox__item--label:hover div.component-checkbox__item--with-background[data-v-0102e331]{background:var(--e707abf6)}.component .component-checkbox__item .component-checkbox__item--label div[data-v-0102e331]{width:19px;height:19px;flex-shrink:0;text-shadow:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:var(--4d46903a);font-family:Lato,sans-serif!important;font-weight:700}.component .component-checkbox__item .component-checkbox__item--label div.component-checkbox__item--without-background[data-v-0102e331]{border:2px solid var(--56980177);color:var(--56980177)}.component .component-checkbox__item .component-checkbox__item--label div.component-checkbox__item--with-background[data-v-0102e331]{background:var(--56980177);color:var(--681affb2)}.component .component-checkbox__item .component-checkbox__item--label.custom-checkbox__input--type-circle div[data-v-0102e331]{border-radius:50%!important}.component-disabled[data-v-0102e331]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-0102e331]{--disabled-color: var(--ac26536c);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}
|