@vunk/form 2.15.0 → 2.16.0

package/components/input-file/index.cjs

@@ -0,0 +1,144 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var elementPlus = require('element-plus');
+var vue = require('vue');
+var upload = require('@vunk/form/components/upload');
+var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
+var formItemRendererTemplate = require('@vunk/form/components/form-item-renderer-template');
+
+const props = {
+  modelValue: {
+    type: [Object, Array],
+    default: void 0
+  },
+  multiple: {
+    type: Boolean,
+    default: false
+  },
+  accept: elementPlus.uploadProps.accept,
+  disabled: elementPlus.uploadProps.disabled,
+  limit: elementPlus.uploadProps.limit,
+  listType: elementPlus.uploadProps.listType,
+  tip: {
+    type: String,
+    default: ""
+  },
+  // 复用 upload 的其他展示相关属性
+  showFileList: elementPlus.uploadProps.showFileList,
+  drag: elementPlus.uploadProps.drag
+};
+const emits = {
+  "update:modelValue": null
+};
+
+var _sfc_main$1 = vue.defineComponent({
+  name: "VkfInputFile",
+  components: {
+    VkfUpload: upload.VkfUpload
+  },
+  props,
+  emits,
+  setup(props2, { emit }) {
+    const fileList = vue.ref([]);
+    const fileToUploadFile = (file) => {
+      const uid = elementPlus.genFileId();
+      const rawFile = file;
+      rawFile.uid = uid;
+      return {
+        name: file.name,
+        size: file.size,
+        uid,
+        status: "success",
+        raw: rawFile,
+        url: URL.createObjectURL(file)
+      };
+    };
+    const initFileList = () => {
+      if (!props2.modelValue) {
+        fileList.value = [];
+        return;
+      }
+      const files = Array.isArray(props2.modelValue) ? props2.modelValue : [props2.modelValue];
+      fileList.value = files.filter(Boolean).map(fileToUploadFile);
+    };
+    vue.watch(() => props2.modelValue, initFileList, { immediate: true });
+    const handleFileListChange = (newFileList) => {
+      fileList.value = newFileList;
+      const files = newFileList.map((item) => item.raw).filter((raw) => raw !== void 0);
+      if (props2.multiple) {
+        emit("update:modelValue", files);
+      } else {
+        emit("update:modelValue", files[0] || void 0);
+      }
+    };
+    const uploadProps = vue.computed(() => ({
+      fileList: fileList.value,
+      multiple: props2.multiple,
+      accept: props2.accept,
+      disabled: props2.disabled,
+      limit: props2.limit,
+      listType: props2.listType,
+      tip: props2.tip,
+      showFileList: props2.showFileList,
+      drag: props2.drag,
+      autoUpload: false,
+      action: "#"
+      // 占位符，不会实际触发
+    }));
+    return {
+      fileList,
+      uploadProps,
+      handleFileListChange
+    };
+  }
+});
+
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_VkfUpload = vue.resolveComponent("VkfUpload");
+  return vue.openBlock(), vue.createBlock(_component_VkfUpload, vue.mergeProps(_ctx.uploadProps, { "onUpdate:fileList": _ctx.handleFileListChange }), {
+    default: vue.withCtx(() => [
+      vue.renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 16, ["onUpdate:fileList"]);
+}
+var VkfInputFile = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/input-file/src/index.vue"]]);
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "template",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const __returned__ = { get VkfFormItemRendererTemplate() {
+      return formItemRendererTemplate.VkfFormItemRendererTemplate;
+    }, CoreIndex: VkfInputFile };
+    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["VkfFormItemRendererTemplate"], { type: "VkfInputFile" }, {
+    default: vue.withCtx(({ props, value, input }) => [
+      vue.createVNode($setup["CoreIndex"], vue.mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])
+    ]),
+    _: 1
+    /* STABLE */
+  });
+}
+var template = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/input-file/src/template.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfInputFile.install = (app) => {
+  app.component(VkfInputFile.name || "VkfInputFile", VkfInputFile);
+};
+
+exports.VkfInputFile = VkfInputFile;
+exports.VkfInputFileTemplate = template;
+exports.__VkfInputFile = types;
+exports.default = VkfInputFile;

