@volverjs/ui-vue 0.0.1-beta.12 → 0.0.1-beta.17

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

@@ -1,200 +1,87 @@
-import { isRef as p, provide as g, computed as d, unref as m, defineComponent as h, toRefs as A, ref as O, openBlock as B, createElementBlock as C, normalizeClass as b, renderSlot as k } from "vue";
-import { useVModel as E } from "@vueuse/core";
-const j = {
-  disabled: Boolean
-}, _ = {
-  modifiers: [String, Array]
-}, q = {
-  ..._,
-  ...j,
-  vertical: { type: Boolean, default: !1 },
-  compact: { type: Boolean, default: !1 },
-  toggle: { type: Boolean, default: !1 },
-  modelValue: { type: String, default: void 0 }
-}, x = ["update:modelValue"], S = Symbol("VV_BUTTON_GROUP");
-function T(e) {
+import { isRef as b, provide as _, computed as d, unref as f, defineComponent as v, toRefs as y, ref as B, openBlock as C, createElementBlock as V, normalizeClass as g, renderSlot as k } from "vue";
+import { useVModel as A } from "@vueuse/core";
+const O = "VV_BUTTON_GROUP";
+function G(e) {
   if (Object.keys(e).some(
-    (t) => t !== "key" && !p(e[t])
+    (o) => o !== "key" && !b(e[o])
   ))
     throw Error("One or more groupState props aren't ref.");
-  g(
+  _(
     e.key,
     d(() => e)
   );
 }
-const y = {
-  equals(e, t, r) {
-    return r ? this.resolveFieldData(e, r) === this.resolveFieldData(t, r) : this.deepEquals(e, t);
-  },
-  deepEquals(e, t) {
-    if (e === t)
-      return !0;
-    if (e && t && typeof e == "object" && typeof t == "object") {
-      const r = Array.isArray(e), n = Array.isArray(t);
-      let s, o, i;
-      if (r && n) {
-        if (o = e.length, o != t.length)
-          return !1;
-        for (s = o; s-- !== 0; )
-          if (!this.deepEquals(e[s], t[s]))
-            return !1;
-        return !0;
-      }
-      if (r != n)
-        return !1;
-      const l = e instanceof Date, f = t instanceof Date;
-      if (l != f)
-        return !1;
-      if (l && f)
-        return e.getTime() == t.getTime();
-      const u = e instanceof RegExp, a = t instanceof RegExp;
-      if (u != a)
-        return !1;
-      if (u && a)
-        return e.toString() == t.toString();
-      const c = Object.keys(e);
-      if (o = c.length, o !== Object.keys(t).length)
-        return !1;
-      for (s = o; s-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(t, c[s]))
-          return !1;
-      for (s = o; s-- !== 0; )
-        if (i = c[s], !this.deepEquals(e[i], t[i]))
-          return !1;
-      return !0;
-    }
-    return e !== e && t !== t;
-  },
-  resolveFieldData(e, t) {
-    if (e && Object.keys(e).length && t) {
-      if (t.indexOf(".") === -1)
-        return e[t];
-      {
-        const r = t.split(".");
-        let n = e;
-        for (let s = 0, o = r.length; s < o; ++s) {
-          if (e == null)
-            return null;
-          n = n[r[s]];
-        }
-        return n;
-      }
-    } else
-      return null;
-  },
-  isFunction(e) {
-    return !!(e && e.constructor && e.call && e.apply);
-  },
-  findIndexInList(e, t) {
-    let r = -1;
-    if (t) {
-      for (let n = 0; n < t.length; n++)
-        if (this.equals(t[n], e)) {
-          r = n;
-          break;
-        }
-    }
-    return r;
-  },
-  contains(e, t) {
-    if (e != null && t && t.length) {
-      for (const r of t)
-        if (this.equals(e, r))
-          return !0;
-    }
-    return !1;
-  },
-  isEmpty(e) {
-    return e == null || e === "" || Array.isArray(e) && e.length === 0 || !(e instanceof Date) && typeof e == "object" && Object.keys(e).length === 0;
-  },
-  isNotEmpty(e) {
-    return !this.isEmpty(e);
-  },
-  pickBy(e, t) {
-    return Object.fromEntries(
-      Object.entries(e).filter(([r]) => t(r))
-    );
-  },
-  removeFromList(e, t) {
-    const r = this.findIndexInList(e, t);
-    return r > -1 ? t.filter((n, s) => s !== r) : t;
-  },
-  isString(e) {
-    return typeof e == "string" || e instanceof String;
-  },
-  propsToObject(e) {
-    return Object.keys(e).reduce((t, r) => {
-      var n, s, o, i, l;
-      return this.isFunction(e[r]) ? t[r] = e[r]() : Array.isArray(e[r]) ? t[r] = e[r][0]() : (n = e[r]) != null && n.type && (Array.isArray(e[r].type) ? t[r] = ((s = e[r]) == null ? void 0 : s.default) || ((o = e[r]) == null ? void 0 : o.type[0]()) : t[r] = ((i = e[r]) == null ? void 0 : i.default) || ((l = e[r]) == null ? void 0 : l.type())), t;
-    }, {});
-  },
-  filterArray(e, t, r) {
-    return e.filter((n) => t.some((s) => typeof s == "string" ? n[r] == s : this.equals(
-      n[r],
-      s[r]
-    )));
-  },
-  kebabCase(e) {
-    var t, r;
-    if (e)
-      return (r = (t = 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();
-  }
-};
-function V(e, t) {
-  const r = { [`${e}`]: !0 };
+function i(e) {
+  var o, s;
+  if (e)
+    return (s = (o = 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 : o.join("-")) == null ? void 0 : s.toLowerCase();
+}
+function P(e, o) {
+  const s = { [`${e}`]: !0 };
   return {
-    bemCssClasses: d(() => Object.keys(t).reduce((s, o) => {
-      const i = m(t[o]) || !1;
-      if (!i)
-        return s;
-      if (o === "modifiers") {
-        const l = Array.isArray(i) ? i : [i];
+    bemCssClasses: d(() => Object.keys(o).reduce((n, a) => {
+      const t = f(o[a]) || !1;
+      if (!t)
+        return n;
+      if (a === "modifiers") {
+        const l = Array.isArray(t) ? t : t.split(" ");
         return {
-          ...s,
+          ...n,
           ...l.reduce(
-            (f, u) => ({
-              ...f,
-              [`${e}--${y.kebabCase(
-                u
-              )}`]: !0
+            (r, u) => ({
+              ...r,
+              [`${e}--${i(u)}`]: !0
             }),
             {}
           )
         };
       } else
         return {
-          ...s,
-          [`${e}--${y.kebabCase(o)}`]: i
+          ...n,
+          [`${e}--${i(a)}`]: t
         };
-    }, r) || {})
+    }, s) || {})
   };
 }
-const R = /* @__PURE__ */ h({
-  __name: "VvButtonGroup",
-  props: q,
-  emits: x,
-  setup(e, { emit: t }) {
-    const r = e, n = E(r, "modelValue", t), { disabled: s, vertical: o, compact: i, toggle: l, modifiers: f } = A(r), { bemCssClasses: u } = V("vv-button-group", {
-      modifiers: f,
-      vertical: o,
-      compact: i
-    }), a = {
-      key: S,
-      modelValue: n,
-      disabled: s,
+const $ = {
+  disabled: Boolean
+}, M = {
+  modifiers: [String, Array]
+}, R = {
+  ...M,
+  ...$,
+  vertical: { type: Boolean, default: !1 },
+  compact: { type: Boolean, default: !1 },
+  toggle: { type: Boolean, default: !1 },
+  modelValue: { type: String, default: void 0 }
+}, T = ["update:modelValue"], U = {
+  name: "VvButtonGroup"
+}, z = /* @__PURE__ */ v({
+  ...U,
+  props: R,
+  emits: T,
+  setup(e, { emit: o }) {
+    const s = e, c = A(s, "modelValue", o), { disabled: n, vertical: a, compact: t, toggle: l, modifiers: r } = y(s), { bemCssClasses: u } = P("vv-button-group", {
+      modifiers: r,
+      vertical: a,
+      compact: t
+    }), p = {
+      key: O,
+      modelValue: c,
+      disabled: n,
       toggle: l,
-      modifiers: f != null && f.value ? f : O([])
+      modifiers: r != null && r.value ? r : B([])
     };
-    return T(a), (c, D) => (B(), C("div", {
-      class: b(m(u)),
+    return G(p), (m, Z) => (C(), V("div", {
+      class: g(f(u)),
       role: "group"
     }, [
-      k(c.$slots, "default")
+      k(m.$slots, "default")
     ], 2));
   }
 });
 export {
-  R as default
+  z as default
 };

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

@@ -1 +1 @@
-(function(o,a){typeof exports=="object"&&typeof module<"u"?module.exports=a(require("vue"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core"],a):(o=typeof globalThis<"u"?globalThis:o||self,o.VvButtonGroup=a(o.vue,o.core))})(this,function(o,a){"use strict";const m={...{modifiers:[String,Array]},...{disabled:Boolean},vertical:{type:Boolean,default:!1},compact:{type:Boolean,default:!1},toggle:{type:Boolean,default:!1},modelValue:{type:String,default:void 0}},g=["update:modelValue"],h=Symbol("VV_BUTTON_GROUP");function A(e){if(Object.keys(e).some(t=>t!=="key"&&!o.isRef(e[t])))throw Error("One or more groupState props aren't ref.");o.provide(e.key,o.computed(()=>e))}const p={equals(e,t,r){return r?this.resolveFieldData(e,r)===this.resolveFieldData(t,r):this.deepEquals(e,t)},deepEquals(e,t){if(e===t)return!0;if(e&&t&&typeof e=="object"&&typeof t=="object"){const r=Array.isArray(e),s=Array.isArray(t);let n,i,f;if(r&&s){if(i=e.length,i!=t.length)return!1;for(n=i;n--!==0;)if(!this.deepEquals(e[n],t[n]))return!1;return!0}if(r!=s)return!1;const l=e instanceof Date,u=t instanceof Date;if(l!=u)return!1;if(l&&u)return e.getTime()==t.getTime();const c=e instanceof RegExp,y=t instanceof RegExp;if(c!=y)return!1;if(c&&y)return e.toString()==t.toString();const d=Object.keys(e);if(i=d.length,i!==Object.keys(t).length)return!1;for(n=i;n--!==0;)if(!Object.prototype.hasOwnProperty.call(t,d[n]))return!1;for(n=i;n--!==0;)if(f=d[n],!this.deepEquals(e[f],t[f]))return!1;return!0}return e!==e&&t!==t},resolveFieldData(e,t){if(e&&Object.keys(e).length&&t){if(t.indexOf(".")===-1)return e[t];{const r=t.split(".");let s=e;for(let n=0,i=r.length;n<i;++n){if(e==null)return null;s=s[r[n]]}return s}}else return null},isFunction(e){return!!(e&&e.constructor&&e.call&&e.apply)},findIndexInList(e,t){let r=-1;if(t){for(let s=0;s<t.length;s++)if(this.equals(t[s],e)){r=s;break}}return r},contains(e,t){if(e!=null&&t&&t.length){for(const r of t)if(this.equals(e,r))return!0}return!1},isEmpty(e){return e==null||e===""||Array.isArray(e)&&e.length===0||!(e instanceof Date)&&typeof e=="object"&&Object.keys(e).length===0},isNotEmpty(e){return!this.isEmpty(e)},pickBy(e,t){return Object.fromEntries(Object.entries(e).filter(([r])=>t(r)))},removeFromList(e,t){const r=this.findIndexInList(e,t);return r>-1?t.filter((s,n)=>n!==r):t},isString(e){return typeof e=="string"||e instanceof String},propsToObject(e){return Object.keys(e).reduce((t,r)=>{var s,n,i,f,l;return this.isFunction(e[r])?t[r]=e[r]():Array.isArray(e[r])?t[r]=e[r][0]():(s=e[r])!=null&&s.type&&(Array.isArray(e[r].type)?t[r]=((n=e[r])==null?void 0:n.default)||((i=e[r])==null?void 0:i.type[0]()):t[r]=((f=e[r])==null?void 0:f.default)||((l=e[r])==null?void 0:l.type())),t},{})},filterArray(e,t,r){return e.filter(s=>t.some(n=>typeof n=="string"?s[r]==n:this.equals(s[r],n[r])))},kebabCase(e){var t,r;if(e)return(r=(t=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()}};function O(e,t){const r={[`${e}`]:!0};return{bemCssClasses:o.computed(()=>Object.keys(t).reduce((n,i)=>{const f=o.unref(t[i])||!1;if(!f)return n;if(i==="modifiers"){const l=Array.isArray(f)?f:[f];return{...n,...l.reduce((u,c)=>({...u,[`${e}--${p.kebabCase(c)}`]:!0}),{})}}else return{...n,[`${e}--${p.kebabCase(i)}`]:f}},r)||{})}}return o.defineComponent({__name:"VvButtonGroup",props:m,emits:g,setup(e,{emit:t}){const r=e,s=a.useVModel(r,"modelValue",t),{disabled:n,vertical:i,compact:f,toggle:l,modifiers:u}=o.toRefs(r),{bemCssClasses:c}=O("vv-button-group",{modifiers:u,vertical:i,compact:f}),y={key:h,modelValue:s,disabled:n,toggle:l,modifiers:u!=null&&u.value?u:o.ref([])};return A(y),(d,k)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(o.unref(c)),role:"group"},[o.renderSlot(d.$slots,"default")],2))}})});
+(function(e,u){typeof exports=="object"&&typeof module<"u"?module.exports=u(require("vue"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core"],u):(e=typeof globalThis<"u"?globalThis:e||self,e.VvButtonGroup=u(e.vue,e.core))})(this,function(e,u){"use strict";const p="VV_BUTTON_GROUP";function m(o){if(Object.keys(o).some(s=>s!=="key"&&!e.isRef(o[s])))throw Error("One or more groupState props aren't ref.");e.provide(o.key,e.computed(()=>o))}function c(o){var s,t;if(o)return(t=(s=o.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:s.join("-"))==null?void 0:t.toLowerCase()}function _(o,s){const t={[`${o}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(s).reduce((i,a)=>{const r=e.unref(s[a])||!1;if(!r)return i;if(a==="modifiers"){const d=Array.isArray(r)?r:r.split(" ");return{...i,...d.reduce((n,l)=>({...n,[`${o}--${c(l)}`]:!0}),{})}}else return{...i,[`${o}--${c(a)}`]:r}},t)||{})}}const y={...{modifiers:[String,Array]},...{disabled:Boolean},vertical:{type:Boolean,default:!1},compact:{type:Boolean,default:!1},toggle:{type:Boolean,default:!1},modelValue:{type:String,default:void 0}},b=["update:modelValue"],B={name:"VvButtonGroup"};return e.defineComponent({...B,props:y,emits:b,setup(o,{emit:s}){const t=o,f=u.useVModel(t,"modelValue",s),{disabled:i,vertical:a,compact:r,toggle:d,modifiers:n}=e.toRefs(t),{bemCssClasses:l}=_("vv-button-group",{modifiers:n,vertical:a,compact:r}),V={key:p,modelValue:f,disabled:i,toggle:d,modifiers:n!=null&&n.value?n:e.ref([])};return m(V),(C,G)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l)),role:"group"},[e.renderSlot(C.$slots,"default")],2))}})});

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

@@ -1,121 +1,23 @@
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            disabled: boolean;
-            modelValue: string;
-            toggle: boolean;
-            vertical: boolean;
-            compact: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            vertical: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            compact: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            toggle: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            modelValue: {
-                type: StringConstructor;
-                default: undefined;
-            };
-            disabled: BooleanConstructor;
-            modifiers: import("vue").PropType<string | string[]>;
-        }>> & {
-            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "modelValue" | "toggle" | "vertical" | "compact">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            vertical: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            compact: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            toggle: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            modelValue: {
-                type: StringConstructor;
-                default: undefined;
-            };
-            disabled: BooleanConstructor;
-            modifiers: import("vue").PropType<string | string[]>;
-        }>> & {
-            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
-            disabled: boolean;
-            modelValue: string;
-            toggle: boolean;
-            vertical: boolean;
-            compact: boolean;
-        }, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        vertical: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        compact: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        toggle: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        modelValue: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        disabled: BooleanConstructor;
-        modifiers: import("vue").PropType<string | string[]>;
-    }>> & {
-        [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    compact: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    toggle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    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<{
     vertical: {
         type: BooleanConstructor;
         default: boolean;
@@ -136,15 +38,18 @@ declare const _default: {
     modifiers: import("vue").PropType<string | string[]>;
 }>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
-    disabled: boolean;
+}, {
     modelValue: string;
+    disabled: boolean;
     toggle: boolean;
     vertical: boolean;
     compact: boolean;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        default: (_: {}) => any;
-    };
-});
+}>, {
+    default: (_: {}) => any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};