@volverjs/ui-vue 0.0.3 → 0.0.5-beta.1

package/dist/components/VvRadioGroup/VvRadioGroup.umd.js

@@ -1 +1 @@
-(function(e,b){typeof exports=="object"&&typeof module<"u"?module.exports=b(require("vue")):typeof define=="function"&&define.amd?define(["vue"],b):(e=typeof globalThis<"u"?globalThis:e||self,e.VvRadioGroup=b(e.vue))})(this,function(e){"use strict";var b=(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(b||{}),N=(t=>(t.topStart="top-start",t.topEnd="top-end",t.bottomStart="bottom-start",t.bottomEnd="bottom-end",t.leftStart="left-start",t.leftEnd="left-end",t.rightStart="right-start",t.rightEnd="right-end",t))(N||{}),R=(t=>(t.before="before",t.after="after",t))(R||{});const P=Symbol.for("radioGroup");function O(t){return Array.isArray(t)?t.filter(f=>isString(f)).join(" "):t}function j(t,f){const{invalid:a,valid:m,hint:v,loading:r}=f,{hintLabel:o,modelValue:s,valid:c,validLabel:i,invalid:d,invalidLabel:n,..._}=toRefs(t),l=resolveFieldData(_,"loading"),p=resolveFieldData(_,"loadingLabel"),g=computed(()=>d.value?!!(d.value&&a||n!=null&&n.value&&Array.isArray(n.value)&&n.value.length>0||n!=null&&n.value&&!isEmpty(n)):!1),u=computed(()=>!!(o&&o.value||v)),y=computed(()=>!!(i&&i.value||m)),B=computed(()=>!!(l!=null&&l.value&&r||l!=null&&l.value&&(p!=null&&p.value))),k=computed(()=>u.value||y.value||g.value||B.value);return{hasInvalid:g,hasHint:u,hasValid:y,hasLoading:B,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(C){const S=computed(()=>{const V=toReactive({hintLabel:o,modelValue:s,valid:c,validLabel:i,invalid:d,invalidLabel:n,loading:l,loadingLabel:p,...C.params});return d!=null&&d.value?(a==null?void 0:a(V))||O(n==null?void 0:n.value)||(o==null?void 0:o.value):c!=null&&c.value?(m==null?void 0:m(V))||O(i==null?void 0:i.value)||(o==null?void 0:o.value):l!=null&&l.value?(r==null?void 0:r(V))||O(p==null?void 0:p.value)||(o==null?void 0:o.value):(v==null?void 0:v(V))||O(o==null?void 0:o.value)||(o==null?void 0:o.value)});return{isVisible:k,hasInvalid:g,hasValid:y,hintContent:S}},render(){if(this.isVisible)return h("small",{role:this.hasInvalid?"alert":this.hasValid?"status":void 0},this.hintContent)}}}}const E={valid:Boolean,validLabel:[String,Array]},A={invalid:Boolean,invalidLabel:[String,Array]},I={disabled:Boolean},G={readonly:Boolean},D={modifiers:[String,Array]},F={hintLabel:{type:String,default:""}},$={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}};R.before;const H={tabindex:{type:[String,Number],default:0}},x={id:[String,Number]};b.bottom;const M={...{...x,name:{type:String,required:!0}},...H,...E,...A,...F,...I,...G,...D,value:[String,Number,Boolean],modelValue:[Object,Number,Boolean,String],label:String},q={...E,...A,...$,...F,...I,...G,...D,modelValue:[String,Array],label:String,name:{type:String,required:!0},vertical:Boolean},T=M,z=["click","update:modelValue","change","blur"];function K(t,f){const{id:a}=toRefs(t),{group:m,isInGroup:v,getGroupOrLocalRef:r}=useInjectedGroupState(P),o=r("modelValue",t,f),s=r("readonly",t),c=r("disabled",t),i=r("valid",t),d=r("invalid",t);return{id:a,group:m,isInGroup:v,modelValue:o,readonly:s,disabled:c,valid:i,invalid:d}}const w=["for"],U=["id","name","disabled","value","tabindex","aria-invalid"],J={name:"VvRadio"},W=e.defineComponent({...J,props:T,emits:z,setup(t,{emit:f}){const a=t,m=useSlots(),{id:v,disabled:r,readonly:o,modelValue:s,valid:c,invalid:i}=K(a,f),d=useUniqueId(v),n=computed(()=>l.value?-1:a.tabindex),_=ref(),l=computed(()=>r.value||o.value),p=computed(()=>{if(i.value===!0)return!0;if(c.value===!0)return!1}),g=computed(()=>Array.isArray(s.value)?contains(a.value,s.value):equals(a.value,s.value)),u=computed(()=>["string","number","boolean"].includes(typeof a.value)?a.value:!0),y=computed({get(){return g.value?u.value:null},set(S){Array.isArray(s.value)?s.value=[a.value]:s.value=a.value,f("change",S)}}),{modifiers:B}=toRefs(a),k=useBemModifiers("vv-radio",B,computed(()=>({valid:c.value,invalid:i.value,disabled:r.value,readonly:o.value}))),{HintSlot:C}=j(a,m);return(S,V)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(k)),for:e.unref(d)},[e.withDirectives(e.createElementVNode("input",{id:e.unref(d),ref_key:"input",ref:_,"onUpdate:modelValue":V[0]||(V[0]=ee=>e.isRef(y)?y.value=ee:null),type:"radio",class:"vv-radio__input",name:S.name,disabled:e.unref(l),value:e.unref(u),tabindex:e.unref(n),"aria-invalid":e.unref(p)},null,8,U),[[e.vModelRadio,e.unref(y)]]),e.renderSlot(S.$slots,"default",{value:e.unref(s)},()=>[e.createTextVNode(e.toDisplayString(S.label),1)]),e.createVNode(e.unref(C),{class:"vv-radio__hint",params:{value:e.unref(s)}},null,8,["params"])],10,w))}}),Y=q,Q=["update:modelValue","change"],X=["textContent"],Z={class:"vv-radio-group__wrapper"},L={name:"VvRadioGroup"};return e.defineComponent({...L,props:Y,emits:Q,setup(t,{emit:f}){const a=t,m=useSlots(),v=useVModel(a,"modelValue",f),{disabled:r,readonly:o,vertical:s,valid:c,invalid:i,modifiers:d}=toRefs(a);useProvideGroupState({key:P,modelValue:v,disabled:r,readonly:o,valid:c,invalid:i});const{getOptionLabel:n,getOptionValue:_}=useOptions(a),l=useBemModifiers("vv-radio-group",d,computed(()=>({disabled:r.value,readonly:o.value,horizontal:!s.value,valid:c.value,invalid:i.value}))),p=(u,y)=>({id:`${a.name}_opt${y}`,name:a.name,label:n(u),value:_(u)}),{HintSlot:g}=j(a,m);return(u,y)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(e.unref(l))},[u.label?(e.openBlock(),e.createElementBlock("legend",{key:0,textContent:e.toDisplayString(u.label)},null,8,X)):e.createCommentVNode("",!0),e.createElementVNode("div",Z,[u.options.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(u.options,(B,k)=>(e.openBlock(),e.createBlock(W,e.mergeProps({key:k},p(B,k)),null,16))),128)):e.renderSlot(u.$slots,"default",{key:1})]),e.createVNode(e.unref(g),{class:"vv-radio-group__hint"})],2))}})});
+!function(e,l){"object"==typeof exports&&"undefined"!=typeof module?module.exports=l(require("vue"),require("@vueuse/core"),require("nanoid")):"function"==typeof define&&define.amd?define(["vue","@vueuse/core","nanoid"],l):(e="undefined"!=typeof globalThis?globalThis:e||self).VvRadioGroup=l(e.vue,e.core,e.nanoid)}(this,(function(e,l,n){"use strict";var t=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(t||{}),o=(e=>(e.before="before",e.after="after",e))(o||{}),a=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(a||{});const u=Symbol.for("radioGroup");function i(e,l,n){return n?d(e,n)===d(l,n):r(e,l)}function r(e,l){if(e===l)return!0;if(e&&l&&"object"==typeof e&&"object"==typeof l){const n=Array.isArray(e),t=Array.isArray(l);let o,a,u;if(n&&t){if(a=e.length,a!=l.length)return!1;for(o=a;0!=o--;)if(!r(e[o],l[o]))return!1;return!0}if(n!=t)return!1;const i=e instanceof Date,d=l instanceof Date;if(i!=d)return!1;if(i&&d)return e.getTime()==l.getTime();const v=e instanceof RegExp,s=l instanceof RegExp;if(v!=s)return!1;if(v&&s)return e.toString()==l.toString();const c=Object.keys(e);if(a=c.length,a!==Object.keys(l).length)return!1;for(o=a;0!=o--;)if(!Object.prototype.hasOwnProperty.call(l,c[o]))return!1;for(o=a;0!=o--;)if(u=c[o],!r(e[u],l[u]))return!1;return!0}return e!=e&&l!=l}function d(e,l){if(e&&Object.keys(e).length&&l){if(-1===l.indexOf("."))return e[l];{const n=l.split(".");let t=e;for(let l=0,o=n.length;l<o;++l){if(null==e)return null;t=t[n[l]]}return t}}return null}function v(l){return null==(n=e.unref(l))||""===n||Array.isArray(n)&&0===n.length||!(n instanceof Date)&&"object"==typeof n&&0===Object.keys(n).length;var n}function s(e){return Array.isArray(e)?e.filter((e=>{return"string"==typeof(l=e)||l instanceof String;var l})).join(" "):e}function c(n,t){const{invalid:o,valid:a,hint:u,loading:i}=t,{hintLabel:r,modelValue:c,valid:f,validLabel:p,invalid:m,invalidLabel:b,...y}=e.toRefs(n),g=d(y,"loading"),h=d(y,"loadingLabel"),S=e.computed((()=>!!m.value&&(!(!m.value||!o)||(!!((null==b?void 0:b.value)&&Array.isArray(b.value)&&b.value.length>0)||!(!(null==b?void 0:b.value)||v(b)))))),B=e.computed((()=>!!(r&&r.value||u))),V=e.computed((()=>!!(p&&p.value||a))),k=e.computed((()=>!!((null==g?void 0:g.value)&&i||(null==g?void 0:g.value)&&(null==h?void 0:h.value)))),A=e.computed((()=>B.value||V.value||S.value||k.value));return{hasInvalid:S,hasHint:B,hasValid:V,hasLoading:k,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(n){const t=e.computed((()=>{const e=l.toReactive({hintLabel:r,modelValue:c,valid:f,validLabel:p,invalid:m,invalidLabel:b,loading:g,loadingLabel:h,...n.params});return(null==m?void 0:m.value)?(null==o?void 0:o(e))||s(null==b?void 0:b.value)||(null==r?void 0:r.value):(null==f?void 0:f.value)?(null==a?void 0:a(e))||s(null==p?void 0:p.value)||(null==r?void 0:r.value):(null==g?void 0:g.value)?(null==i?void 0:i(e))||s(null==h?void 0:h.value)||(null==r?void 0:r.value):(null==u?void 0:u(e))||s(null==r?void 0:r.value)||(null==r?void 0:r.value)}));return{isVisible:A,hasInvalid:S,hasValid:V,hintContent:t}},render(){if(this.isVisible)return e.h("small",{role:this.hasInvalid?"alert":this.hasValid?"status":void 0},this.hintContent)}}}}const f={valid:Boolean,validLabel:[String,Array]},p={invalid:Boolean,invalidLabel:[String,Array]},m={disabled:Boolean},b=(Boolean,Boolean,{label:[String,Number]}),y={readonly:Boolean},g={modifiers:[String,Array]},h={hintLabel:{type:String,default:""}},S={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}};o.before;const B={tabindex:{type:[String,Number],default:0}},V={id:[String,Number]};t.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean;const k={...{...V,name:{type:String,required:!0}},...B,...f,...p,...h,...m,...y,...g,...b,value:[String,Number,Boolean],modelValue:[Object,Number,Boolean,String]},A={...f,...p,...S,...h,...m,...y,...g,...b,modelValue:[String,Array,Boolean,Number,Symbol],name:{type:String,required:!0},vertical:Boolean};a.button;const O=k;function j(l,n){const{id:t}=e.toRefs(l),{group:o,isInGroup:a,getGroupOrLocalRef:i}=function(l){const n=e.inject(l,void 0),t=e.computed((()=>!v(n)));return{group:n,isInGroup:t,getGroupOrLocalRef:function(l,t,o){if(null==n?void 0:n.value){const t=e.unref(n.value)[l];return e.computed({get:()=>null==t?void 0:t.value,set(e){t.value=e}})}const a=e.toRef(t,l);return e.computed({get:()=>a.value,set(e){o&&o(`update:${l}`,e)}})}}}(u),r=i("modelValue",l,n),d=i("valid",l),s=i("invalid",l),c=e.computed((()=>{var e;return Boolean(l.readonly||(null==(e=null==o?void 0:o.value)?void 0:e.disabled.value))})),f=e.computed((()=>{var e;return Boolean(l.disabled||(null==(e=null==o?void 0:o.value)?void 0:e.disabled.value))}));return{id:t,group:o,isInGroup:a,modelValue:r,valid:d,invalid:s,readonly:c,disabled:f}}function L(l,n,t){return e.computed((()=>{const o={[l]:!0},a="string"==typeof(null==n?void 0:n.value)?n.value.split(" "):null==n?void 0:n.value;return a&&Array.isArray(a)&&a.forEach((e=>{e&&(o[`${l}--${e}`]=!0)})),t&&Object.keys(t.value).forEach((n=>{o[`${l}--${n}`]=e.unref(t.value[n])})),o}))}const R=["for"],x=["id","name","disabled","value","tabindex","aria-invalid"],N=e.defineComponent({name:"VvRadio",props:O,emits:["click","update:modelValue","change","blur"],setup(l,{emit:t}){const o=l,a=e.useSlots(),{id:u,disabled:r,readonly:d,modelValue:v,valid:s,invalid:f}=j(o,t),p=(l=>e.computed((()=>String((null==l?void 0:l.value)||n.nanoid()))))(u),m=e.computed((()=>y.value?-1:o.tabindex)),b=e.ref(),y=e.computed((()=>r.value||d.value)),g=e.computed((()=>!0===f.value||!0!==s.value&&void 0)),h=e.computed((()=>Array.isArray(v.value)?function(e,l){if(null!=e&&l&&l.length)for(const n of l)if(i(e,n))return!0;return!1}(o.value,v.value):i(o.value,v.value))),S=e.computed((()=>!["string","number","boolean"].includes(typeof o.value)||o.value)),B=e.computed({get:()=>h.value?S.value:null,set(e){Array.isArray(v.value)?v.value=[o.value]:v.value=o.value,t("change",e)}}),{modifiers:V}=e.toRefs(o),k=L("vv-radio",V,e.computed((()=>({valid:s.value,invalid:f.value,disabled:r.value,readonly:d.value})))),{HintSlot:A}=c(o,a);return(l,n)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(k)),for:e.unref(p)},[e.withDirectives(e.createElementVNode("input",{id:e.unref(p),ref_key:"input",ref:b,"onUpdate:modelValue":n[0]||(n[0]=l=>e.isRef(B)?B.value=l:null),type:"radio",class:"vv-radio__input",name:l.name,disabled:e.unref(y),value:e.unref(S),tabindex:e.unref(m),"aria-invalid":e.unref(g)},null,8,x),[[e.vModelRadio,e.unref(B)]]),e.renderSlot(l.$slots,"default",{value:e.unref(v)},(()=>[e.createTextVNode(e.toDisplayString(l.label),1)])),e.createVNode(e.unref(A),{class:"vv-radio__hint",params:{value:e.unref(v)}},null,8,["params"])],10,R))}}),E=A;const _=["textContent"],C={class:"vv-radio-group__wrapper"};return e.defineComponent({name:"VvRadioGroup",props:E,emits:["update:modelValue","change"],setup(n,{emit:t}){const o=n,a=e.useSlots(),i=l.useVModel(o,"modelValue",t),{disabled:r,readonly:d,vertical:v,valid:s,invalid:f,modifiers:p}=e.toRefs(o);!function(l){if(Object.keys(l).some((n=>"key"!==n&&!e.isRef(l[n]))))throw Error("One or more groupState props aren't ref.");e.provide(l.key,e.computed((()=>l)))}({key:u,modelValue:i,disabled:r,readonly:d,valid:s,invalid:f});const{getOptionLabel:m,getOptionValue:b}=function(l){const{options:n,labelKey:t,valueKey:o,disabledKey:a}=e.toRefs(l);return{options:n,getOptionLabel:e=>"object"!=typeof e&&null!==e?e:"function"==typeof t.value?t.value(e):e[t.value],getOptionValue:e=>"object"!=typeof e&&null!==e?e:"function"==typeof o.value?o.value(e):e[o.value],getOptionDisabled:e=>("object"==typeof e||null===e)&&("function"==typeof a.value?a.value(e):e[a.value])}}(o),y=L("vv-radio-group",p,e.computed((()=>({disabled:r.value,readonly:d.value,horizontal:!v.value,valid:s.value,invalid:f.value})))),{HintSlot:g}=c(o,a);return(l,n)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(e.unref(y))},[l.label?(e.openBlock(),e.createElementBlock("legend",{key:0,textContent:e.toDisplayString(l.label)},null,8,_)):e.createCommentVNode("",!0),e.createElementVNode("div",C,[l.options.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(l.options,((l,n)=>(e.openBlock(),e.createBlock(N,e.mergeProps({key:n},((e,l)=>({id:`${o.name}_opt${l}`,name:o.name,label:m(e),value:b(e)}))(l,n)),null,16)))),128)):e.renderSlot(l.$slots,"default",{key:1})]),e.createVNode(e.unref(g),{class:"vv-radio-group__hint"})],2))}})}));