package/components/input-file/index.d.ts

@@ -0,0 +1,5 @@
+import VkfInputFile from './src/index.vue';
+import VkfInputFileTemplate from './src/template.vue';
+export * as __VkfInputFile from './src/types';
+export { VkfInputFile, VkfInputFileTemplate, };
+export default VkfInputFile;

package/components/input-file/index.mjs

@@ -0,0 +1,137 @@
+import { uploadProps, genFileId } from 'element-plus';
+import { defineComponent, ref, watch, computed, resolveComponent, openBlock, createBlock, mergeProps, withCtx, renderSlot, createVNode } from 'vue';
+import { VkfUpload } from '@vunk/form/components/upload';
+import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
+import { VkfFormItemRendererTemplate } from '@vunk/form/components/form-item-renderer-template';
+
+const props = {
+  modelValue: {
+    type: [Object, Array],
+    default: void 0
+  },
+  multiple: {
+    type: Boolean,
+    default: false
+  },
+  accept: uploadProps.accept,
+  disabled: uploadProps.disabled,
+  limit: uploadProps.limit,
+  listType: uploadProps.listType,
+  tip: {
+    type: String,
+    default: ""
+  },
+  // 复用 upload 的其他展示相关属性
+  showFileList: uploadProps.showFileList,
+  drag: uploadProps.drag
+};
+const emits = {
+  "update:modelValue": null
+};
+
+var _sfc_main$1 = defineComponent({
+  name: "VkfInputFile",
+  components: {
+    VkfUpload
+  },
+  props,
+  emits,
+  setup(props2, { emit }) {
+    const fileList = ref([]);
+    const fileToUploadFile = (file) => {
+      const uid = genFileId();
+      const rawFile = file;
+      rawFile.uid = uid;
+      return {
+        name: file.name,
+        size: file.size,
+        uid,
+        status: "success",
+        raw: rawFile,
+        url: URL.createObjectURL(file)
+      };
+    };
+    const initFileList = () => {
+      if (!props2.modelValue) {
+        fileList.value = [];
+        return;
+      }
+      const files = Array.isArray(props2.modelValue) ? props2.modelValue : [props2.modelValue];
+      fileList.value = files.filter(Boolean).map(fileToUploadFile);
+    };
+    watch(() => props2.modelValue, initFileList, { immediate: true });
+    const handleFileListChange = (newFileList) => {
+      fileList.value = newFileList;
+      const files = newFileList.map((item) => item.raw).filter((raw) => raw !== void 0);
+      if (props2.multiple) {
+        emit("update:modelValue", files);
+      } else {
+        emit("update:modelValue", files[0] || void 0);
+      }
+    };
+    const uploadProps = computed(() => ({
+      fileList: fileList.value,
+      multiple: props2.multiple,
+      accept: props2.accept,
+      disabled: props2.disabled,
+      limit: props2.limit,
+      listType: props2.listType,
+      tip: props2.tip,
+      showFileList: props2.showFileList,
+      drag: props2.drag,
+      autoUpload: false,
+      action: "#"
+      // 占位符，不会实际触发
+    }));
+    return {
+      fileList,
+      uploadProps,
+      handleFileListChange
+    };
+  }
+});
+
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_VkfUpload = resolveComponent("VkfUpload");
+  return openBlock(), createBlock(_component_VkfUpload, mergeProps(_ctx.uploadProps, { "onUpdate:fileList": _ctx.handleFileListChange }), {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 16, ["onUpdate:fileList"]);
+}
+var VkfInputFile = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/input-file/src/index.vue"]]);
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "template",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const __returned__ = { get VkfFormItemRendererTemplate() {
+      return VkfFormItemRendererTemplate;
+    }, CoreIndex: VkfInputFile };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock($setup["VkfFormItemRendererTemplate"], { type: "VkfInputFile" }, {
+    default: withCtx(({ props, value, input }) => [
+      createVNode($setup["CoreIndex"], mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])
+    ]),
+    _: 1
+    /* STABLE */
+  });
+}
+var template = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/input-file/src/template.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfInputFile.install = (app) => {
+  app.component(VkfInputFile.name || "VkfInputFile", VkfInputFile);
+};
+
+export { VkfInputFile, template as VkfInputFileTemplate, types as __VkfInputFile, VkfInputFile as default };

