@volverjs/ui-vue 0.0.4 → 0.0.5-beta.2

package/dist/components/VvRadio/VvRadio.umd.js

@@ -1 +1 @@
-(function(n,b){typeof exports=="object"&&typeof module<"u"?module.exports=b(require("vue"),require("@vueuse/core"),require("nanoid")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core","nanoid"],b):(n=typeof globalThis<"u"?globalThis:n||self,n.VvRadio=b(n.vue,n.core,n.nanoid))})(this,function(n,b,q){"use strict";var R=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(R||{}),P=(e=>(e.topStart="top-start",e.topEnd="top-end",e.bottomStart="bottom-start",e.bottomEnd="bottom-end",e.leftStart="left-start",e.leftEnd="left-end",e.rightStart="right-start",e.rightEnd="right-end",e))(P||{}),B=(e=>(e.before="before",e.after="after",e))(B||{}),V=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(V||{}),N=(e=>(e._blank="_blank",e._self="_self",e._parent="_parent",e._top="_top",e))(N||{});const H=Symbol.for("radioGroup"),$={to:{type:[String,Object]},href:String,target:{type:String,validator:e=>Object.values(N).includes(e)},rel:{type:String,default:"noopener noreferrer"}},M={valid:Boolean,validLabel:[String,Array]},w={invalid:Boolean,invalidLabel:[String,Array]},x={disabled:Boolean},F={active:Boolean},U={pressed:Boolean},C={label:[String,Number]},z={readonly:Boolean},T={modifiers:[String,Array]},J={hintLabel:{type:String,default:""}};B.before;const K={tabindex:{type:[String,Number],default:0}},W={id:[String,Number]};R.bottom;const Y={...{...W,name:{type:String,required:!0}},...K,...M,...w,...J,...x,...z,...T,...C,value:[String,Number,Boolean],modelValue:[Object,Number,Boolean,String]};({...x,...C,...U,...F,...$,type:V.button});function D(e,t,r){return r?O(e,r)===O(t,r):k(e,t)}function k(e,t){if(e===t)return!0;if(e&&t&&typeof e=="object"&&typeof t=="object"){const r=Array.isArray(e),u=Array.isArray(t);let o,a,s;if(r&&u){if(a=e.length,a!=t.length)return!1;for(o=a;o--!==0;)if(!k(e[o],t[o]))return!1;return!0}if(r!=u)return!1;const c=e instanceof Date,l=t instanceof Date;if(c!=l)return!1;if(c&&l)return e.getTime()==t.getTime();const f=e instanceof RegExp,d=t instanceof RegExp;if(f!=d)return!1;if(f&&d)return e.toString()==t.toString();const i=Object.keys(e);if(a=i.length,a!==Object.keys(t).length)return!1;for(o=a;o--!==0;)if(!Object.prototype.hasOwnProperty.call(t,i[o]))return!1;for(o=a;o--!==0;)if(s=i[o],!k(e[s],t[s]))return!1;return!0}return e!==e&&t!==t}function O(e,t){if(e&&Object.keys(e).length&&t){if(t.indexOf(".")===-1)return e[t];{const r=t.split(".");let u=e;for(let o=0,a=r.length;o<a;++o){if(e==null)return null;u=u[r[o]]}return u}}else return null}function Q(e,t){if(e!=null&&t&&t.length){for(const r of t)if(D(e,r))return!0}return!1}function G(e){return(t=>t==null||t===""||Array.isArray(t)&&t.length===0||!(t instanceof Date)&&typeof t=="object"&&Object.keys(t).length===0)(n.unref(e))}function X(e){return typeof e=="string"||e instanceof String}function Z(e){const t=n.inject(e,void 0),r=n.computed(()=>!G(t));function u(o,a,s){if(t!=null&&t.value){const l=n.unref(t.value)[o];return n.computed({get(){return l==null?void 0:l.value},set(f){l.value=f}})}const c=n.toRef(a,o);return n.computed({get(){return c.value},set(l){s&&s(`update:${o}`,l)}})}return{group:t,isInGroup:r,getGroupOrLocalRef:u}}const L=Y,ee=["click","update:modelValue","change","blur"];function te(e,t){const{id:r}=n.toRefs(e),{group:u,isInGroup:o,getGroupOrLocalRef:a}=Z(H),s=a("modelValue",e,t),c=a("readonly",e),l=a("disabled",e),f=a("valid",e),d=a("invalid",e);return{id:r,group:u,isInGroup:o,modelValue:s,readonly:c,disabled:l,valid:f,invalid:d}}function j(e){return Array.isArray(e)?e.filter(t=>X(t)).join(" "):e}function ne(e,t){const{invalid:r,valid:u,hint:o,loading:a}=t,{hintLabel:s,modelValue:c,valid:l,validLabel:f,invalid:d,invalidLabel:i,..._}=n.toRefs(e),p=O(_,"loading"),y=O(_,"loadingLabel"),h=n.computed(()=>d.value?!!(d.value&&r||i!=null&&i.value&&Array.isArray(i.value)&&i.value.length>0||i!=null&&i.value&&!G(i)):!1),S=n.computed(()=>!!(s&&s.value||o)),v=n.computed(()=>!!(f&&f.value||u)),A=n.computed(()=>!!(p!=null&&p.value&&a||p!=null&&p.value&&(y!=null&&y.value))),E=n.computed(()=>S.value||v.value||h.value||A.value);return{hasInvalid:h,hasHint:S,hasValid:v,hasLoading:A,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(I){const m=n.computed(()=>{const g=b.toReactive({hintLabel:s,modelValue:c,valid:l,validLabel:f,invalid:d,invalidLabel:i,loading:p,loadingLabel:y,...I.params});return d!=null&&d.value?(r==null?void 0:r(g))||j(i==null?void 0:i.value)||(s==null?void 0:s.value):l!=null&&l.value?(u==null?void 0:u(g))||j(f==null?void 0:f.value)||(s==null?void 0:s.value):p!=null&&p.value?(a==null?void 0:a(g))||j(y==null?void 0:y.value)||(s==null?void 0:s.value):(o==null?void 0:o(g))||j(s==null?void 0:s.value)||(s==null?void 0:s.value)});return{isVisible:E,hasInvalid:h,hasValid:v,hintContent:m}},render(){if(this.isVisible)return n.h("small",{role:this.hasInvalid?"alert":this.hasValid?"status":void 0},this.hintContent)}}}}const re=e=>n.computed(()=>String((e==null?void 0:e.value)||q.nanoid()));function oe(e,t,r){return n.computed(()=>{const u={[e]:!0},o=typeof(t==null?void 0:t.value)=="string"?t.value.split(" "):t==null?void 0:t.value;return o&&Array.isArray(o)&&o.forEach(a=>{u[`${e}--${a}`]=!0}),r&&Object.keys(r.value).forEach(a=>{u[`${e}--${a}`]=n.unref(r.value[a])}),u})}const ae=["for"],se=["id","name","disabled","value","tabindex","aria-invalid"],ue={name:"VvRadio"};return n.defineComponent({...ue,props:L,emits:ee,setup(e,{emit:t}){const r=e,u=n.useSlots(),{id:o,disabled:a,readonly:s,modelValue:c,valid:l,invalid:f}=te(r,t),d=re(o),i=n.computed(()=>p.value?-1:r.tabindex),_=n.ref(),p=n.computed(()=>a.value||s.value),y=n.computed(()=>{if(f.value===!0)return!0;if(l.value===!0)return!1}),h=n.computed(()=>Array.isArray(c.value)?Q(r.value,c.value):D(r.value,c.value)),S=n.computed(()=>["string","number","boolean"].includes(typeof r.value)?r.value:!0),v=n.computed({get(){return h.value?S.value:null},set(m){Array.isArray(c.value)?c.value=[r.value]:c.value=r.value,t("change",m)}}),{modifiers:A}=n.toRefs(r),E=oe("vv-radio",A,n.computed(()=>({valid:l.value,invalid:f.value,disabled:a.value,readonly:s.value}))),{HintSlot:I}=ne(r,u);return(m,g)=>(n.openBlock(),n.createElementBlock("label",{class:n.normalizeClass(n.unref(E)),for:n.unref(d)},[n.withDirectives(n.createElementVNode("input",{id:n.unref(d),ref_key:"input",ref:_,"onUpdate:modelValue":g[0]||(g[0]=le=>n.isRef(v)?v.value=le:null),type:"radio",class:"vv-radio__input",name:m.name,disabled:n.unref(p),value:n.unref(S),tabindex:n.unref(i),"aria-invalid":n.unref(y)},null,8,se),[[n.vModelRadio,n.unref(v)]]),n.renderSlot(m.$slots,"default",{value:n.unref(c)},()=>[n.createTextVNode(n.toDisplayString(m.label),1)]),n.createVNode(n.unref(I),{class:"vv-radio__hint",params:{value:n.unref(c)}},null,8,["params"])],10,ae))}})});
+!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).VvRadio=l(e.vue,e.core,e.nanoid)}(this,(function(e,l,n){"use strict";var a=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(a||{}),t=(e=>(e.before="before",e.after="after",e))(t||{}),o=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(o||{});const u=Symbol.for("radioGroup"),i={valid:Boolean,validLabel:[String,Array]},r={invalid:Boolean,invalidLabel:[String,Array]},d={disabled:Boolean},v=(Boolean,Boolean,{label:[String,Number]}),s={readonly:Boolean},f={modifiers:[String,Array]},c={hintLabel:{type:String,default:""}};t.before;const p={tabindex:{type:[String,Number],default:0}},m={id:[String,Number]};a.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean;const b={...{...m,name:{type:String,required:!0}},...p,...i,...r,...c,...d,...s,...f,...v,value:[String,Number,Boolean],modelValue:[Object,Number,Boolean,String]};function g(e,l,n){return n?h(e,n)===h(l,n):y(e,l)}function y(e,l){if(e===l)return!0;if(e&&l&&"object"==typeof e&&"object"==typeof l){const n=Array.isArray(e),a=Array.isArray(l);let t,o,u;if(n&&a){if(o=e.length,o!=l.length)return!1;for(t=o;0!=t--;)if(!y(e[t],l[t]))return!1;return!0}if(n!=a)return!1;const i=e instanceof Date,r=l instanceof Date;if(i!=r)return!1;if(i&&r)return e.getTime()==l.getTime();const d=e instanceof RegExp,v=l instanceof RegExp;if(d!=v)return!1;if(d&&v)return e.toString()==l.toString();const s=Object.keys(e);if(o=s.length,o!==Object.keys(l).length)return!1;for(t=o;0!=t--;)if(!Object.prototype.hasOwnProperty.call(l,s[t]))return!1;for(t=o;0!=t--;)if(u=s[t],!y(e[u],l[u]))return!1;return!0}return e!=e&&l!=l}function h(e,l){if(e&&Object.keys(e).length&&l){if(-1===l.indexOf("."))return e[l];{const n=l.split(".");let a=e;for(let l=0,t=n.length;l<t;++l){if(null==e)return null;a=a[n[l]]}return a}}return null}function S(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}o.button;const B=b;function A(l,n){const{id:a}=e.toRefs(l),{group:t,isInGroup:o,getGroupOrLocalRef:i}=function(l){const n=e.inject(l,void 0),a=e.computed((()=>!S(n)));return{group:n,isInGroup:a,getGroupOrLocalRef:function(l,a,t){if(null==n?void 0:n.value){const a=e.unref(n.value)[l];return e.computed({get:()=>null==a?void 0:a.value,set(e){a.value=e}})}const o=e.toRef(a,l);return e.computed({get:()=>o.value,set(e){t&&t(`update:${l}`,e)}})}}}(u),r=i("modelValue",l,n),d=i("valid",l),v=i("invalid",l),s=e.computed((()=>{var e;return Boolean(l.readonly||(null==(e=null==t?void 0:t.value)?void 0:e.disabled.value))})),f=e.computed((()=>{var e;return Boolean(l.disabled||(null==(e=null==t?void 0:t.value)?void 0:e.disabled.value))}));return{id:a,group:t,isInGroup:o,modelValue:r,valid:d,invalid:v,readonly:s,disabled:f}}function V(e){return Array.isArray(e)?e.filter((e=>{return"string"==typeof(l=e)||l instanceof String;var l})).join(" "):e}const j=["for"],L=["id","name","disabled","value","tabindex","aria-invalid"];return e.defineComponent({name:"VvRadio",props:B,emits:["click","update:modelValue","change","blur"],setup(a,{emit:t}){const o=a,u=e.useSlots(),{id:i,disabled:r,readonly:d,modelValue:v,valid:s,invalid:f}=A(o,t),c=(l=>e.computed((()=>String((null==l?void 0:l.value)||n.nanoid()))))(i),p=e.computed((()=>b.value?-1:o.tabindex)),m=e.ref(),b=e.computed((()=>r.value||d.value)),y=e.computed((()=>!0===f.value||!0!==s.value&&void 0)),B=e.computed((()=>Array.isArray(v.value)?function(e,l){if(null!=e&&l&&l.length)for(const n of l)if(g(e,n))return!0;return!1}(o.value,v.value):g(o.value,v.value))),R=e.computed((()=>!["string","number","boolean"].includes(typeof o.value)||o.value)),O=e.computed({get:()=>B.value?R.value:null,set(e){Array.isArray(v.value)?v.value=[o.value]:v.value=o.value,t("change",e)}}),{modifiers:x}=e.toRefs(o),k=function(l,n,a){return e.computed((()=>{const t={[l]:!0},o="string"==typeof(null==n?void 0:n.value)?n.value.split(" "):null==n?void 0:n.value;return o&&Array.isArray(o)&&o.forEach((e=>{e&&(t[`${l}--${e}`]=!0)})),a&&Object.keys(a.value).forEach((n=>{t[`${l}--${n}`]=e.unref(a.value[n])})),t}))}("vv-radio",x,e.computed((()=>({valid:s.value,invalid:f.value,disabled:r.value,readonly:d.value})))),{HintSlot:N}=function(n,a){const{invalid:t,valid:o,hint:u,loading:i}=a,{hintLabel:r,modelValue:d,valid:v,validLabel:s,invalid:f,invalidLabel:c,...p}=e.toRefs(n),m=h(p,"loading"),b=h(p,"loadingLabel"),g=e.computed((()=>!(!f.value||(!f.value||!t)&&!((null==c?void 0:c.value)&&Array.isArray(c.value)&&c.value.length>0)&&(!(null==c?void 0:c.value)||S(c))))),y=e.computed((()=>!!(r&&r.value||u))),B=e.computed((()=>!!(s&&s.value||o))),A=e.computed((()=>!!((null==m?void 0:m.value)&&i||(null==m?void 0:m.value)&&(null==b?void 0:b.value)))),j=e.computed((()=>y.value||B.value||g.value||A.value));return{hasInvalid:g,hasHint:y,hasValid:B,hasLoading:A,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(n){const a=e.computed((()=>{const e=l.toReactive({hintLabel:r,modelValue:d,valid:v,validLabel:s,invalid:f,invalidLabel:c,loading:m,loadingLabel:b,...n.params});return(null==f?void 0:f.value)?(null==t?void 0:t(e))||V(null==c?void 0:c.value)||(null==r?void 0:r.value):(null==v?void 0:v.value)?(null==o?void 0:o(e))||V(null==s?void 0:s.value)||(null==r?void 0:r.value):(null==m?void 0:m.value)?(null==i?void 0:i(e))||V(null==b?void 0:b.value)||(null==r?void 0:r.value):(null==u?void 0:u(e))||V(null==r?void 0:r.value)||(null==r?void 0:r.value)}));return{isVisible:j,hasInvalid:g,hasValid:B,hintContent:a}},render(){if(this.isVisible)return e.h("small",{role:this.hasInvalid?"alert":this.hasValid?"status":void 0},this.hintContent)}}}}(o,u);return(l,n)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(k)),for:e.unref(c)},[e.withDirectives(e.createElementVNode("input",{id:e.unref(c),ref_key:"input",ref:m,"onUpdate:modelValue":n[0]||(n[0]=l=>e.isRef(O)?O.value=l:null),type:"radio",class:"vv-radio__input",name:l.name,disabled:e.unref(b),value:e.unref(R),tabindex:e.unref(p),"aria-invalid":e.unref(y)},null,8,L),[[e.vModelRadio,e.unref(O)]]),e.renderSlot(l.$slots,"default",{value:e.unref(v)},(()=>[e.createTextVNode(e.toDisplayString(l.label),1)])),e.createVNode(e.unref(N),{class:"vv-radio__hint",params:{value:e.unref(v)}},null,8,["params"])],10,j))}})}));

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

