@vunk/form 2.14.20 → 2.15.0

package/components/dialog/index.mjs

@@ -0,0 +1,119 @@
+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,
+  draggable: {
+    type: Boolean,
+    default: true
+  },
+  closeOnClickModal: {
+    type: Boolean,
+    default: false
+  }
+};
+const createBindProps = bindPropsFactory(props);
+const emits = {
+  ...dialogEmits
+};
+const createOnEmits = onEmitsFactory(emits);
+
+var _sfc_main = /* @__PURE__ */ 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 = ref();
+    const slots = useSlots();
+    const hasFooterSlot = computed(() => !!slots.footer);
+    watch(() => props.modelValue, () => {
+      props.modelValue && nextTick(() => {
+        formsRef.value?.forms.forEach(({ form }) => form.resetFields?.());
+      });
+    });
+    async function validate() {
+      return formsRef.value?.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")
+          ]),
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default"),
+            createVNode(
+              $setup["VkfFormsView"],
+              { ref: "formsRef" },
+              null,
+              512
+              /* NEED_PATCH */
+            )
+          ]),
+          _: 2
+          /* DYNAMIC */
+        }, [
+          $setup.hasFooterSlot ? {
+            name: "footer",
+            fn: withCtx(() => [
+              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__ */ _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);
+};
+
+export { VkfDialog, types as __VkfDialog, VkfDialog as default };

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

@@ -0,0 +1,174 @@
+export declare const props: {
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnClickModal: {
+        type: BooleanConstructor;
+        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";
+    };
+    beforeClose: {
+        readonly type: import("vue").PropType<import("element-plus").DialogBeforeCloseFn>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __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;
+    };
+    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;
+    };
+    top: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    modelValue: BooleanConstructor;
+    modalClass: StringConstructor;
+    headerClass: StringConstructor;
+    bodyClass: StringConstructor;
+    footerClass: StringConstructor;
+    width: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    zIndex: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __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;
+    };
+    center: BooleanConstructor;
+    alignCenter: {
+        readonly type: import("vue").PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    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 required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    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";
+    };
+};
+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 emits: {
+    open: () => boolean;
+    opened: () => boolean;
+    close: () => boolean;
+    closed: () => boolean;
+    "update:modelValue": (value: boolean) => boolean;
+    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"]: {
+    open: (...e: import("@vunk/core").RestParameters<T2>) => void;
+    opened: (...e: import("@vunk/core").RestParameters<T2>) => void;
+    close: (...e: import("@vunk/core").RestParameters<T2>) => void;
+    closed: (...e: import("@vunk/core").RestParameters<T2>) => void;
+    "update:modelValue": (...e: import("@vunk/core").RestParameters<T2>) => void;
+    openAutoFocus: (...e: import("@vunk/core").RestParameters<T2>) => void;
+    closeAutoFocus: (...e: import("@vunk/core").RestParameters<T2>) => void;
+}[P]; };