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

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

@@ -1 +1 @@
-(function(t,m){typeof exports=="object"&&typeof module<"u"?module.exports=m(require("vue")):typeof define=="function"&&define.amd?define(["vue"],m):(t=typeof globalThis<"u"?globalThis:t||self,t.VvRadio=m(t.vue))})(this,function(t){"use strict";var m=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(m||{}),N=(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))(N||{}),j=(e=>(e.before="before",e.after="after",e))(j||{});const A=Symbol.for("radioGroup"),C={valid:Boolean,validLabel:[String,Array]},P={invalid:Boolean,invalidLabel:[String,Array]},E={disabled:Boolean},x={readonly:Boolean},k={modifiers:[String,Array]},D={hintLabel:{type:String,default:""}};j.before;const G={tabindex:{type:[String,Number],default:0}},H={id:[String,Number]};m.bottom;const T={...{...H,name:{type:String,required:!0}},...G,...C,...P,...D,...E,...x,...k,value:[String,Number,Boolean],modelValue:[Object,Number,Boolean,String],label:String},q=["click","update:modelValue","change","blur"];function F(e,f){const{id:a}=toRefs(e),{group:p,isInGroup:v,getGroupOrLocalRef:n}=useInjectedGroupState(A),o=n("modelValue",e,f),l=n("readonly",e),d=n("disabled",e),u=n("valid",e),i=n("invalid",e);return{id:a,group:p,isInGroup:v,modelValue:o,readonly:l,disabled:d,valid:u,invalid:i}}function B(e){return Array.isArray(e)?e.filter(f=>isString(f)).join(" "):e}function M(e,f){const{invalid:a,valid:p,hint:v,loading:n}=f,{hintLabel:o,modelValue:l,valid:d,validLabel:u,invalid:i,invalidLabel:r,..._}=toRefs(e),s=resolveFieldData(_,"loading"),c=resolveFieldData(_,"loadingLabel"),S=computed(()=>i.value?!!(i.value&&a||r!=null&&r.value&&Array.isArray(r.value)&&r.value.length>0||r!=null&&r.value&&!isEmpty(r)):!1),V=computed(()=>!!(o&&o.value||v)),y=computed(()=>!!(u&&u.value||p)),R=computed(()=>!!(s!=null&&s.value&&n||s!=null&&s.value&&(c!=null&&c.value))),O=computed(()=>V.value||y.value||S.value||R.value);return{hasInvalid:S,hasHint:V,hasValid:y,hasLoading:R,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(I){const b=computed(()=>{const g=toReactive({hintLabel:o,modelValue:l,valid:d,validLabel:u,invalid:i,invalidLabel:r,loading:s,loadingLabel:c,...I.params});return i!=null&&i.value?(a==null?void 0:a(g))||B(r==null?void 0:r.value)||(o==null?void 0:o.value):d!=null&&d.value?(p==null?void 0:p(g))||B(u==null?void 0:u.value)||(o==null?void 0:o.value):s!=null&&s.value?(n==null?void 0:n(g))||B(c==null?void 0:c.value)||(o==null?void 0:o.value):(v==null?void 0:v(g))||B(o==null?void 0:o.value)||(o==null?void 0:o.value)});return{isVisible:O,hasInvalid:S,hasValid:y,hintContent:b}},render(){if(this.isVisible)return h("small",{role:this.hasInvalid?"alert":this.hasValid?"status":void 0},this.hintContent)}}}}const U=["for"],w=["id","name","disabled","value","tabindex","aria-invalid"],z={name:"VvRadio"};return t.defineComponent({...z,props:T,emits:q,setup(e,{emit:f}){const a=e,p=useSlots(),{id:v,disabled:n,readonly:o,modelValue:l,valid:d,invalid:u}=F(a,f),i=useUniqueId(v),r=computed(()=>s.value?-1:a.tabindex),_=ref(),s=computed(()=>n.value||o.value),c=computed(()=>{if(u.value===!0)return!0;if(d.value===!0)return!1}),S=computed(()=>Array.isArray(l.value)?contains(a.value,l.value):equals(a.value,l.value)),V=computed(()=>["string","number","boolean"].includes(typeof a.value)?a.value:!0),y=computed({get(){return S.value?V.value:null},set(b){Array.isArray(l.value)?l.value=[a.value]:l.value=a.value,f("change",b)}}),{modifiers:R}=toRefs(a),O=useBemModifiers("vv-radio",R,computed(()=>({valid:d.value,invalid:u.value,disabled:n.value,readonly:o.value}))),{HintSlot:I}=M(a,p);return(b,g)=>(t.openBlock(),t.createElementBlock("label",{class:t.normalizeClass(t.unref(O)),for:t.unref(i)},[t.withDirectives(t.createElementVNode("input",{id:t.unref(i),ref_key:"input",ref:_,"onUpdate:modelValue":g[0]||(g[0]=J=>t.isRef(y)?y.value=J:null),type:"radio",class:"vv-radio__input",name:b.name,disabled:t.unref(s),value:t.unref(V),tabindex:t.unref(r),"aria-invalid":t.unref(c)},null,8,w),[[t.vModelRadio,t.unref(y)]]),t.renderSlot(b.$slots,"default",{value:t.unref(l)},()=>[t.createTextVNode(t.toDisplayString(b.label),1)]),t.createVNode(t.unref(I),{class:"vv-radio__hint",params:{value:t.unref(l)}},null,8,["params"])],10,U))}})});
+!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

@@ -1,8 +1,8 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     modelValue: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
-    label: StringConstructor;
-    modifiers: import("vue").PropType<string | string[]>;
+    label: (StringConstructor | NumberConstructor)[];
+    modifiers: globalThis.PropType<string | string[]>;
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     hintLabel: {
@@ -25,8 +25,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     modelValue: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
-    label: StringConstructor;
-    modifiers: import("vue").PropType<string | string[]>;
+    label: (StringConstructor | NumberConstructor)[];
+    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;
-    modifiers: import("vue").PropType<string | string[]>;
+    label: (StringConstructor | NumberConstructor)[];
+    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>;
 };