@volverjs/ui-vue 0.0.10-beta.2 → 0.0.10-beta.20

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

@@ -1,6 +1,5 @@
 import { Side } from '../../constants';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    icon: (ObjectConstructor | StringConstructor)[];
     iconPosition: {
         type: globalThis.PropType<"left" | "right" | "top" | "bottom">;
         default: Side;
@@ -15,18 +14,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     value: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     uncheckedValue: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     modelValue: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: undefined;
     };
-    loading: BooleanConstructor;
+    icon: {
+        type: globalThis.PropType<string | import("../VvIcon").VvIconProps>;
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     loadingLabel: {
         type: StringConstructor;
         default: string;
@@ -35,7 +41,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    modifiers: globalThis.PropType<string | string[]>;
+    modifiers: {
+        type: globalThis.PropType<string | string[]>;
+        default: undefined;
+    };
     id: (StringConstructor | NumberConstructor)[];
     type: {
         type: globalThis.PropType<"button" | "submit" | "reset">;
@@ -46,26 +55,52 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
+    defaultTag: {
+        type: StringConstructor;
+        default: import("../../constants").ActionTag;
+    };
     to: {
         type: (ObjectConstructor | StringConstructor)[];
     };
     href: StringConstructor;
     target: {
         type: globalThis.PropType<"_blank" | "_self" | "_parent" | "_top">;
+        default: undefined;
         validator: (value: import("../../constants").AnchorTarget) => boolean;
     };
+    /**
+     * @description The component pressed state by prop or group.
+     * @returns {string} The component tag.
+     */
     rel: {
         type: StringConstructor;
         default: string;
     };
-    active: BooleanConstructor;
-    pressed: BooleanConstructor;
-    label: (StringConstructor | NumberConstructor)[];
-    disabled: BooleanConstructor;
+    current: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pressed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     $el: globalThis.ComputedRef<HTMLElement | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    icon: (ObjectConstructor | StringConstructor)[];
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    [x: string]: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
     iconPosition: {
         type: globalThis.PropType<"left" | "right" | "top" | "bottom">;
         default: Side;
@@ -80,18 +115,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     value: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     uncheckedValue: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     modelValue: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: undefined;
     };
-    loading: BooleanConstructor;
+    icon: {
+        type: globalThis.PropType<string | import("../VvIcon").VvIconProps>;
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     loadingLabel: {
         type: StringConstructor;
         default: string;
@@ -100,7 +142,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    modifiers: globalThis.PropType<string | string[]>;
+    modifiers: {
+        type: globalThis.PropType<string | string[]>;
+        default: undefined;
+    };
     id: (StringConstructor | NumberConstructor)[];
     type: {
         type: globalThis.PropType<"button" | "submit" | "reset">;
@@ -111,37 +156,66 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
+    defaultTag: {
+        type: StringConstructor;
+        default: import("../../constants").ActionTag;
+    };
     to: {
         type: (ObjectConstructor | StringConstructor)[];
     };
     href: StringConstructor;
     target: {
         type: globalThis.PropType<"_blank" | "_self" | "_parent" | "_top">;
+        default: undefined;
         validator: (value: import("../../constants").AnchorTarget) => boolean;
     };
+    /**
+     * @description The component pressed state by prop or group.
+     * @returns {string} The component tag.
+     */
     rel: {
         type: StringConstructor;
         default: string;
     };
-    active: BooleanConstructor;
-    pressed: BooleanConstructor;
-    label: (StringConstructor | NumberConstructor)[];
-    disabled: BooleanConstructor;
-}>> & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {
-    value: string | number | boolean;
+    current: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pressed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
     disabled: boolean;
     modelValue: string | number | boolean;
-    type: "button" | "submit" | "reset";
+    toggle: boolean;
     unselectable: boolean;
+    modifiers: string | string[];
+    label: string | number;
+    value: string | number | boolean;
+    type: "button" | "submit" | "reset";
+    target: "_blank" | "_self" | "_parent" | "_top";
     ariaLabel: string;
+    defaultTag: string;
     rel: string;
+    current: boolean;
     active: boolean;
     pressed: boolean;
+    icon: string | import("../VvIcon").VvIconProps;
     iconPosition: "left" | "right" | "top" | "bottom";
     loadingIcon: string;
-    toggle: boolean;
     uncheckedValue: string | number | boolean;
     loading: boolean;
     loadingLabel: string;

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

@@ -3,10 +3,6 @@ import type { ButtonGroupState } from '../../types/group';
 import { Side } from '../../constants';
 export declare const VvButtonEvents: string[];
 export declare const VvButtonProps: {
-    /**
-     * Button icon
-     */
-    icon: (ObjectConstructor | StringConstructor)[];
     /**
      * Button icon position
      */
@@ -33,24 +29,31 @@ export declare const VvButtonProps: {
      * Button toggle value
      */
     value: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     /**
      * Value associated with the unchecked state
      */
     uncheckedValue: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     /**
      * Button toggle model value
      */
     modelValue: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    icon: {
+        type: PropType<string | import("../VvIcon").VvIconProps>;
         default: undefined;
     };
-    loading: BooleanConstructor;
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     loadingLabel: {
         type: StringConstructor;
         default: string;
@@ -59,7 +62,10 @@ export declare const VvButtonProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    modifiers: PropType<string | string[]>;
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
     id: (StringConstructor | NumberConstructor)[];
     type: {
         type: PropType<"button" | "submit" | "reset">;
@@ -70,22 +76,43 @@ export declare const VvButtonProps: {
         type: StringConstructor;
         default: undefined;
     };
+    defaultTag: {
+        type: StringConstructor;
+        default: import("../../constants").ActionTag;
+    };
     to: {
         type: (ObjectConstructor | StringConstructor)[];
     };
     href: StringConstructor;
     target: {
         type: PropType<"_blank" | "_self" | "_parent" | "_top">;
+        default: undefined;
         validator: (value: import("../../constants").AnchorTarget) => boolean;
     };
     rel: {
         type: StringConstructor;
         default: string;
     };
-    active: BooleanConstructor;
-    pressed: BooleanConstructor;
-    label: (StringConstructor | NumberConstructor)[];
-    disabled: BooleanConstructor;
+    current: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pressed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export type VvButtonPropsTypes = ExtractPropTypes<typeof VvButtonProps>;
 /**
@@ -103,6 +130,6 @@ export declare function useGroupProps(props: VvButtonPropsTypes, emit: (event: (
     id: Ref<string | number | undefined> | undefined;
     pressed: Ref<boolean>;
     iconPosition: Ref<"left" | "right" | "top" | "bottom">;
-    icon: Ref<string | Record<string, any> | undefined> | undefined;
+    icon: Ref<string | import("../VvIcon").VvIconProps | undefined> | undefined;
     label: Ref<string | number | undefined> | undefined;
 };

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

@@ -33,6 +33,13 @@ var ButtonType = /* @__PURE__ */ ((ButtonType2) => {
   ButtonType2["reset"] = "reset";
   return ButtonType2;
 })(ButtonType || {});
+var ActionTag = /* @__PURE__ */ ((ActionTag2) => {
+  ActionTag2["nuxtLink"] = "nuxt-link";
+  ActionTag2["routerLink"] = "router-link";
+  ActionTag2["a"] = "a";
+  ActionTag2["button"] = "button";
+  return ActionTag2;
+})(ActionTag || {});
 var AnchorTarget = /* @__PURE__ */ ((AnchorTarget2) => {
   AnchorTarget2["_blank"] = "_blank";
   AnchorTarget2["_self"] = "_self";
@@ -58,6 +65,7 @@ const LinkProps = {
    */
   target: {
     type: String,
+    default: void 0,
     validator: (value) => Object.values(AnchorTarget).includes(value)
   },
   /**
@@ -72,38 +80,65 @@ const DisabledProps = {
   /**
    * Whether the form control is disabled
    */
-  disabled: Boolean
+  disabled: {
+    type: Boolean,
+    default: false
+  }
 };
 const ActiveProps = {
   /**
    * Whether the item is active
    */
-  active: Boolean
+  active: {
+    type: Boolean,
+    default: false
+  }
+};
+const CurrentProps = {
+  /**
+   * Whether the item is current
+   */
+  current: {
+    type: Boolean,
+    default: false
+  }
 };
 const PressedProps = {
   /**
    * Whether the item is pressed
    */
-  pressed: Boolean
+  pressed: {
+    type: Boolean,
+    default: false
+  }
 };
 const LabelProps = {
   /**
    * The item label
    */
-  label: [String, Number]
+  label: {
+    type: [String, Number],
+    default: void 0
+  }
 };
 const ModifiersProps = {
   /**
    * Component BEM modifiers
    */
-  modifiers: [String, Array]
+  modifiers: {
+    type: [String, Array],
+    default: void 0
+  }
 };
 ({
   /**
    * VvIcon name or props
    * @see VVIcon
    */
-  icon: { type: [String, Object] },
+  icon: {
+    type: [String, Object],
+    default: void 0
+  },
   /**
    * VvIcon position
    */
@@ -140,7 +175,8 @@ const UnselectableProps = {
    * Dropdown show / hide transition name
    */
   transitionName: {
-    type: String
+    type: String,
+    default: void 0
   },
   /**
    * Offset of the dropdown from the trigger
@@ -208,7 +244,8 @@ const UnselectableProps = {
    * Set dropdown width to the same as the trigger
    */
   triggerWidth: {
-    type: Boolean
+    type: Boolean,
+    default: false
   }
 });
 ({
@@ -216,6 +253,7 @@ const UnselectableProps = {
   ...LabelProps,
   ...PressedProps,
   ...ActiveProps,
+  ...CurrentProps,
   ...LinkProps,
   /**
    * Button type
@@ -231,6 +269,13 @@ const UnselectableProps = {
   ariaLabel: {
     type: String,
     default: void 0
+  },
+  /**
+   * Default tag for the action
+   */
+  defaultTag: {
+    type: String,
+    default: ActionTag.button
   }
 });
 const VvButtonGroupProps = {
@@ -292,7 +337,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: VvButtonGroupProps,
   emits: VvButtonGroupEvents,
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
     const props = __props;
     const {
       disabled,
@@ -334,12 +380,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const bemCssClasses = useModifiers("vv-button-group", modifiers);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(bemCssClasses)),
-        role: "group"
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(bemCssClasses)),
+          role: "group"
+        },
+        [
+          renderSlot(_ctx.$slots, "default")
+        ],
+        2
+        /* CLASS */
+      );
     };
   }
 });

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

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue")):"function"==typeof define&&define.amd?define(["vue"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvButtonGroup=o(e.vue)}(this,(function(e){"use strict";var o=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(o||{}),t=(e=>(e.before="before",e.after="after",e))(t||{}),l=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(l||{});const r=Symbol.for("buttonGroup"),u={disabled:Boolean},a=(Boolean,Boolean,{modifiers:[String,Array]});t.before;const n={unselectable:{type:Boolean,default:!0}};o.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,l.button;const i={...a,...u,...n,itemModifiers:{type:[String,Array],default:""},toggle:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},modelValue:{type:[String,Number,Boolean,Array],default:void 0}};return e.defineComponent({name:"VvButtonGroup",props:i,emits:["update:modelValue"],setup(o,{emit:t}){const l=o,{disabled:u,toggle:a,modifiers:n,multiple:i,unselectable:s,itemModifiers:d}=e.toRefs(l);e.watchEffect((()=>{"string"==typeof l.modelValue&&i.value&&console.warn("[VvButtonGroup]: modelValue is a string but multiple is true.")}));const f=e.computed({get:()=>i.value?l.modelValue:Array.isArray(l.modelValue)?l.modelValue[0]:l.modelValue,set:e=>void 0===e||!Array.isArray(l.modelValue)&&!i.value||Array.isArray(e)?t("update:modelValue",e):t("update:modelValue",[e])});!function(o){if(Object.keys(o).some((t=>"key"!==t&&!e.isRef(o[t]))))throw Error("One or more groupState props aren't ref.");e.provide(o.key,e.computed((()=>o)))}({key:r,modelValue:f,disabled:u,toggle:a,multiple:i,unselectable:s,modifiers:d});const m=function(o,t,l){return e.computed((()=>{const r={[o]:!0},u="string"==typeof(null==t?void 0:t.value)?t.value.split(" "):null==t?void 0:t.value;return u&&Array.isArray(u)&&u.forEach((e=>{e&&(r[`${o}--${e}`]=!0)})),l&&Object.keys(l.value).forEach((t=>{r[`${o}--${t}`]=e.unref(l.value[t])})),r}))}("vv-button-group",n);return(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(m)),role:"group"},[e.renderSlot(o.$slots,"default")],2))}})}));
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue")):"function"==typeof define&&define.amd?define(["vue"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvButtonGroup=o(e.vue)}(this,(function(e){"use strict";var o=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(o||{}),t=(e=>(e.before="before",e.after="after",e))(t||{}),l=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(l||{}),r=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(r||{});const u=Symbol.for("buttonGroup"),n={disabled:{type:Boolean,default:!1}},a=(Boolean,Boolean,Boolean,{modifiers:{type:[String,Array],default:void 0}});t.before;const i={unselectable:{type:Boolean,default:!0}};o.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,l.button,r.button;const s={...a,...n,...i,itemModifiers:{type:[String,Array],default:""},toggle:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},modelValue:{type:[String,Number,Boolean,Array],default:void 0}};return e.defineComponent({name:"VvButtonGroup",props:s,emits:["update:modelValue"],setup(o,{emit:t}){const l=t,r=o,{disabled:n,toggle:a,modifiers:i,multiple:s,unselectable:d,itemModifiers:f}=e.toRefs(r);e.watchEffect((()=>{"string"==typeof r.modelValue&&s.value&&console.warn("[VvButtonGroup]: modelValue is a string but multiple is true.")}));const p=e.computed({get:()=>s.value?r.modelValue:Array.isArray(r.modelValue)?r.modelValue[0]:r.modelValue,set:e=>void 0===e||!Array.isArray(r.modelValue)&&!s.value||Array.isArray(e)?l("update:modelValue",e):l("update:modelValue",[e])});!function(o){if(Object.keys(o).some((t=>"key"!==t&&!e.isRef(o[t]))))throw Error("One or more groupState props aren't ref.");e.provide(o.key,e.computed((()=>o)))}({key:u,modelValue:p,disabled:n,toggle:a,multiple:s,unselectable:d,modifiers:f});const m=function(o,t,l){return e.computed((()=>{const r={[o]:!0},u="string"==typeof(null==t?void 0:t.value)?t.value.split(" "):null==t?void 0:t.value;return u&&Array.isArray(u)&&u.forEach((e=>{e&&(r[`${o}--${e}`]=!0)})),l&&Object.keys(l.value).forEach((t=>{r[`${o}--${t}`]=e.unref(l.value[t])})),r}))}("vv-button-group",i);return(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(m)),role:"group"},[e.renderSlot(o.$slots,"default")],2))}})}));

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

@@ -19,9 +19,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    disabled: BooleanConstructor;
-    modifiers: globalThis.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<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modifiers: {
+        type: globalThis.PropType<string | string[]>;
+        default: undefined;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    [x: string]: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
     itemModifiers: {
         type: globalThis.PropType<string | string[]>;
         default: string;
@@ -42,17 +50,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    disabled: BooleanConstructor;
-    modifiers: globalThis.PropType<string | string[]>;
-}>> & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modifiers: {
+        type: globalThis.PropType<string | string[]>;
+        default: undefined;
+    };
+}>>, {
     disabled: boolean;
     modelValue: string | number | boolean | (string | number | boolean)[] | undefined;
-    unselectable: boolean;
-    itemModifiers: string | string[];
     toggle: boolean;
     multiple: boolean;
+    unselectable: boolean;
+    modifiers: string | string[];
+    itemModifiers: string | string[];
 }, {}>, {
     default?(_: {}): any;
 }>;

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

@@ -22,7 +22,13 @@ export declare const VvButtonGroupProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    disabled: BooleanConstructor;
-    modifiers: globalThis.PropType<string | string[]>;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modifiers: {
+        type: globalThis.PropType<string | string[]>;
+        default: undefined;
+    };
 };
 export declare const VvButtonGroupEvents: string[];