package/dist/components/VvRadioGroup/VvRadioGroup.vue.d.ts

@@ -1,13 +1,13 @@
-import type { Option } from '@/types/generic';
+import type { Option } from '../../types/generic';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    modelValue: (StringConstructor | ArrayConstructor)[];
-    label: StringConstructor;
+    modelValue: (SymbolConstructor | StringConstructor | BooleanConstructor | ArrayConstructor | NumberConstructor)[];
     name: {
         type: StringConstructor;
         required: boolean;
     };
     vertical: BooleanConstructor;
-    modifiers: import("vue").PropType<string | string[]>;
+    label: (StringConstructor | NumberConstructor)[];
+    modifiers: globalThis.PropType<string | string[]>;
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     hintLabel: {
@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     options: {
-        type: import("vue").PropType<(string | Option)[]>;
+        type: globalThis.PropType<(string | Option)[]>;
         default: () => never[];
     };
     labelKey: {
@@ -35,14 +35,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     valid: BooleanConstructor;
     validLabel: (StringConstructor | ArrayConstructor)[];
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: (StringConstructor | ArrayConstructor)[];
-    label: StringConstructor;
+    modelValue: (SymbolConstructor | StringConstructor | BooleanConstructor | ArrayConstructor | NumberConstructor)[];
     name: {
         type: StringConstructor;
         required: boolean;
     };
     vertical: BooleanConstructor;
-    modifiers: import("vue").PropType<string | string[]>;
+    label: (StringConstructor | NumberConstructor)[];
+    modifiers: globalThis.PropType<string | string[]>;
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     hintLabel: {
@@ -50,7 +50,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     options: {
-        type: import("vue").PropType<(string | Option)[]>;
+        type: globalThis.PropType<(string | Option)[]>;
         default: () => never[];
     };
     labelKey: {

package/dist/components/VvRadioGroup/index.d.ts

@@ -1,12 +1,12 @@
 export declare const VvRadioGroupProps: {
-    modelValue: (StringConstructor | ArrayConstructor)[];
-    label: StringConstructor;
+    modelValue: (SymbolConstructor | StringConstructor | BooleanConstructor | ArrayConstructor | NumberConstructor)[];
     name: {
         type: StringConstructor;
         required: boolean;
     };
     vertical: BooleanConstructor;
-    modifiers: import("vue").PropType<string | string[]>;
+    label: (StringConstructor | NumberConstructor)[];
+    modifiers: globalThis.PropType<string | string[]>;
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     hintLabel: {
@@ -14,7 +14,7 @@ export declare const VvRadioGroupProps: {
         default: string;
     };
     options: {
-        type: import("vue").PropType<(string | import("../../types/generic").Option)[]>;
+        type: globalThis.PropType<(string | import("../../types/generic").Option)[]>;
         default: () => never[];
     };
     labelKey: {