package/components/input-file/src/ctx.d.ts

@@ -0,0 +1,45 @@
+import { PropType } from 'vue';
+export declare const props: {
+    modelValue: {
+        type: PropType<File | File[] | undefined>;
+        default: any;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    accept: {
+        readonly type: PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "";
+    };
+    disabled: BooleanConstructor;
+    limit: NumberConstructor;
+    listType: {
+        readonly type: PropType<"text" | "picture" | "picture-card">;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "text";
+    };
+    tip: {
+        type: StringConstructor;
+        default: string;
+    };
+    showFileList: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
+    drag: BooleanConstructor;
+};
+export declare const emits: {
+    'update:modelValue': any;
+};

package/components/input-file/src/index.vue.d.ts

@@ -0,0 +1,190 @@
+import { UploadFile } from 'element-plus';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<File | File[] | undefined>;
+        default: any;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    accept: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "";
+    };
+    disabled: BooleanConstructor;
+    limit: NumberConstructor;
+    listType: {
+        readonly type: import("vue").PropType<"text" | "picture" | "picture-card">;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "text";
+    };
+    tip: {
+        type: StringConstructor;
+        default: string;
+    };
+    showFileList: {
+        readonly type: import("vue").PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
+    drag: BooleanConstructor;
+}>, {
+    fileList: import("vue").Ref<{
+        name: string;
+        percentage?: number;
+        status: import("element-plus").UploadStatus;
+        size?: number;
+        response?: unknown;
+        uid: number;
+        url?: string;
+        raw?: {
+            uid: number;
+            isDirectory?: boolean;
+            readonly lastModified: number;
+            readonly name: string;
+            readonly webkitRelativePath: string;
+            readonly size: number;
+            readonly type: string;
+            arrayBuffer: () => Promise<ArrayBuffer>;
+            bytes: () => Promise<Uint8Array>;
+            slice: (start?: number, end?: number, contentType?: string) => Blob;
+            stream: () => ReadableStream<Uint8Array>;
+            text: () => Promise<string>;
+        };
+    }[], UploadFile[] | {
+        name: string;
+        percentage?: number;
+        status: import("element-plus").UploadStatus;
+        size?: number;
+        response?: unknown;
+        uid: number;
+        url?: string;
+        raw?: {
+            uid: number;
+            isDirectory?: boolean;
+            readonly lastModified: number;
+            readonly name: string;
+            readonly webkitRelativePath: string;
+            readonly size: number;
+            readonly type: string;
+            arrayBuffer: () => Promise<ArrayBuffer>;
+            bytes: () => Promise<Uint8Array>;
+            slice: (start?: number, end?: number, contentType?: string) => Blob;
+            stream: () => ReadableStream<Uint8Array>;
+            text: () => Promise<string>;
+        };
+    }[]>;
+    uploadProps: import("vue").ComputedRef<{
+        fileList: {
+            name: string;
+            percentage?: number;
+            status: import("element-plus").UploadStatus;
+            size?: number;
+            response?: unknown;
+            uid: number;
+            url?: string;
+            raw?: {
+                uid: number;
+                isDirectory?: boolean;
+                readonly lastModified: number;
+                readonly name: string;
+                readonly webkitRelativePath: string;
+                readonly size: number;
+                readonly type: string;
+                arrayBuffer: () => Promise<ArrayBuffer>;
+                bytes: () => Promise<Uint8Array>;
+                slice: (start?: number, end?: number, contentType?: string) => Blob;
+                stream: () => ReadableStream<Uint8Array>;
+                text: () => Promise<string>;
+            };
+        }[];
+        multiple: boolean;
+        accept: string;
+        disabled: boolean;
+        limit: number;
+        listType: "text" | "picture" | "picture-card";
+        tip: string;
+        showFileList: boolean;
+        drag: boolean;
+        autoUpload: boolean;
+        action: string;
+    }>;
+    handleFileListChange: (newFileList: UploadFile[]) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<File | File[] | undefined>;
+        default: any;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    accept: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "";
+    };
+    disabled: BooleanConstructor;
+    limit: NumberConstructor;
+    listType: {
+        readonly type: import("vue").PropType<"text" | "picture" | "picture-card">;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "text";
+    };
+    tip: {
+        type: StringConstructor;
+        default: string;
+    };
+    showFileList: {
+        readonly type: import("vue").PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
+    drag: BooleanConstructor;
+}>> & Readonly<{
+    "onUpdate:modelValue"?: (...args: any[] | unknown[]) => any;
+}>, {
+    disabled: boolean;
+    modelValue: File | File[];
+    multiple: boolean;
+    drag: boolean;
+    showFileList: boolean;
+    accept: string;
+    listType: "text" | "picture" | "picture-card";
+    tip: string;
+}, {}, {
+    VkfUpload: {
+        new (...args: any[]): any;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<Record<string | symbol, any>>>, Record<string | symbol, any>, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        [x: string]: any;
+        [x: symbol]: any;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+        install(app: import("vue").App): void;
+    };
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/input-file/src/template.vue.d.ts

@@ -0,0 +1,202 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    readonly VkfFormItemRendererTemplate: {
+        new (...args: any[]): any;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<Record<string | symbol, any>>>, Record<string | symbol, any>, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        [x: string]: any;
+        [x: symbol]: any;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+        install(app: import("vue").App): void;
+    };
+    CoreIndex: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: import("vue").PropType<File | File[] | undefined>;
+            default: any;
+        };
+        multiple: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        accept: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "";
+        };
+        disabled: BooleanConstructor;
+        limit: NumberConstructor;
+        listType: {
+            readonly type: import("vue").PropType<"text" | "picture" | "picture-card">;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "text";
+        };
+        tip: {
+            type: StringConstructor;
+            default: string;
+        };
+        showFileList: {
+            readonly type: import("vue").PropType<boolean>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: true;
+        };
+        drag: BooleanConstructor;
+    }>, {
+        fileList: import("vue").Ref<{
+            name: string;
+            percentage?: number;
+            status: import("element-plus").UploadStatus;
+            size?: number;
+            response?: unknown;
+            uid: number;
+            url?: string;
+            raw?: {
+                uid: number;
+                isDirectory?: boolean;
+                readonly lastModified: number;
+                readonly name: string;
+                readonly webkitRelativePath: string;
+                readonly size: number;
+                readonly type: string;
+                arrayBuffer: () => Promise<ArrayBuffer>;
+                bytes: () => Promise<Uint8Array>;
+                slice: (start?: number, end?: number, contentType?: string) => Blob;
+                stream: () => ReadableStream<Uint8Array>;
+                text: () => Promise<string>;
+            };
+        }[], import("element-plus").UploadFile[] | {
+            name: string;
+            percentage?: number;
+            status: import("element-plus").UploadStatus;
+            size?: number;
+            response?: unknown;
+            uid: number;
+            url?: string;
+            raw?: {
+                uid: number;
+                isDirectory?: boolean;
+                readonly lastModified: number;
+                readonly name: string;
+                readonly webkitRelativePath: string;
+                readonly size: number;
+                readonly type: string;
+                arrayBuffer: () => Promise<ArrayBuffer>;
+                bytes: () => Promise<Uint8Array>;
+                slice: (start?: number, end?: number, contentType?: string) => Blob;
+                stream: () => ReadableStream<Uint8Array>;
+                text: () => Promise<string>;
+            };
+        }[]>;
+        uploadProps: import("vue").ComputedRef<{
+            fileList: {
+                name: string;
+                percentage?: number;
+                status: import("element-plus").UploadStatus;
+                size?: number;
+                response?: unknown;
+                uid: number;
+                url?: string;
+                raw?: {
+                    uid: number;
+                    isDirectory?: boolean;
+                    readonly lastModified: number;
+                    readonly name: string;
+                    readonly webkitRelativePath: string;
+                    readonly size: number;
+                    readonly type: string;
+                    arrayBuffer: () => Promise<ArrayBuffer>;
+                    bytes: () => Promise<Uint8Array>;
+                    slice: (start?: number, end?: number, contentType?: string) => Blob;
+                    stream: () => ReadableStream<Uint8Array>;
+                    text: () => Promise<string>;
+                };
+            }[];
+            multiple: boolean;
+            accept: string;
+            disabled: boolean;
+            limit: number;
+            listType: "text" | "picture" | "picture-card";
+            tip: string;
+            showFileList: boolean;
+            drag: boolean;
+            autoUpload: boolean;
+            action: string;
+        }>;
+        handleFileListChange: (newFileList: import("element-plus").UploadFile[]) => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        'update:modelValue': any;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: import("vue").PropType<File | File[] | undefined>;
+            default: any;
+        };
+        multiple: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        accept: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "";
+        };
+        disabled: BooleanConstructor;
+        limit: NumberConstructor;
+        listType: {
+            readonly type: import("vue").PropType<"text" | "picture" | "picture-card">;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "text";
+        };
+        tip: {
+            type: StringConstructor;
+            default: string;
+        };
+        showFileList: {
+            readonly type: import("vue").PropType<boolean>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: true;
+        };
+        drag: BooleanConstructor;
+    }>> & Readonly<{
+        "onUpdate:modelValue"?: (...args: any[] | unknown[]) => any;
+    }>, {
+        disabled: boolean;
+        modelValue: File | File[];
+        multiple: boolean;
+        drag: boolean;
+        showFileList: boolean;
+        accept: string;
+        listType: "text" | "picture" | "picture-card";
+        tip: string;
+    }, {}, {
+        VkfUpload: {
+            new (...args: any[]): any;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<Record<string | symbol, any>>>, Record<string | symbol, any>, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            [x: string]: any;
+            [x: symbol]: any;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+            install(app: import("vue").App): void;
+        };
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/input-file/src/types.d.ts

@@ -0,0 +1,8 @@
+import { VkfInputFile } from '@vunk/form/components/input-file';
+import { VueComponentPropsType } from '@vunk/core';
+import { BasicSource } from '@vunk/form/shared';
+import { VkfUpload } from '@vunk/form';
+export interface Source<P = string> extends VueComponentPropsType<typeof VkfInputFile>, BasicSource, VueComponentPropsType<typeof VkfUpload> {
+    prop: P;
+    templateType: 'VkfInputFile';
+}

package/index.d.ts

@@ -8,6 +8,7 @@ export * from '@vunk/form/components/form-item-renderer-template';
 export * from '@vunk/form/components/templates-default';
 export * from '@vunk/form/components/templates-layout';
 export * from '@vunk/form/components/form';
+export * from '@vunk/form/components/form-item';
 export * from '@vunk/form/components/input';
 export * from '@vunk/form/components/input-number';
 export * from '@vunk/form/components/select';

package/index.esm.js

@@ -9,6 +9,7 @@ export * from '@vunk/form/components/templates-layout';
 export * from '@vunk/form/shared';
 export * from '@vunk/form/composables';
 export * from '@vunk/form/components/templates-default';
+export * from '@vunk/form/components/form-item';
 export * from '@vunk/form/components/input';
 export * from '@vunk/form/components/input-number';
 export * from '@vunk/form/components/select';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vunk/form",
-  "version": "2.15.0",
+  "version": "2.16.0",
   "description": "",
   "main": "index.esm.js",
   "scripts": {
@@ -195,6 +195,11 @@
       "types": "./components/input-link/index.d.ts",
       "require": "./components/input-link/index.cjs"
     },
+    "./components/input-file": {
+      "import": "./components/input-file/index.mjs",
+      "types": "./components/input-file/index.d.ts",
+      "require": "./components/input-file/index.cjs"
+    },
     "./components/input-collection": {
       "import": "./components/input-collection/index.mjs",
       "types": "./components/input-collection/index.d.ts",