@vunk/form 2.18.2 → 2.19.0

package/components/debounce.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("./isObject.cjs");var N="[object Symbol]";function A(e){return typeof e=="symbol"||s.isObjectLike(e)&&s.baseGetTag(e)==N}var C=/\s/;function M(e){for(var t=e.length;t--&&C.test(e.charAt(t)););return t}var B=/^\s+/;function R(e){return e&&e.slice(0,M(e)+1).replace(B,"")}var k=NaN,$=/^[-+]0x[0-9a-f]+$/i,F=/^0b[01]+$/i,_=/^0o[0-7]+$/i,q=parseInt;function h(e){if(typeof e=="number")return e;if(A(e))return k;if(s.isObject(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=s.isObject(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=R(e);var r=F.test(e);return r||_.test(e)?q(e.slice(2),r?2:8):$.test(e)?k:+e}var I=function(){return s.root.Date.now()},D="Expected a function",G=Math.max,H=Math.min;function P(e,t,r){var u,o,b,c,i,f,d=0,v=!1,m=!1,T=!0;if(typeof e!="function")throw new TypeError(D);t=h(t)||0,s.isObject(r)&&(v=!!r.leading,m="maxWait"in r,b=m?G(h(r.maxWait)||0,t):b,T="trailing"in r?!!r.trailing:T);function y(n){var a=u,l=o;return u=o=void 0,d=n,c=e.apply(l,a),c}function S(n){return d=n,i=setTimeout(g,t),v?y(n):c}function j(n){var a=n-f,l=n-d,E=t-a;return m?H(E,b-l):E}function O(n){var a=n-f,l=n-d;return f===void 0||a>=t||a<0||m&&l>=b}function g(){var n=I();if(O(n))return p(n);i=setTimeout(g,j(n))}function p(n){return i=void 0,T&&u?y(n):(u=o=void 0,c)}function W(){i!==void 0&&clearTimeout(i),d=0,u=f=o=i=void 0}function L(){return i===void 0?c:p(I())}function x(){var n=I(),a=O(n);if(u=arguments,o=this,f=n,a){if(i===void 0)return S(f);if(m)return clearTimeout(i),i=setTimeout(g,t),y(f)}return i===void 0&&(i=setTimeout(g,t)),c}return x.cancel=W,x.flush=L,x}exports.debounce=P;exports.toNumber=h;

package/components/dialog/index.cjs

@@ -1,126 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var elementPlus = require('element-plus');
-var utilsVue = require('@vunk/core/shared/utils-vue');
-var formsProvider = require('@vunk/form/components/forms-provider');
-var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
-
-const props = {
-  ...elementPlus.dialogProps,
-  draggable: {
-    type: Boolean,
-    default: true
-  },
-  closeOnClickModal: {
-    type: Boolean,
-    default: false
-  }
-};
-const createBindProps = utilsVue.bindPropsFactory(props);
-const emits = {
-  ...elementPlus.dialogEmits
-};
-const createOnEmits = utilsVue.onEmitsFactory(emits);
-
-var _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    name: "VkfDialog",
-    inheritAttrs: false
-  },
-  __name: "index",
-  props: props,
-  emits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    __expose();
-    const props = __props;
-    const emit = __emit;
-    const coreProps = createBindProps(props);
-    const coreEmits = createOnEmits(emit);
-    const formsRef = vue.ref();
-    const slots = vue.useSlots();
-    const hasFooterSlot = vue.computed(() => !!slots.footer);
-    vue.watch(() => props.modelValue, () => {
-      props.modelValue && vue.nextTick(() => {
-        console.log("reset forms", formsRef.value?.forms);
-        formsRef.value?.forms.forEach(({ form }) => form.clearValidate?.());
-      });
-    });
-    async function validate() {
-      return formsRef.value?.validate() ?? [];
-    }
-    const elForm = vue.computed(() => formsRef.value?.forms[0]?.form);
-    const forms = vue.computed(() => formsRef.value?.forms ?? []);
-    const __returned__ = { props, emit, coreProps, coreEmits, formsRef, slots, hasFooterSlot, validate, elForm, forms, get ElDialog() {
-      return elementPlus.ElDialog;
-    }, get VkfFormsProvider() {
-      return formsProvider.VkfFormsProvider;
-    }, get VkfFormsView() {
-      return formsProvider.VkfFormsView;
-    } };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createBlock($setup["VkfFormsProvider"], null, {
-    default: vue.withCtx(() => [
-      vue.createVNode(
-        $setup["ElDialog"],
-        vue.mergeProps({
-          ...$setup.coreProps,
-          ..._ctx.$attrs
-        }, vue.toHandlers($setup.coreEmits)),
-        vue.createSlots({
-          header: vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "header")
-          ]),
-          default: vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "default"),
-            vue.createVNode(
-              $setup["VkfFormsView"],
-              { ref: "formsRef" },
-              null,
-              512
-              /* NEED_PATCH */
-            )
-          ]),
-          _: 2
-          /* DYNAMIC */
-        }, [
-          $setup.hasFooterSlot ? {
-            name: "footer",
-            fn: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "footer", {
-                forms: $setup.forms,
-                validate: $setup.validate,
-                elForm: $setup.elForm
-              })
-            ]),
-            key: "0"
-          } : void 0
-        ]),
-        1040
-        /* FULL_PROPS, DYNAMIC_SLOTS */
-      )
-    ]),
-    _: 3
-    /* FORWARDED */
-  });
-}
-var VkfDialog = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/dialog/src/index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
-  __proto__: null
-});
-
-VkfDialog.install = (app) => {
-  app.component(VkfDialog.name || "VkfDialog", VkfDialog);
-};
-
-exports.VkfDialog = VkfDialog;
-exports.__VkfDialog = types;
-exports.default = VkfDialog;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("element-plus"),c=require("@vunk/core/shared/utils-vue"),u=require("@vunk/form/components/forms-provider"),i={...a.dialogProps,draggable:{type:Boolean,default:!0},closeOnClickModal:{type:Boolean,default:!1}},S=c.bindPropsFactory(i),f={...a.dialogEmits},b=c.onEmitsFactory(f),d=e.defineComponent({name:"VkfDialog",inheritAttrs:!1,__name:"index",props:i,emits:f,setup(m,{emit:p}){const s=m,v=p,g=S(s),_=b(v),t=e.ref(),V=e.useSlots(),h=e.computed(()=>!!V.footer);e.watch(()=>s.modelValue,()=>{s.modelValue&&e.nextTick(()=>{var o,r;console.log("reset forms",(o=t.value)==null?void 0:o.forms),(r=t.value)==null||r.forms.forEach(({form:l})=>{var n;return(n=l.clearValidate)==null?void 0:n.call(l)})})});async function k(){var o;return((o=t.value)==null?void 0:o.validate())??[]}const y=e.computed(()=>{var o,r;return(r=(o=t.value)==null?void 0:o.forms[0])==null?void 0:r.form}),P=e.computed(()=>{var o;return((o=t.value)==null?void 0:o.forms)??[]});return(o,r)=>(e.openBlock(),e.createBlock(e.unref(u.VkfFormsProvider),null,{default:e.withCtx(()=>[e.createVNode(e.unref(a.ElDialog),e.mergeProps({...e.unref(g),...o.$attrs},e.toHandlers(e.unref(_))),e.createSlots({header:e.withCtx(()=>[e.renderSlot(o.$slots,"header")]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default"),e.createVNode(e.unref(u.VkfFormsView),{ref_key:"formsRef",ref:t},null,512)]),_:2},[h.value?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"footer",{forms:P.value,validate:k,elForm:y.value})]),key:"0"}:void 0]),1040)]),_:3}))}}),F=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));exports.VkfDialog=d;exports.__VkfDialog=F;exports.default=d;

package/components/dialog/index.mjs

@@ -1,120 +1,86 @@
-import { defineComponent, ref, useSlots, computed, watch, nextTick, openBlock, createBlock, withCtx, createVNode, mergeProps, toHandlers, createSlots, renderSlot } from 'vue';
-import { dialogProps, dialogEmits, ElDialog } from 'element-plus';
-import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
-import { VkfFormsProvider, VkfFormsView } from '@vunk/form/components/forms-provider';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-
-const props = {
-  ...dialogProps,
+import { defineComponent as P, ref as E, useSlots as S, computed as n, watch as b, nextTick as B, openBlock as D, createBlock as O, unref as r, withCtx as s, createVNode as i, mergeProps as $, toHandlers as w, createSlots as C, renderSlot as f } from "vue";
+import { dialogProps as j, dialogEmits as M, ElDialog as R } from "element-plus";
+import { bindPropsFactory as T, onEmitsFactory as x } from "@vunk/core/shared/utils-vue";
+import { VkfFormsProvider as z, VkfFormsView as A } from "@vunk/form/components/forms-provider";
+const m = {
+  ...j,
   draggable: {
     type: Boolean,
-    default: true
+    default: !0
   },
   closeOnClickModal: {
     type: Boolean,
-    default: false
+    default: !1
   }
-};
-const createBindProps = bindPropsFactory(props);
-const emits = {
-  ...dialogEmits
-};
-const createOnEmits = onEmitsFactory(emits);
-
-var _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "VkfDialog",
-    inheritAttrs: false
-  },
+}, H = T(m), u = {
+  ...M
+}, N = x(u), K = /* @__PURE__ */ P({
+  name: "VkfDialog",
+  inheritAttrs: !1,
   __name: "index",
-  props: props,
-  emits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    __expose();
-    const props = __props;
-    const emit = __emit;
-    const coreProps = createBindProps(props);
-    const coreEmits = createOnEmits(emit);
-    const formsRef = ref();
-    const slots = useSlots();
-    const hasFooterSlot = computed(() => !!slots.footer);
-    watch(() => props.modelValue, () => {
-      props.modelValue && nextTick(() => {
-        console.log("reset forms", formsRef.value?.forms);
-        formsRef.value?.forms.forEach(({ form }) => form.clearValidate?.());
+  props: m,
+  emits: u,
+  setup(d, { emit: p }) {
+    const a = d, v = p, g = H(a), k = N(v), o = E(), _ = S(), y = n(() => !!_.footer);
+    b(() => a.modelValue, () => {
+      a.modelValue && B(() => {
+        var e, t;
+        console.log("reset forms", (e = o.value) == null ? void 0 : e.forms), (t = o.value) == null || t.forms.forEach(({ form: l }) => {
+          var c;
+          return (c = l.clearValidate) == null ? void 0 : c.call(l);
+        });
       });
     });
-    async function validate() {
-      return formsRef.value?.validate() ?? [];
+    async function V() {
+      var e;
+      return ((e = o.value) == null ? void 0 : e.validate()) ?? [];
     }
-    const elForm = computed(() => formsRef.value?.forms[0]?.form);
-    const forms = computed(() => formsRef.value?.forms ?? []);
-    const __returned__ = { props, emit, coreProps, coreEmits, formsRef, slots, hasFooterSlot, validate, elForm, forms, get ElDialog() {
-      return ElDialog;
-    }, get VkfFormsProvider() {
-      return VkfFormsProvider;
-    }, get VkfFormsView() {
-      return VkfFormsView;
-    } };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock($setup["VkfFormsProvider"], null, {
-    default: withCtx(() => [
-      createVNode(
-        $setup["ElDialog"],
-        mergeProps({
-          ...$setup.coreProps,
-          ..._ctx.$attrs
-        }, toHandlers($setup.coreEmits)),
-        createSlots({
-          header: withCtx(() => [
-            renderSlot(_ctx.$slots, "header")
+    const h = n(() => {
+      var e, t;
+      return (t = (e = o.value) == null ? void 0 : e.forms[0]) == null ? void 0 : t.form;
+    }), F = n(() => {
+      var e;
+      return ((e = o.value) == null ? void 0 : e.forms) ?? [];
+    });
+    return (e, t) => (D(), O(r(z), null, {
+      default: s(() => [
+        i(r(R), $({
+          ...r(g),
+          ...e.$attrs
+        }, w(r(k))), C({
+          header: s(() => [
+            f(e.$slots, "header")
           ]),
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "default"),
-            createVNode(
-              $setup["VkfFormsView"],
-              { ref: "formsRef" },
-              null,
-              512
-              /* NEED_PATCH */
-            )
+          default: s(() => [
+            f(e.$slots, "default"),
+            i(r(A), {
+              ref_key: "formsRef",
+              ref: o
+            }, null, 512)
           ]),
           _: 2
-          /* DYNAMIC */
         }, [
-          $setup.hasFooterSlot ? {
+          y.value ? {
             name: "footer",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "footer", {
-                forms: $setup.forms,
-                validate: $setup.validate,
-                elForm: $setup.elForm
+            fn: s(() => [
+              f(e.$slots, "footer", {
+                forms: F.value,
+                validate: V,
+                elForm: h.value
               })
             ]),
             key: "0"
           } : void 0
-        ]),
-        1040
-        /* FULL_PROPS, DYNAMIC_SLOTS */
-      )
-    ]),
-    _: 3
-    /* FORWARDED */
-  });
-}
-var VkfDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/dialog/src/index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
+        ]), 1040)
+      ]),
+      _: 3
+    }));
+  }
+}), L = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-});
-
-VkfDialog.install = (app) => {
-  app.component(VkfDialog.name || "VkfDialog", VkfDialog);
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  K as VkfDialog,
+  L as __VkfDialog,
+  K as default
 };
-
-export { VkfDialog, types as __VkfDialog, VkfDialog as default };

package/components/dialog/src/ctx.d.ts

@@ -8,14 +8,7 @@ export declare const props: {
         default: boolean;
     };
     appendToBody: BooleanConstructor;
-    appendTo: {
-        readonly type: import("vue").PropType<string | HTMLElement>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "body";
-    };
+    appendTo: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | null)[], unknown, unknown, "body", boolean>;
     beforeClose: {
         readonly type: import("vue").PropType<import("element-plus").DialogBeforeCloseFn>;
         readonly required: false;
@@ -23,47 +16,12 @@ export declare const props: {
         __epPropKey: true;
     };
     destroyOnClose: BooleanConstructor;
-    closeOnPressEscape: {
-        readonly type: import("vue").PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: true;
-    };
-    lockScroll: {
-        readonly type: import("vue").PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: true;
-    };
-    modal: {
-        readonly type: import("vue").PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: true;
-    };
+    closeOnPressEscape: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    lockScroll: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    modal: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     modalPenetrable: BooleanConstructor;
-    openDelay: {
-        readonly type: import("vue").PropType<number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: 0;
-    };
-    closeDelay: {
-        readonly type: import("vue").PropType<number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: 0;
-    };
+    openDelay: import("element-plus/es/utils/index.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    closeDelay: import("element-plus/es/utils/index.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     top: {
         readonly type: import("vue").PropType<string>;
         readonly required: false;
@@ -76,7 +34,7 @@ export declare const props: {
     bodyClass: StringConstructor;
     footerClass: StringConstructor;
     width: {
-        readonly type: import("vue").PropType<string | number>;
+        readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -88,72 +46,23 @@ export declare const props: {
         __epPropKey: true;
     };
     trapFocus: BooleanConstructor;
-    headerAriaLevel: {
-        readonly type: import("vue").PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "2";
-    };
-    transition: {
-        readonly type: import("vue").PropType<unknown>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
-    };
+    headerAriaLevel: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+    transition: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => string | import("vue").TransitionProps) | (() => import("element-plus").DialogTransition) | ((new (...args: any[]) => string | import("vue").TransitionProps) | (() => import("element-plus").DialogTransition) | null)[], unknown, unknown, undefined, boolean>;
     center: BooleanConstructor;
-    alignCenter: {
-        readonly type: import("vue").PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
-    };
+    alignCenter: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     closeIcon: {
-        readonly type: import("vue").PropType<unknown>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    overflow: {
-        readonly type: import("vue").PropType<boolean>;
+        readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
-    } & {
-        readonly default: undefined;
     };
+    overflow: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     fullscreen: BooleanConstructor;
-    showClose: {
-        readonly type: import("vue").PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: true;
-    };
-    title: {
-        readonly type: import("vue").PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "";
-    };
-    ariaLevel: {
-        readonly type: import("vue").PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "2";
-    };
+    showClose: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    title: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    ariaLevel: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
 };
-export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"top", keyof T2> | Extract<"appendTo", keyof T2> | Extract<"transition", keyof T2> | Extract<"zIndex", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"width", keyof T2> | Extract<"center", keyof T2> | Extract<"overflow", keyof T2> | Extract<"draggable", keyof T2> | Extract<"showClose", keyof T2> | Extract<"headerClass", keyof T2> | Extract<"bodyClass", keyof T2> | Extract<"footerClass", keyof T2> | Extract<"title", keyof T2> | Extract<"closeOnClickModal", keyof T2> | Extract<"appendToBody", keyof T2> | Extract<"beforeClose", keyof T2> | Extract<"destroyOnClose", keyof T2> | Extract<"closeOnPressEscape", keyof T2> | Extract<"lockScroll", keyof T2> | Extract<"modal", keyof T2> | Extract<"modalPenetrable", keyof T2> | Extract<"openDelay", keyof T2> | Extract<"closeDelay", keyof T2> | Extract<"modalClass", keyof T2> | Extract<"trapFocus", keyof T2> | Extract<"headerAriaLevel", keyof T2> | Extract<"alignCenter", keyof T2> | Extract<"closeIcon", keyof T2> | Extract<"fullscreen", keyof T2> | Extract<"ariaLevel", keyof T2>)[]>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"top", keyof T2>, KE> | Exclude<Extract<"appendTo", keyof T2>, KE> | Exclude<Extract<"transition", keyof T2>, KE> | Exclude<Extract<"zIndex", keyof T2>, KE> | Exclude<Extract<"modelValue", keyof T2>, KE> | Exclude<Extract<"width", keyof T2>, KE> | Exclude<Extract<"center", keyof T2>, KE> | Exclude<Extract<"overflow", keyof T2>, KE> | Exclude<Extract<"draggable", keyof T2>, KE> | Exclude<Extract<"showClose", keyof T2>, KE> | Exclude<Extract<"headerClass", keyof T2>, KE> | Exclude<Extract<"bodyClass", keyof T2>, KE> | Exclude<Extract<"footerClass", keyof T2>, KE> | Exclude<Extract<"title", keyof T2>, KE> | Exclude<Extract<"closeOnClickModal", keyof T2>, KE> | Exclude<Extract<"appendToBody", keyof T2>, KE> | Exclude<Extract<"beforeClose", keyof T2>, KE> | Exclude<Extract<"destroyOnClose", keyof T2>, KE> | Exclude<Extract<"closeOnPressEscape", keyof T2>, KE> | Exclude<Extract<"lockScroll", keyof T2>, KE> | Exclude<Extract<"modal", keyof T2>, KE> | Exclude<Extract<"modalPenetrable", keyof T2>, KE> | Exclude<Extract<"openDelay", keyof T2>, KE> | Exclude<Extract<"closeDelay", keyof T2>, KE> | Exclude<Extract<"modalClass", keyof T2>, KE> | Exclude<Extract<"trapFocus", keyof T2>, KE> | Exclude<Extract<"headerAriaLevel", keyof T2>, KE> | Exclude<Extract<"alignCenter", keyof T2>, KE> | Exclude<Extract<"closeIcon", keyof T2>, KE> | Exclude<Extract<"fullscreen", keyof T2>, KE> | Exclude<Extract<"ariaLevel", keyof T2>, KE> : Extract<"top", keyof T2> | Extract<"appendTo", keyof T2> | Extract<"transition", keyof T2> | Extract<"zIndex", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"width", keyof T2> | Extract<"center", keyof T2> | Extract<"overflow", keyof T2> | Extract<"draggable", keyof T2> | Extract<"showClose", keyof T2> | Extract<"headerClass", keyof T2> | Extract<"bodyClass", keyof T2> | Extract<"footerClass", keyof T2> | Extract<"title", keyof T2> | Extract<"closeOnClickModal", keyof T2> | Extract<"appendToBody", keyof T2> | Extract<"beforeClose", keyof T2> | Extract<"destroyOnClose", keyof T2> | Extract<"closeOnPressEscape", keyof T2> | Extract<"lockScroll", keyof T2> | Extract<"modal", keyof T2> | Extract<"modalPenetrable", keyof T2> | Extract<"openDelay", keyof T2> | Extract<"closeDelay", keyof T2> | Extract<"modalClass", keyof T2> | Extract<"trapFocus", keyof T2> | Extract<"headerAriaLevel", keyof T2> | Extract<"alignCenter", keyof T2> | Extract<"closeIcon", keyof T2> | Extract<"fullscreen", keyof T2> | Extract<"ariaLevel", keyof T2>]: { [k in Extract<"top", keyof T2> | Extract<"appendTo", keyof T2> | Extract<"transition", keyof T2> | Extract<"zIndex", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"width", keyof T2> | Extract<"center", keyof T2> | Extract<"overflow", keyof T2> | Extract<"draggable", keyof T2> | Extract<"showClose", keyof T2> | Extract<"headerClass", keyof T2> | Extract<"bodyClass", keyof T2> | Extract<"footerClass", keyof T2> | Extract<"title", keyof T2> | Extract<"closeOnClickModal", keyof T2> | Extract<"appendToBody", keyof T2> | Extract<"beforeClose", keyof T2> | Extract<"destroyOnClose", keyof T2> | Extract<"closeOnPressEscape", keyof T2> | Extract<"lockScroll", keyof T2> | Extract<"modal", keyof T2> | Extract<"modalPenetrable", keyof T2> | Extract<"openDelay", keyof T2> | Extract<"closeDelay", keyof T2> | Extract<"modalClass", keyof T2> | Extract<"trapFocus", keyof T2> | Extract<"headerAriaLevel", keyof T2> | Extract<"alignCenter", keyof T2> | Extract<"closeIcon", keyof T2> | Extract<"fullscreen", keyof T2> | Extract<"ariaLevel", keyof T2>]: T2[k]; }[P]; }>;
+export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"top", keyof T2> | Extract<"center", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"title", keyof T2> | Extract<"width", keyof T2> | Extract<"appendTo", keyof T2> | Extract<"transition", keyof T2> | Extract<"draggable", keyof T2> | Extract<"showClose", keyof T2> | Extract<"zIndex", keyof T2> | Extract<"headerClass", keyof T2> | Extract<"bodyClass", keyof T2> | Extract<"footerClass", keyof T2> | Extract<"overflow", keyof T2> | Extract<"fullscreen", keyof T2> | Extract<"modalClass", keyof T2> | Extract<"appendToBody", keyof T2> | Extract<"closeOnClickModal", keyof T2> | Extract<"beforeClose", keyof T2> | Extract<"destroyOnClose", keyof T2> | Extract<"closeOnPressEscape", keyof T2> | Extract<"lockScroll", keyof T2> | Extract<"modal", keyof T2> | Extract<"modalPenetrable", keyof T2> | Extract<"openDelay", keyof T2> | Extract<"closeDelay", keyof T2> | Extract<"trapFocus", keyof T2> | Extract<"headerAriaLevel", keyof T2> | Extract<"alignCenter", keyof T2> | Extract<"closeIcon", keyof T2> | Extract<"ariaLevel", keyof T2>)[]>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"top", keyof T2>, KE> | Exclude<Extract<"center", keyof T2>, KE> | Exclude<Extract<"modelValue", keyof T2>, KE> | Exclude<Extract<"title", keyof T2>, KE> | Exclude<Extract<"width", keyof T2>, KE> | Exclude<Extract<"appendTo", keyof T2>, KE> | Exclude<Extract<"transition", keyof T2>, KE> | Exclude<Extract<"draggable", keyof T2>, KE> | Exclude<Extract<"showClose", keyof T2>, KE> | Exclude<Extract<"zIndex", keyof T2>, KE> | Exclude<Extract<"headerClass", keyof T2>, KE> | Exclude<Extract<"bodyClass", keyof T2>, KE> | Exclude<Extract<"footerClass", keyof T2>, KE> | Exclude<Extract<"overflow", keyof T2>, KE> | Exclude<Extract<"fullscreen", keyof T2>, KE> | Exclude<Extract<"modalClass", keyof T2>, KE> | Exclude<Extract<"appendToBody", keyof T2>, KE> | Exclude<Extract<"closeOnClickModal", keyof T2>, KE> | Exclude<Extract<"beforeClose", keyof T2>, KE> | Exclude<Extract<"destroyOnClose", keyof T2>, KE> | Exclude<Extract<"closeOnPressEscape", keyof T2>, KE> | Exclude<Extract<"lockScroll", keyof T2>, KE> | Exclude<Extract<"modal", keyof T2>, KE> | Exclude<Extract<"modalPenetrable", keyof T2>, KE> | Exclude<Extract<"openDelay", keyof T2>, KE> | Exclude<Extract<"closeDelay", keyof T2>, KE> | Exclude<Extract<"trapFocus", keyof T2>, KE> | Exclude<Extract<"headerAriaLevel", keyof T2>, KE> | Exclude<Extract<"alignCenter", keyof T2>, KE> | Exclude<Extract<"closeIcon", keyof T2>, KE> | Exclude<Extract<"ariaLevel", keyof T2>, KE> : Extract<"top", keyof T2> | Extract<"center", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"title", keyof T2> | Extract<"width", keyof T2> | Extract<"appendTo", keyof T2> | Extract<"transition", keyof T2> | Extract<"draggable", keyof T2> | Extract<"showClose", keyof T2> | Extract<"zIndex", keyof T2> | Extract<"headerClass", keyof T2> | Extract<"bodyClass", keyof T2> | Extract<"footerClass", keyof T2> | Extract<"overflow", keyof T2> | Extract<"fullscreen", keyof T2> | Extract<"modalClass", keyof T2> | Extract<"appendToBody", keyof T2> | Extract<"closeOnClickModal", keyof T2> | Extract<"beforeClose", keyof T2> | Extract<"destroyOnClose", keyof T2> | Extract<"closeOnPressEscape", keyof T2> | Extract<"lockScroll", keyof T2> | Extract<"modal", keyof T2> | Extract<"modalPenetrable", keyof T2> | Extract<"openDelay", keyof T2> | Extract<"closeDelay", keyof T2> | Extract<"trapFocus", keyof T2> | Extract<"headerAriaLevel", keyof T2> | Extract<"alignCenter", keyof T2> | Extract<"closeIcon", keyof T2> | Extract<"ariaLevel", keyof T2>]: { [k in Extract<"top", keyof T2> | Extract<"center", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"title", keyof T2> | Extract<"width", keyof T2> | Extract<"appendTo", keyof T2> | Extract<"transition", keyof T2> | Extract<"draggable", keyof T2> | Extract<"showClose", keyof T2> | Extract<"zIndex", keyof T2> | Extract<"headerClass", keyof T2> | Extract<"bodyClass", keyof T2> | Extract<"footerClass", keyof T2> | Extract<"overflow", keyof T2> | Extract<"fullscreen", keyof T2> | Extract<"modalClass", keyof T2> | Extract<"appendToBody", keyof T2> | Extract<"closeOnClickModal", keyof T2> | Extract<"beforeClose", keyof T2> | Extract<"destroyOnClose", keyof T2> | Extract<"closeOnPressEscape", keyof T2> | Extract<"lockScroll", keyof T2> | Extract<"modal", keyof T2> | Extract<"modalPenetrable", keyof T2> | Extract<"openDelay", keyof T2> | Extract<"closeDelay", keyof T2> | Extract<"trapFocus", keyof T2> | Extract<"headerAriaLevel", keyof T2> | Extract<"alignCenter", keyof T2> | Extract<"closeIcon", keyof T2> | Extract<"ariaLevel", keyof T2>]: T2[k]; }[P]; }>;
 export declare const emits: {
     open: () => boolean;
     opened: () => boolean;
@@ -163,7 +72,7 @@ export declare const emits: {
     openAutoFocus: () => boolean;
     closeAutoFocus: () => boolean;
 };
-export declare const createOnEmits: <T2 extends import("@vunk/core").AnyFunc, EX extends ("open" | "update:modelValue" | "close" | "opened" | "closed" | "openAutoFocus" | "closeAutoFocus")[]>(emit: T2, excludes?: EX) => { [P in EX extends (infer KE)[] ? Exclude<"open", KE> | Exclude<"update:modelValue", KE> | Exclude<"close", KE> | Exclude<"opened", KE> | Exclude<"closed", KE> | Exclude<"openAutoFocus", KE> | Exclude<"closeAutoFocus", KE> : "open" | "update:modelValue" | "close" | "opened" | "closed" | "openAutoFocus" | "closeAutoFocus"]: {
+export declare const createOnEmits: <T2 extends import("@vunk/core").AnyFunc, EX extends ("update:modelValue" | "close" | "open" | "opened" | "closed" | "openAutoFocus" | "closeAutoFocus")[]>(emit: T2, excludes?: EX | undefined) => { [P in EX extends (infer KE)[] ? Exclude<"update:modelValue", KE> | Exclude<"close", KE> | Exclude<"open", KE> | Exclude<"opened", KE> | Exclude<"closed", KE> | Exclude<"openAutoFocus", KE> | Exclude<"closeAutoFocus", KE> : "update:modelValue" | "close" | "open" | "opened" | "closed" | "openAutoFocus" | "closeAutoFocus"]: {
     open: (...e: import("@vunk/core").RestParameters<T2>) => void;
     opened: (...e: import("@vunk/core").RestParameters<T2>) => void;
     close: (...e: import("@vunk/core").RestParameters<T2>) => void;