@volverjs/ui-vue 0.0.1 → 0.0.2

package/dist/components/VvButtonGroup/VvButtonGroup.es.js

@@ -1,8 +1,8 @@
-import { isRef as y, provide as b, computed as d, unref as m, defineComponent as A, toRefs as V, watchEffect as v, openBlock as g, createElementBlock as B, normalizeClass as _, renderSlot as C } from "vue";
+import { isRef as y, provide as b, computed as d, unref as p, defineComponent as v, toRefs as A, watchEffect as V, openBlock as g, createElementBlock as B, normalizeClass as _, renderSlot as C } from "vue";
 const k = "VV_BUTTON_GROUP";
 function G(e) {
   if (Object.keys(e).some(
-    (t) => t !== "key" && !y(e[t])
+    (r) => r !== "key" && !y(e[r])
   ))
     throw Error("One or more groupState props aren't ref.");
   b(
@@ -11,26 +11,26 @@ function G(e) {
   );
 }
 function c(e) {
-  var t, r;
+  var r, t;
   if (e)
-    return (r = (t = e.match(
+    return (t = (r = e.match(
       /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g
-    )) == null ? void 0 : t.join("-")) == null ? void 0 : r.toLowerCase();
+    )) == null ? void 0 : r.join("-")) == null ? void 0 : t.toLowerCase();
 }
-function O(e, t) {
-  const r = { [`${e}`]: !0 };
+function O(e, r) {
+  const t = { [`${e}`]: !0 };
   return {
-    bemCssClasses: d(() => Object.keys(t).reduce((l, a) => {
-      const o = m(t[a]) || !1;
+    bemCssClasses: d(() => Object.keys(r).reduce((l, a) => {
+      const o = p(r[a]) || !1;
       if (!o)
         return l;
       if (a === "modifiers") {
-        const u = Array.isArray(o) ? o : o.split(" ");
+        const n = Array.isArray(o) ? o : o.split(" ");
         return {
           ...l,
-          ...u.reduce(
-            (n, i) => ({
-              ...n,
+          ...n.reduce(
+            (u, i) => ({
+              ...u,
               [`${e}--${c(i)}`]: !0
             }),
             {}
@@ -41,7 +41,7 @@ function O(e, t) {
           ...l,
           [`${e}--${c(a)}`]: o
         };
-    }, r) || {})
+    }, t) || {})
   };
 }
 const P = {
@@ -49,39 +49,38 @@ const P = {
 }, $ = {
   modifiers: [String, Array]
 }, M = {
+  unselectable: { type: Boolean, default: !0 }
+}, S = {
   ...$,
   ...P,
-  itemModifiers: {
-    type: [String, Array],
-    default: ""
-  },
+  ...M,
+  itemModifiers: { type: [String, Array], default: void 0 },
   toggle: { type: Boolean, default: !1 },
   multiple: { type: Boolean, default: !1 },
-  unselectable: { type: Boolean, default: !0 },
   modelValue: { type: [String, Array], default: void 0 }
-}, S = ["update:modelValue"], h = {
+}, U = ["update:modelValue"], h = {
   name: "VvButtonGroup"
-}, U = /* @__PURE__ */ A({
+}, Z = /* @__PURE__ */ v({
   ...h,
-  props: M,
-  emits: S,
-  setup(e, { emit: t }) {
-    const r = e, {
+  props: S,
+  emits: U,
+  setup(e, { emit: r }) {
+    const t = e, {
       disabled: f,
       toggle: l,
       modifiers: a,
       multiple: o,
-      unselectable: u,
-      itemModifiers: n
-    } = V(r);
-    v(() => {
-      typeof r.modelValue == "string" && o.value && console.warn(
+      unselectable: n,
+      itemModifiers: u
+    } = A(t);
+    V(() => {
+      typeof t.modelValue == "string" && o.value && console.warn(
         "[VvButtonGroup]: modelValue is a string but multiple is true."
       );
     });
     const i = d({
-      get: () => o.value ? r.modelValue : Array.isArray(r.modelValue) ? r.modelValue[0] : r.modelValue,
-      set: (s) => (s !== void 0 && (Array.isArray(r.modelValue) || o.value) && !Array.isArray(s) && (s = [s]), t("update:modelValue", s))
+      get: () => o.value ? t.modelValue : Array.isArray(t.modelValue) ? t.modelValue[0] : t.modelValue,
+      set: (s) => (s !== void 0 && (Array.isArray(t.modelValue) || o.value) && !Array.isArray(s) && (s = [s]), r("update:modelValue", s))
     });
     G({
       key: k,
@@ -89,14 +88,14 @@ const P = {
       disabled: f,
       toggle: l,
       multiple: o,
-      unselectable: u,
-      modifiers: n
+      unselectable: n,
+      itemModifiers: u
     });
-    const { bemCssClasses: p } = O("vv-button-group", {
+    const { bemCssClasses: m } = O("vv-button-group", {
       modifiers: a
     });
     return (s, R) => (g(), B("div", {
-      class: _(m(p)),
+      class: _(p(m)),
       role: "group"
     }, [
       C(s.$slots, "default")
@@ -104,5 +103,5 @@ const P = {
   }
 });
 export {
-  U as default
+  Z as default
 };

package/dist/components/VvButtonGroup/VvButtonGroup.umd.js

@@ -1 +1 @@
-(function(e,i){typeof exports=="object"&&typeof module<"u"?module.exports=i(require("vue")):typeof define=="function"&&define.amd?define(["vue"],i):(e=typeof globalThis<"u"?globalThis:e||self,e.VvButtonGroup=i(e.vue))})(this,function(e){"use strict";const i="VV_BUTTON_GROUP";function m(t){if(Object.keys(t).some(r=>r!=="key"&&!e.isRef(t[r])))throw Error("One or more groupState props aren't ref.");e.provide(t.key,e.computed(()=>t))}function p(t){var r,o;if(t)return(o=(r=t.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g))==null?void 0:r.join("-"))==null?void 0:o.toLowerCase()}function y(t,r){const o={[`${t}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(r).reduce((u,l)=>{const s=e.unref(r[l])||!1;if(!s)return u;if(l==="modifiers"){const a=Array.isArray(s)?s:s.split(" ");return{...u,...a.reduce((d,f)=>({...d,[`${t}--${p(f)}`]:!0}),{})}}else return{...u,[`${t}--${p(l)}`]:s}},o)||{})}}const b={...{modifiers:[String,Array]},...{disabled:Boolean},itemModifiers:{type:[String,Array],default:""},toggle:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},unselectable:{type:Boolean,default:!0},modelValue:{type:[String,Array],default:void 0}},V=["update:modelValue"],A={name:"VvButtonGroup"};return e.defineComponent({...A,props:b,emits:V,setup(t,{emit:r}){const o=t,{disabled:c,toggle:u,modifiers:l,multiple:s,unselectable:a,itemModifiers:d}=e.toRefs(o);e.watchEffect(()=>{typeof o.modelValue=="string"&&s.value&&console.warn("[VvButtonGroup]: modelValue is a string but multiple is true.")});const f=e.computed({get:()=>s.value?o.modelValue:Array.isArray(o.modelValue)?o.modelValue[0]:o.modelValue,set:n=>(n!==void 0&&(Array.isArray(o.modelValue)||s.value)&&!Array.isArray(n)&&(n=[n]),r("update:modelValue",n))});m({key:i,modelValue:f,disabled:c,toggle:u,multiple:s,unselectable:a,modifiers:d});const{bemCssClasses:_}=y("vv-button-group",{modifiers:l});return(n,P)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(_)),role:"group"},[e.renderSlot(n.$slots,"default")],2))}})});
+(function(e,i){typeof exports=="object"&&typeof module<"u"?module.exports=i(require("vue")):typeof define=="function"&&define.amd?define(["vue"],i):(e=typeof globalThis<"u"?globalThis:e||self,e.VvButtonGroup=i(e.vue))})(this,function(e){"use strict";const i="VV_BUTTON_GROUP";function m(t){if(Object.keys(t).some(r=>r!=="key"&&!e.isRef(t[r])))throw Error("One or more groupState props aren't ref.");e.provide(t.key,e.computed(()=>t))}function p(t){var r,o;if(t)return(o=(r=t.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g))==null?void 0:r.join("-"))==null?void 0:o.toLowerCase()}function y(t,r){const o={[`${t}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(r).reduce((l,u)=>{const s=e.unref(r[u])||!1;if(!s)return l;if(u==="modifiers"){const a=Array.isArray(s)?s:s.split(" ");return{...l,...a.reduce((d,f)=>({...d,[`${t}--${p(f)}`]:!0}),{})}}else return{...l,[`${t}--${p(u)}`]:s}},o)||{})}}const b={...{modifiers:[String,Array]},...{disabled:Boolean},...{unselectable:{type:Boolean,default:!0}},itemModifiers:{type:[String,Array],default:void 0},toggle:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},modelValue:{type:[String,Array],default:void 0}},V=["update:modelValue"],A={name:"VvButtonGroup"};return e.defineComponent({...A,props:b,emits:V,setup(t,{emit:r}){const o=t,{disabled:c,toggle:l,modifiers:u,multiple:s,unselectable:a,itemModifiers:d}=e.toRefs(o);e.watchEffect(()=>{typeof o.modelValue=="string"&&s.value&&console.warn("[VvButtonGroup]: modelValue is a string but multiple is true.")});const f=e.computed({get:()=>s.value?o.modelValue:Array.isArray(o.modelValue)?o.modelValue[0]:o.modelValue,set:n=>(n!==void 0&&(Array.isArray(o.modelValue)||s.value)&&!Array.isArray(n)&&(n=[n]),r("update:modelValue",n))});m({key:i,modelValue:f,disabled:c,toggle:l,multiple:s,unselectable:a,itemModifiers:d});const{bemCssClasses:_}=y("vv-button-group",{modifiers:u});return(n,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(_)),role:"group"},[e.renderSlot(n.$slots,"default")],2))}})});

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

@@ -14,7 +14,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             of<T_4>(...items: T_4[]): T_4[];
             readonly [Symbol.species]: ArrayConstructor;
         })[];
-        default: string;
+        default: undefined;
     };
     toggle: {
         type: BooleanConstructor;
@@ -24,10 +24,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    unselectable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     modelValue: {
         type: (StringConstructor | {
             (arrayLength: number): string[];
@@ -45,6 +41,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         })[];
         default: undefined;
     };
+    unselectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabled: BooleanConstructor;
     modifiers: import("vue").PropType<string | string[]>;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -63,7 +63,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             of<T_4>(...items: T_4[]): T_4[];
             readonly [Symbol.species]: ArrayConstructor;
         })[];
-        default: string;
+        default: undefined;
     };
     toggle: {
         type: BooleanConstructor;
@@ -73,10 +73,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    unselectable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     modelValue: {
         type: (StringConstructor | {
             (arrayLength: number): string[];
@@ -94,6 +90,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         })[];
         default: undefined;
     };
+    unselectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabled: BooleanConstructor;
     modifiers: import("vue").PropType<string | string[]>;
 }>> & {

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

@@ -17,7 +17,7 @@ export declare const VvButtonGroupProps: {
             of<T_4>(...items: T_4[]): T_4[];
             readonly [Symbol.species]: ArrayConstructor;
         })[];
-        default: string;
+        default: undefined;
     };
     toggle: {
         type: BooleanConstructor;
@@ -27,10 +27,6 @@ export declare const VvButtonGroupProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    unselectable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     modelValue: {
         type: (StringConstructor | {
             (arrayLength: number): string[];
@@ -48,6 +44,10 @@ export declare const VvButtonGroupProps: {
         })[];
         default: undefined;
     };
+    unselectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabled: BooleanConstructor;
     modifiers: import("vue").PropType<string | string[]>;
 };