@@ -2,7 +2,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     modelValue: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
     label: (StringConstructor | NumberConstructor)[];
-    modifiers: import("vue").PropType<string | string[]>;
+    modifiers: globalThis.PropType<string | string[]>;
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     hintLabel: {
@@ -26,7 +26,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     modelValue: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
     label: (StringConstructor | NumberConstructor)[];
-    modifiers: import("vue").PropType<string | string[]>;
+    modifiers: globalThis.PropType<string | string[]>;
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     hintLabel: {

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

@@ -1,10 +1,10 @@
 import type { ExtractPropTypes, Ref } from 'vue';
-import type { InputGroupState } from '@/types/group';
+import type { InputGroupState } from '../../types/group';
 export declare const VvRadioProps: {
     value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     modelValue: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
     label: (StringConstructor | NumberConstructor)[];
-    modifiers: import("vue").PropType<string | string[]>;
+    modifiers: globalThis.PropType<string | string[]>;
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     hintLabel: {
@@ -33,10 +33,10 @@ export type VvRadioPropsType = ExtractPropTypes<typeof VvRadioProps>;
 export declare function useGroupProps(props: VvRadioPropsType, emit: (event: (typeof VvRadioEvents)[number], value: unknown) => void): {
     id: Ref<string | number | undefined> | undefined;
     group: Ref<InputGroupState> | undefined;
-    isInGroup: import("vue").ComputedRef<boolean>;
+    isInGroup: globalThis.ComputedRef<boolean>;
     modelValue: import("vue").WritableComputedRef<unknown>;
-    readonly: Ref<boolean>;
-    disabled: Ref<boolean>;
     valid: Ref<boolean>;
     invalid: Ref<boolean>;
+    readonly: globalThis.ComputedRef<boolean>;
+    disabled: globalThis.ComputedRef<boolean>;
 };