@volverjs/ui-vue 0.0.1-beta.6 → 0.0.1

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

@@ -0,0 +1,153 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    modelValue: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    label: StringConstructor;
+    labelNoResults: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: StringConstructor;
+    searchable: BooleanConstructor;
+    searchPlaceholder: StringConstructor;
+    debounceSearch: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    multiple: BooleanConstructor;
+    maxValues: (StringConstructor | NumberConstructor)[];
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    native: BooleanConstructor;
+    icon: {
+        type: (ObjectConstructor | StringConstructor)[];
+    };
+    iconPosition: {
+        type: import("vue").PropType<import("../../props/index.js").IconPosition>;
+        validation: (value: import("../../props/index.js").IconPosition) => boolean;
+        default: "right";
+    };
+    options: {
+        type: import("vue").PropType<(string | import("../../types/generic.js").Option)[]>;
+        default: () => never[];
+    };
+    labelKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    valueKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    modifiers: import("vue").PropType<string | string[]>;
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    invalid: BooleanConstructor;
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (ArrayConstructor | StringConstructor)[];
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    label: StringConstructor;
+    labelNoResults: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: StringConstructor;
+    searchable: BooleanConstructor;
+    searchPlaceholder: StringConstructor;
+    debounceSearch: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    multiple: BooleanConstructor;
+    maxValues: (StringConstructor | NumberConstructor)[];
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    native: BooleanConstructor;
+    icon: {
+        type: (ObjectConstructor | StringConstructor)[];
+    };
+    iconPosition: {
+        type: import("vue").PropType<import("../../props/index.js").IconPosition>;
+        validation: (value: import("../../props/index.js").IconPosition) => boolean;
+        default: "right";
+    };
+    options: {
+        type: import("vue").PropType<(string | import("../../types/generic.js").Option)[]>;
+        default: () => never[];
+    };
+    labelKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    valueKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    modifiers: import("vue").PropType<string | string[]>;
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    invalid: BooleanConstructor;
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (ArrayConstructor | StringConstructor)[];
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+}>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: string | number | boolean | unknown[] | Record<string, any>;
+    disabled: boolean;
+    multiple: boolean;
+    iconPosition: import("../../props/index.js").IconPosition;
+    loading: boolean;
+    readonly: boolean;
+    hintLabel: string;
+    invalid: boolean;
+    valid: boolean;
+    tabindex: string | number;
+    options: (string | import("../../types/generic.js").Option)[];
+    labelKey: string | Function;
+    valueKey: string | Function;
+    labelNoResults: string;
+    searchable: boolean;
+    debounceSearch: string | number;
+    separator: string;
+    native: boolean;
+}>, {
+    before: (_: {}) => any;
+    after: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/{VvSelect/VvSelect.d.ts → VvCombobox/index.d.ts}

@@ -1,10 +1,12 @@
-import type { PropType } from 'vue';
-import type { Option } from '../VvDropdown/VvDropdown';
-export declare const VvSelectProps: {
+export declare const VvComboboxEvents: string[];
+export declare const VvComboboxProps: {
     /**
-     * modelValue can be an Object, a String or an Array of Object/String
+     * modelValue can be a string, number, boolean, object or array of string, number, boolean, object
      */
-    modelValue: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+    modelValue: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
     /**
      * Select input label
      */
@@ -12,7 +14,7 @@ export declare const VvSelectProps: {
     /**
      * Label of "no results" options
      */
-    labelNoResult: {
+    labelNoResults: {
         type: StringConstructor;
         default: string;
     };
@@ -29,23 +31,12 @@ export declare const VvSelectProps: {
      */
     searchPlaceholder: StringConstructor;
     /**
-     * the input search debounce time in ms
+     * The input search debounce time in ms
      */
     debounceSearch: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    /**
-     * Select options, can be string[] or object[]
-     */
-    options: {
-        type: PropType<(string | Option)[]>;
-        required: boolean;
-    };
-    /**
-     * Use objects as modelValue (object or object[])
-     */
-    useObject: BooleanConstructor;
     /**
      * Manage modelValue as string[] or object[]
      */
@@ -62,28 +53,30 @@ export declare const VvSelectProps: {
         default: string;
     };
     /**
-     * Used when options are objects: key to use for option label
+     * Show native select
      */
+    native: BooleanConstructor;
+    icon: {
+        type: (ObjectConstructor | StringConstructor)[];
+    };
+    iconPosition: {
+        type: import("vue").PropType<import("@/props").IconPosition>;
+        validation: (value: import("@/props").IconPosition) => boolean;
+        default: "right";
+    };
+    options: {
+        type: import("vue").PropType<(string | import("../../types/generic").Option)[]>;
+        default: () => never[];
+    };
     labelKey: {
-        type: StringConstructor;
+        type: (StringConstructor | FunctionConstructor)[];
         default: string;
     };
-    /**
-     * Used when options are objects: key to use for option label
-     */
     valueKey: {
-        type: StringConstructor;
+        type: (StringConstructor | FunctionConstructor)[];
         default: string;
     };
-    /**
-     * Icon name of icon in left position
-     */
-    iconLeft: StringConstructor;
-    /**
-     * Icon name of icon in right position
-     */
-    iconRight: StringConstructor;
-    modifiers: (StringConstructor | ArrayConstructor)[];
+    modifiers: import("vue").PropType<string | string[]>;
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
@@ -92,8 +85,12 @@ export declare const VvSelectProps: {
         type: StringConstructor;
         default: string;
     };
-    error: BooleanConstructor;
-    errorLabel: (StringConstructor | ArrayConstructor)[];
+    invalid: BooleanConstructor;
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
     valid: BooleanConstructor;
-    validLabel: (StringConstructor | ArrayConstructor)[];
+    validLabel: (ArrayConstructor | StringConstructor)[];
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
 };

package/dist/components/VvDialog/VvDialog.es.js

@@ -0,0 +1,200 @@
+import { computed as f, unref as l, defineComponent as V, ref as S, toRefs as B, inject as F, openBlock as h, createBlock as k, mergeProps as _, createCommentVNode as y, Transition as A, toHandlers as N, withCtx as z, withDirectives as E, createElementVNode as g, createElementBlock as C, renderSlot as w, createTextVNode as I, toDisplayString as M, withModifiers as P, createVNode as O, vShow as L } from "vue";
+import { useVModel as q, onClickOutside as T } from "@vueuse/core";
+import { iconExists as m, Icon as Z, addIcon as j } from "@iconify/vue";
+const H = "ds", R = {
+  color: String,
+  width: {
+    type: [String, Number]
+  },
+  height: {
+    type: [String, Number]
+  },
+  name: {
+    type: String,
+    required: !0
+  },
+  provider: {
+    type: String
+  },
+  prefix: {
+    type: String,
+    default: "normal"
+  },
+  src: String,
+  horizontalFlip: Boolean,
+  verticalFlip: Boolean,
+  flip: String,
+  mode: String,
+  inline: Boolean,
+  rotate: [Number, String],
+  onLoad: Function,
+  svg: String,
+  modifiers: {
+    type: [String, Array]
+  }
+};
+function b(i) {
+  var t, n;
+  if (i)
+    return (n = (t = i.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 : n.toLowerCase();
+}
+function W(i, t) {
+  const n = { [`${i}`]: !0 };
+  return {
+    bemCssClasses: f(() => Object.keys(t).reduce((r, a) => {
+      const s = l(t[a]) || !1;
+      if (!s)
+        return r;
+      if (a === "modifiers") {
+        const p = Array.isArray(s) ? s : s.split(" ");
+        return {
+          ...r,
+          ...p.reduce(
+            (v, u) => ({
+              ...v,
+              [`${i}--${b(u)}`]: !0
+            }),
+            {}
+          )
+        };
+      } else
+        return {
+          ...r,
+          [`${i}--${b(a)}`]: s
+        };
+    }, n) || {})
+  };
+}
+const J = {
+  name: "VvIcon"
+}, X = /* @__PURE__ */ V({
+  ...J,
+  props: R,
+  setup(i) {
+    const t = i, n = S(!0), { modifiers: c } = B(t), r = F(H), { bemCssClasses: a } = W("vv-icon", {
+      modifiers: c
+    }), s = f(() => t.provider || (r == null ? void 0 : r.provider)), p = f(() => {
+      const e = t.name ?? "", o = `@${s.value}:${t.prefix}:${t.name}`;
+      return m(e) ? e : m(o) ? o : (r == null ? void 0 : r.iconsCollections.find((d) => {
+        const $ = `@${s.value}:${d.prefix}:${e}`;
+        if (m($))
+          return $;
+      })) || e;
+    });
+    function v(e) {
+      let o = null;
+      if (typeof window > "u") {
+        const { JSDOM: D } = require("jsdom");
+        o = new D().window;
+      }
+      return (o ? new o.DOMParser() : new window.DOMParser()).parseFromString(e, "text/html").querySelector("svg");
+    }
+    function u(e) {
+      const o = v(e), d = (o == null ? void 0 : o.innerHTML.trim()) || "";
+      o && d && j(`@${s.value}:${t.prefix}:${t.name}`, {
+        body: d,
+        height: o.viewBox.baseVal.height,
+        width: o.viewBox.baseVal.width
+      });
+    }
+    return r && (t.src && !m(`@${s.value}:${t.prefix}:${t.name}`) ? (n.value = !1, r.fetchIcon(t.src).then((e) => {
+      e && (u(e), n.value = !0);
+    }).catch((e) => {
+      throw new Error(`During fetch icon: ${e == null ? void 0 : e.message}`);
+    })) : t.svg && u(t.svg)), (e, o) => n.value ? (h(), k(l(Z), _({
+      key: 0,
+      class: l(a)
+    }, {
+      inline: e.inline,
+      width: e.width,
+      height: e.height,
+      horizontalFlip: e.horizontalFlip,
+      verticalFlip: e.verticalFlip,
+      flip: e.flip,
+      rotate: e.rotate,
+      color: e.color,
+      onLoad: e.onLoad,
+      icon: l(p)
+    }), null, 16, ["class"])) : y("", !0);
+  }
+}), G = ["open", "close", "update:modelValue"], K = {
+  id: { type: String, required: !0 },
+  title: String,
+  modelValue: Boolean,
+  transition: { type: String, default: "fade-block" },
+  size: String,
+  autoClose: { type: Boolean, default: !0 }
+}, Q = {
+  key: 0,
+  class: "vv-dialog__header"
+}, U = ["onClick"], Y = { class: "vv-dialog__content" }, x = {
+  key: 1,
+  class: "vv-dialog__footer"
+}, ee = {
+  name: "VvDialog"
+}, se = /* @__PURE__ */ V({
+  ...ee,
+  props: K,
+  emits: G,
+  setup(i, { emit: t }) {
+    const n = i, c = q(n, "modelValue", t), r = S(!0), a = S(null), s = f(() => {
+      const { id: o } = n;
+      return {
+        id: o,
+        open: r.value
+      };
+    }), p = f(() => n.size ? ["vv-dialog", `vv-dialog--${n.size}`] : "vv-dialog"), v = f(() => `vv-dialog--${n.transition}`), u = {
+      "before-enter": () => {
+        r.value = !0, t("open");
+      },
+      "after-leave": () => {
+        r.value = !1, t("close");
+      }
+    };
+    T(a, () => {
+      n.autoClose && (c.value = !1);
+    });
+    function e() {
+      c.value = !1;
+    }
+    return (o, d) => (h(), k(A, _({ name: l(v) }, N(u)), {
+      default: z(() => [
+        E(g("dialog", _(l(s), { class: l(p) }), [
+          g("article", {
+            ref_key: "modalWrapper",
+            ref: a,
+            class: "vv-dialog__wrapper"
+          }, [
+            o.$slots.header || o.title ? (h(), C("header", Q, [
+              w(o.$slots, "header", {}, () => [
+                I(M(o.title) + " ", 1),
+                g("button", {
+                  type: "button",
+                  "aria-label": "Close",
+                  class: "vv-dialog__close",
+                  onClick: P(e, ["prevent"])
+                }, [
+                  O(X, { name: "close" })
+                ], 8, U)
+              ])
+            ])) : y("", !0),
+            g("div", Y, [
+              w(o.$slots, "default")
+            ]),
+            o.$slots.footer ? (h(), C("footer", x, [
+              w(o.$slots, "footer")
+            ])) : y("", !0)
+          ], 512)
+        ], 16), [
+          [L, l(c)]
+        ])
+      ]),
+      _: 3
+    }, 16, ["name"]));
+  }
+});
+export {
+  se as default
+};

package/dist/components/VvDialog/VvDialog.umd.js

@@ -0,0 +1 @@
+(function(e,c){typeof exports=="object"&&typeof module<"u"?module.exports=c(require("vue"),require("@vueuse/core"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core","@iconify/vue"],c):(e=typeof globalThis<"u"?globalThis:e||self,e.VvDialog=c(e.vue,e.core,e.vue$1))})(this,function(e,c,d){"use strict";const w="ds",y={color:String,width:{type:[String,Number]},height:{type:[String,Number]},name:{type:String,required:!0},provider:{type:String},prefix:{type:String,default:"normal"},src:String,horizontalFlip:Boolean,verticalFlip:Boolean,flip:String,mode:String,inline:Boolean,rotate:[Number,String],onLoad:Function,svg:String,modifiers:{type:[String,Array]}};function S(l){var n,i;if(l)return(i=(n=l.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:n.join("-"))==null?void 0:i.toLowerCase()}function _(l,n){const i={[`${l}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(n).reduce((r,a)=>{const s=e.unref(n[a])||!1;if(!s)return r;if(a==="modifiers"){const u=Array.isArray(s)?s:s.split(" ");return{...r,...u.reduce((g,p)=>({...g,[`${l}--${S(p)}`]:!0}),{})}}else return{...r,[`${l}--${S(a)}`]:s}},i)||{})}}const C={name:"VvIcon"},V=e.defineComponent({...C,props:y,setup(l){const n=l,i=e.ref(!0),{modifiers:f}=e.toRefs(n),r=e.inject(w),{bemCssClasses:a}=_("vv-icon",{modifiers:f}),s=e.computed(()=>n.provider||(r==null?void 0:r.provider)),u=e.computed(()=>{const o=n.name??"",t=`@${s.value}:${n.prefix}:${n.name}`;return d.iconExists(o)?o:d.iconExists(t)?t:(r==null?void 0:r.iconsCollections.find(m=>{const h=`@${s.value}:${m.prefix}:${o}`;if(d.iconExists(h))return h}))||o});function g(o){let t=null;if(typeof window>"u"){const{JSDOM:D}=require("jsdom");t=new D().window}return(t?new t.DOMParser:new window.DOMParser).parseFromString(o,"text/html").querySelector("svg")}function p(o){const t=g(o),m=(t==null?void 0:t.innerHTML.trim())||"";t&&m&&d.addIcon(`@${s.value}:${n.prefix}:${n.name}`,{body:m,height:t.viewBox.baseVal.height,width:t.viewBox.baseVal.width})}return r&&(n.src&&!d.iconExists(`@${s.value}:${n.prefix}:${n.name}`)?(i.value=!1,r.fetchIcon(n.src).then(o=>{o&&(p(o),i.value=!0)}).catch(o=>{throw new Error(`During fetch icon: ${o==null?void 0:o.message}`)})):n.svg&&p(n.svg)),(o,t)=>i.value?(e.openBlock(),e.createBlock(e.unref(d.Icon),e.mergeProps({key:0,class:e.unref(a)},{inline:o.inline,width:o.width,height:o.height,horizontalFlip:o.horizontalFlip,verticalFlip:o.verticalFlip,flip:o.flip,rotate:o.rotate,color:o.color,onLoad:o.onLoad,icon:e.unref(u)}),null,16,["class"])):e.createCommentVNode("",!0)}}),$=["open","close","update:modelValue"],k={id:{type:String,required:!0},title:String,modelValue:Boolean,transition:{type:String,default:"fade-block"},size:String,autoClose:{type:Boolean,default:!0}},b={key:0,class:"vv-dialog__header"},B=["onClick"],E={class:"vv-dialog__content"},v={key:1,class:"vv-dialog__footer"},N={name:"VvDialog"};return e.defineComponent({...N,props:k,emits:$,setup(l,{emit:n}){const i=l,f=c.useVModel(i,"modelValue",n),r=e.ref(!0),a=e.ref(null),s=e.computed(()=>{const{id:t}=i;return{id:t,open:r.value}}),u=e.computed(()=>i.size?["vv-dialog",`vv-dialog--${i.size}`]:"vv-dialog"),g=e.computed(()=>`vv-dialog--${i.transition}`),p={"before-enter":()=>{r.value=!0,n("open")},"after-leave":()=>{r.value=!1,n("close")}};c.onClickOutside(a,()=>{i.autoClose&&(f.value=!1)});function o(){f.value=!1}return(t,m)=>(e.openBlock(),e.createBlock(e.Transition,e.mergeProps({name:e.unref(g)},e.toHandlers(p)),{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("dialog",e.mergeProps(e.unref(s),{class:e.unref(u)}),[e.createElementVNode("article",{ref_key:"modalWrapper",ref:a,class:"vv-dialog__wrapper"},[t.$slots.header||t.title?(e.openBlock(),e.createElementBlock("header",b,[e.renderSlot(t.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(t.title)+" ",1),e.createElementVNode("button",{type:"button","aria-label":"Close",class:"vv-dialog__close",onClick:e.withModifiers(o,["prevent"])},[e.createVNode(V,{name:"close"})],8,B)])])):e.createCommentVNode("",!0),e.createElementVNode("div",E,[e.renderSlot(t.$slots,"default")]),t.$slots.footer?(e.openBlock(),e.createElementBlock("footer",v,[e.renderSlot(t.$slots,"footer")])):e.createCommentVNode("",!0)],512)],16),[[e.vShow,e.unref(f)]])]),_:3},16,["name"]))}})});

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

@@ -1,153 +1,49 @@
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            open: boolean;
-            transition: string;
-            size: string;
-            autoClose: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            id: {
-                type: StringConstructor;
-                required: boolean;
-            };
-            title: StringConstructor;
-            open: BooleanConstructor;
-            transition: {
-                type: StringConstructor;
-                default: string;
-            };
-            size: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: string) => boolean;
-            };
-            autoClose: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & {
-            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "open" | "transition" | "size" | "autoClose">;
-        $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<{
-            id: {
-                type: StringConstructor;
-                required: boolean;
-            };
-            title: StringConstructor;
-            open: BooleanConstructor;
-            transition: {
-                type: StringConstructor;
-                default: string;
-            };
-            size: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: string) => boolean;
-            };
-            autoClose: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & {
-            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
-            open: boolean;
-            transition: string;
-            size: string;
-            autoClose: 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<{
-        id: {
-            type: StringConstructor;
-            required: boolean;
-        };
-        title: StringConstructor;
-        open: BooleanConstructor;
-        transition: {
-            type: StringConstructor;
-            default: string;
-        };
-        size: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: string) => boolean;
-        };
-        autoClose: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & {
-        [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<{
     id: {
         type: StringConstructor;
         required: boolean;
     };
     title: StringConstructor;
-    open: BooleanConstructor;
+    modelValue: BooleanConstructor;
     transition: {
         type: StringConstructor;
         default: string;
     };
-    size: {
+    size: StringConstructor;
+    autoClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    title: StringConstructor;
+    modelValue: BooleanConstructor;
+    transition: {
         type: StringConstructor;
         default: string;
-        validator: (value: string) => boolean;
     };
+    size: StringConstructor;
     autoClose: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
-    open: boolean;
+}, {
+    modelValue: boolean;
     transition: string;
-    size: string;
     autoClose: boolean;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        header: (_: {}) => any;
-        default: (_: {}) => any;
-        footer: (_: {}) => any;
-    };
-});
+}>, {
+    header: (_: {}) => any;
+    default: (_: {}) => any;
+    footer: (_: {}) => any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/VvDialog/{VvDialog.d.ts → index.d.ts}

@@ -5,16 +5,12 @@ export declare const VvDialogProps: {
         required: boolean;
     };
     title: StringConstructor;
-    open: BooleanConstructor;
+    modelValue: BooleanConstructor;
     transition: {
         type: StringConstructor;
         default: string;
     };
-    size: {
-        type: StringConstructor;
-        default: string;
-        validator: (value: string) => boolean;
-    };
+    size: StringConstructor;
     autoClose: {
         type: BooleanConstructor;
         default: boolean;