@vunk/form 2.15.0 → 2.16.1

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/components/select/index.cjs

@@ -22,7 +22,13 @@ const props = {
     type: Object,
     default: void 0
   },
+  /**
+   * @description el组件实例ref
+   */
   selectRef: null,
+  /**
+   * @description a url which's response is options
+   */
   optionsUrl: {
     type: String,
     default: ""
@@ -34,7 +40,17 @@ const props = {
     type: Boolean,
     default: false
   },
-  slots: null
+  /**
+   * @description 同插槽
+   */
+  slots: null,
+  /**
+   * @description 若 option中含有该字段内容，则渲染为 Group
+   */
+  optionChildrenProp: {
+    type: String,
+    default: ""
+  }
 };
 const createBindProps = utilsVue.bindPropsFactory(props);
 const emits = {
@@ -50,12 +66,56 @@ var ctx = /*#__PURE__*/Object.freeze({
   props: props
 });
 
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
+}
+var _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  props: {
+    data: {
+      type: Array,
+      required: true
+    },
+    optionChildrenProp: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    const ItemView = item => {
+      let _slot;
+      const isGroup = props.optionChildrenProp && Array.isArray(item[props.optionChildrenProp]) && item[props.optionChildrenProp].length > 0;
+      return isGroup ? vue.createVNode(elementPlus$1.ElOptionGroup, {
+        "label": item.label,
+        "key": item.value || item.label,
+        "disabled": item.disabled
+      }, _isSlot(_slot = item[props.optionChildrenProp].map(childOption => vue.createVNode(ItemView, vue.mergeProps({
+        "key": childOption.value
+      }, childOption), null))) ? _slot : {
+        default: () => [_slot]
+      }) : vue.createVNode(elementPlus$1.ElOption, vue.mergeProps({
+        "key": item.value,
+        "value": item.value
+      }, item), {
+        default: () => slots.option ? slots.option(item) : item.label
+      });
+    };
+    return () => {
+      return props.data.map(item => ItemView(item));
+    };
+  }
+});
+
+var Options = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$2, [["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/select/src/options.vue"]]);
+
 var _sfc_main$1 = vue.defineComponent({
   name: "VkfSelect",
   components: {
     VkfFormItem: formItem.VkfFormItem,
     ElSelect: elementPlus$1.ElSelect,
-    ElOption: elementPlus$1.ElOption
+    ElOption: elementPlus$1.ElOption,
+    Options
   },
   props,
   emits,
@@ -138,7 +198,7 @@ var _sfc_main$1 = vue.defineComponent({
 });
 
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElOption = vue.resolveComponent("ElOption");
+  const _component_Options = vue.resolveComponent("Options");
   const _component_ElSelect = vue.resolveComponent("ElSelect");
   const _component_VkfFormItem = vue.resolveComponent("VkfFormItem");
   return vue.openBlock(), vue.createBlock(
@@ -156,29 +216,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           }
         }, vue.toHandlers(_ctx.selectOnEmits)), vue.createSlots({
           default: vue.withCtx(() => [
-            (vue.openBlock(true), vue.createElementBlock(
-              vue.Fragment,
-              null,
-              vue.renderList(_ctx.selectOptions, (item) => {
-                return vue.openBlock(), vue.createBlock(
-                  _component_ElOption,
-                  vue.mergeProps({ ref_for: true }, item, {
-                    key: item.key
-                  }),
-                  {
-                    default: vue.withCtx(() => [
-                      vue.renderSlot(_ctx.$slots, "option", vue.mergeProps({ ref_for: true }, item))
-                    ]),
-                    _: 2
-                    /* DYNAMIC */
-                  },
-                  1040
-                  /* FULL_PROPS, DYNAMIC_SLOTS */
-                );
-              }),
-              128
-              /* KEYED_FRAGMENT */
-            ))
+            vue.createVNode(_component_Options, {
+              data: _ctx.selectOptions,
+              "option-children-prop": _ctx.optionChildrenProp
+            }, {
+              option: vue.withCtx((e) => [
+                vue.renderSlot(_ctx.$slots, "option", vue.normalizeProps(vue.guardReactiveProps(e)))
+              ]),
+              _: 3
+              /* FORWARDED */
+            }, 8, ["data", "option-children-prop"]),
+            vue.renderSlot(_ctx.$slots, "footer")
           ]),
           _: 2
           /* DYNAMIC */

package/components/select/index.mjs

@@ -1,8 +1,8 @@
-import { defineComponent, computed, ref, watch, nextTick, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, mergeProps, toHandlers, createSlots, createElementBlock, Fragment, renderList, renderSlot, resolveDynamicComponent, createCommentVNode, h } from 'vue';
+import { defineComponent, createVNode, mergeProps, isVNode, computed, ref, watch, nextTick, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, toHandlers, createSlots, renderSlot, renderList, resolveDynamicComponent, createCommentVNode, h } from 'vue';
 import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
 import { selectProps, selectEmits, createSelectBindProps, createSelectOnEmits } from '@vunk/form/shared/element-plus';
 import { bindPropsFactory, onEmitsFactory, vOn } from '@vunk/core/shared/utils-vue';
-import { ElSelect, ElOption } from 'element-plus';
+import { ElOptionGroup, ElOption, ElSelect } from 'element-plus';
 import { isNotEmptyObject, isPlainObject } from '@vunk/core/shared/utils-object';
 import { useComputedReadonly } from '@vunk/form/composables';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
@@ -18,7 +18,13 @@ const props = {
     type: Object,
     default: void 0
   },
+  /**
+   * @description el组件实例ref
+   */
   selectRef: null,
+  /**
+   * @description a url which's response is options
+   */
   optionsUrl: {
     type: String,
     default: ""
@@ -30,7 +36,17 @@ const props = {
     type: Boolean,
     default: false
   },
-  slots: null
+  /**
+   * @description 同插槽
+   */
+  slots: null,
+  /**
+   * @description 若 option中含有该字段内容，则渲染为 Group
+   */
+  optionChildrenProp: {
+    type: String,
+    default: ""
+  }
 };
 const createBindProps = bindPropsFactory(props);
 const emits = {
@@ -46,12 +62,56 @@ var ctx = /*#__PURE__*/Object.freeze({
   props: props
 });
 
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+}
+var _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  props: {
+    data: {
+      type: Array,
+      required: true
+    },
+    optionChildrenProp: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    const ItemView = item => {
+      let _slot;
+      const isGroup = props.optionChildrenProp && Array.isArray(item[props.optionChildrenProp]) && item[props.optionChildrenProp].length > 0;
+      return isGroup ? createVNode(ElOptionGroup, {
+        "label": item.label,
+        "key": item.value || item.label,
+        "disabled": item.disabled
+      }, _isSlot(_slot = item[props.optionChildrenProp].map(childOption => createVNode(ItemView, mergeProps({
+        "key": childOption.value
+      }, childOption), null))) ? _slot : {
+        default: () => [_slot]
+      }) : createVNode(ElOption, mergeProps({
+        "key": item.value,
+        "value": item.value
+      }, item), {
+        default: () => slots.option ? slots.option(item) : item.label
+      });
+    };
+    return () => {
+      return props.data.map(item => ItemView(item));
+    };
+  }
+});
+
+var Options = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/select/src/options.vue"]]);
+
 var _sfc_main$1 = defineComponent({
   name: "VkfSelect",
   components: {
     VkfFormItem,
     ElSelect,
-    ElOption
+    ElOption,
+    Options
   },
   props,
   emits,
@@ -134,7 +194,7 @@ var _sfc_main$1 = defineComponent({
 });
 
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElOption = resolveComponent("ElOption");
+  const _component_Options = resolveComponent("Options");
   const _component_ElSelect = resolveComponent("ElSelect");
   const _component_VkfFormItem = resolveComponent("VkfFormItem");
   return openBlock(), createBlock(
@@ -152,29 +212,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           }
         }, toHandlers(_ctx.selectOnEmits)), createSlots({
           default: withCtx(() => [
-            (openBlock(true), createElementBlock(
-              Fragment,
-              null,
-              renderList(_ctx.selectOptions, (item) => {
-                return openBlock(), createBlock(
-                  _component_ElOption,
-                  mergeProps({ ref_for: true }, item, {
-                    key: item.key
-                  }),
-                  {
-                    default: withCtx(() => [
-                      renderSlot(_ctx.$slots, "option", mergeProps({ ref_for: true }, item))
-                    ]),
-                    _: 2
-                    /* DYNAMIC */
-                  },
-                  1040
-                  /* FULL_PROPS, DYNAMIC_SLOTS */
-                );
-              }),
-              128
-              /* KEYED_FRAGMENT */
-            ))
+            createVNode(_component_Options, {
+              data: _ctx.selectOptions,
+              "option-children-prop": _ctx.optionChildrenProp
+            }, {
+              option: withCtx((e) => [
+                renderSlot(_ctx.$slots, "option", normalizeProps(guardReactiveProps(e)))
+              ]),
+              _: 3
+              /* FORWARDED */
+            }, 8, ["data", "option-children-prop"]),
+            renderSlot(_ctx.$slots, "footer")
           ]),
           _: 2
           /* DYNAMIC */

package/components/select/src/core.vue.d.ts

@@ -18,6 +18,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     slots: any;
+    optionChildrenProp: {
+        type: StringConstructor;
+        default: string;
+    };
     name: StringConstructor;
     id: StringConstructor;
     modelValue: {
@@ -444,6 +448,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     slots: any;
+    optionChildrenProp: {
+        type: StringConstructor;
+        default: string;
+    };
     name: StringConstructor;
     id: StringConstructor;
     modelValue: {
@@ -848,6 +856,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     selectSlots: import("./types").SelectSlots;
     selectRef: any;
     optionsUrl: string;
+    optionChildrenProp: string;
 }, {}, {
     VkfFormItem: {
         new (...args: any[]): any;
@@ -1036,5 +1045,26 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         disabled: boolean;
         created: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
+    Options: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        data: {
+            type: import("vue").PropType<import("@vunk/shared").NormalObject[]>;
+            required: true;
+        };
+        optionChildrenProp: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, () => JSX.Element[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        data: {
+            type: import("vue").PropType<import("@vunk/shared").NormalObject[]>;
+            required: true;
+        };
+        optionChildrenProp: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        optionChildrenProp: string;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -11,7 +11,13 @@ export declare const props: {
         type: PropType<SelectSlots>;
         default: any;
     };
+    /**
+     * @description el组件实例ref
+     */
     selectRef: any;
+    /**
+     * @description a url which's response is options
+     */
     optionsUrl: {
         type: StringConstructor;
         default: string;
@@ -23,7 +29,17 @@ export declare const props: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * @description 同插槽
+     */
     slots: any;
+    /**
+     * @description 若 option中含有该字段内容，则渲染为 Group
+     */
+    optionChildrenProp: {
+        type: StringConstructor;
+        default: string;
+    };
     name: StringConstructor;
     id: StringConstructor;
     modelValue: {
@@ -201,7 +217,7 @@ export declare const props: {
         readonly default: true;
     };
 };
-export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"required", keyof T2> | Extract<"size", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"formItemTip", keyof T2> | Extract<"formItemTipClass", keyof T2> | Extract<"labelTip", keyof T2> | Extract<"information", keyof T2> | Extract<"prop", keyof T2> | Extract<"defaultModelValue", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"id", keyof T2> | Extract<"persistent", keyof T2> | Extract<"teleported", keyof T2> | Extract<"effect", keyof T2> | Extract<"popperClass", keyof T2> | Extract<"name", keyof T2> | Extract<"slots", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"clearable", keyof T2> | Extract<"multiple", keyof T2> | Extract<"stringify", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"filterMethod", keyof T2> | Extract<"loading", keyof T2> | Extract<"options", keyof T2> | Extract<"autocomplete", keyof T2> | Extract<"clearIcon", keyof T2> | Extract<"suffixIcon", keyof T2> | Extract<"automaticDropdown", keyof T2> | Extract<"filterable", keyof T2> | Extract<"allowCreate", keyof T2> | Extract<"remote", keyof T2> | Extract<"loadingText", keyof T2> | Extract<"noMatchText", keyof T2> | Extract<"noDataText", keyof T2> | Extract<"remoteMethod", keyof T2> | Extract<"multipleLimit", keyof T2> | Extract<"defaultFirstOption", keyof T2> | Extract<"reserveKeyword", keyof T2> | Extract<"valueKey", keyof T2> | Extract<"collapseTags", keyof T2> | Extract<"collapseTagsTooltip", keyof T2> | Extract<"fitInputWidth", keyof T2> | Extract<"tagType", keyof T2> | Extract<"selectSlots", keyof T2> | Extract<"selectRef", keyof T2> | Extract<"optionsUrl", keyof T2>)[]>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"required", keyof T2>, KE> | Exclude<Extract<"size", keyof T2>, KE> | Exclude<Extract<"formItemSize", keyof T2>, KE> | Exclude<Extract<"formItemSlots", keyof T2>, KE> | Exclude<Extract<"elRef", keyof T2>, KE> | Exclude<Extract<"inline", keyof T2>, KE> | Exclude<Extract<"readonly", keyof T2>, KE> | Exclude<Extract<"formItemTip", keyof T2>, KE> | Exclude<Extract<"formItemTipClass", keyof T2>, KE> | Exclude<Extract<"labelTip", keyof T2>, KE> | Exclude<Extract<"information", keyof T2>, KE> | Exclude<Extract<"prop", keyof T2>, KE> | Exclude<Extract<"defaultModelValue", keyof T2>, KE> | Exclude<Extract<"label", keyof T2>, KE> | Exclude<Extract<"labelWidth", keyof T2>, KE> | Exclude<Extract<"labelPosition", keyof T2>, KE> | Exclude<Extract<"rules", keyof T2>, KE> | Exclude<Extract<"error", keyof T2>, KE> | Exclude<Extract<"validateStatus", keyof T2>, KE> | Exclude<Extract<"for", keyof T2>, KE> | Exclude<Extract<"inlineMessage", keyof T2>, KE> | Exclude<Extract<"showMessage", keyof T2>, KE> | Exclude<Extract<"disabled", keyof T2>, KE> | Exclude<Extract<"id", keyof T2>, KE> | Exclude<Extract<"persistent", keyof T2>, KE> | Exclude<Extract<"teleported", keyof T2>, KE> | Exclude<Extract<"effect", keyof T2>, KE> | Exclude<Extract<"popperClass", keyof T2>, KE> | Exclude<Extract<"name", keyof T2>, KE> | Exclude<Extract<"slots", keyof T2>, KE> | Exclude<Extract<"modelValue", keyof T2>, KE> | Exclude<Extract<"clearable", keyof T2>, KE> | Exclude<Extract<"multiple", keyof T2>, KE> | Exclude<Extract<"stringify", keyof T2>, KE> | Exclude<Extract<"placeholder", keyof T2>, KE> | Exclude<Extract<"filterMethod", keyof T2>, KE> | Exclude<Extract<"loading", keyof T2>, KE> | Exclude<Extract<"options", keyof T2>, KE> | Exclude<Extract<"autocomplete", keyof T2>, KE> | Exclude<Extract<"clearIcon", keyof T2>, KE> | Exclude<Extract<"suffixIcon", keyof T2>, KE> | Exclude<Extract<"automaticDropdown", keyof T2>, KE> | Exclude<Extract<"filterable", keyof T2>, KE> | Exclude<Extract<"allowCreate", keyof T2>, KE> | Exclude<Extract<"remote", keyof T2>, KE> | Exclude<Extract<"loadingText", keyof T2>, KE> | Exclude<Extract<"noMatchText", keyof T2>, KE> | Exclude<Extract<"noDataText", keyof T2>, KE> | Exclude<Extract<"remoteMethod", keyof T2>, KE> | Exclude<Extract<"multipleLimit", keyof T2>, KE> | Exclude<Extract<"defaultFirstOption", keyof T2>, KE> | Exclude<Extract<"reserveKeyword", keyof T2>, KE> | Exclude<Extract<"valueKey", keyof T2>, KE> | Exclude<Extract<"collapseTags", keyof T2>, KE> | Exclude<Extract<"collapseTagsTooltip", keyof T2>, KE> | Exclude<Extract<"fitInputWidth", keyof T2>, KE> | Exclude<Extract<"tagType", keyof T2>, KE> | Exclude<Extract<"selectSlots", keyof T2>, KE> | Exclude<Extract<"selectRef", keyof T2>, KE> | Exclude<Extract<"optionsUrl", keyof T2>, KE> : Extract<"required", keyof T2> | Extract<"size", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"formItemTip", keyof T2> | Extract<"formItemTipClass", keyof T2> | Extract<"labelTip", keyof T2> | Extract<"information", keyof T2> | Extract<"prop", keyof T2> | Extract<"defaultModelValue", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"id", keyof T2> | Extract<"persistent", keyof T2> | Extract<"teleported", keyof T2> | Extract<"effect", keyof T2> | Extract<"popperClass", keyof T2> | Extract<"name", keyof T2> | Extract<"slots", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"clearable", keyof T2> | Extract<"multiple", keyof T2> | Extract<"stringify", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"filterMethod", keyof T2> | Extract<"loading", keyof T2> | Extract<"options", keyof T2> | Extract<"autocomplete", keyof T2> | Extract<"clearIcon", keyof T2> | Extract<"suffixIcon", keyof T2> | Extract<"automaticDropdown", keyof T2> | Extract<"filterable", keyof T2> | Extract<"allowCreate", keyof T2> | Extract<"remote", keyof T2> | Extract<"loadingText", keyof T2> | Extract<"noMatchText", keyof T2> | Extract<"noDataText", keyof T2> | Extract<"remoteMethod", keyof T2> | Extract<"multipleLimit", keyof T2> | Extract<"defaultFirstOption", keyof T2> | Extract<"reserveKeyword", keyof T2> | Extract<"valueKey", keyof T2> | Extract<"collapseTags", keyof T2> | Extract<"collapseTagsTooltip", keyof T2> | Extract<"fitInputWidth", keyof T2> | Extract<"tagType", keyof T2> | Extract<"selectSlots", keyof T2> | Extract<"selectRef", keyof T2> | Extract<"optionsUrl", keyof T2>]: { [k in Extract<"required", keyof T2> | Extract<"size", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"formItemTip", keyof T2> | Extract<"formItemTipClass", keyof T2> | Extract<"labelTip", keyof T2> | Extract<"information", keyof T2> | Extract<"prop", keyof T2> | Extract<"defaultModelValue", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"id", keyof T2> | Extract<"persistent", keyof T2> | Extract<"teleported", keyof T2> | Extract<"effect", keyof T2> | Extract<"popperClass", keyof T2> | Extract<"name", keyof T2> | Extract<"slots", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"clearable", keyof T2> | Extract<"multiple", keyof T2> | Extract<"stringify", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"filterMethod", keyof T2> | Extract<"loading", keyof T2> | Extract<"options", keyof T2> | Extract<"autocomplete", keyof T2> | Extract<"clearIcon", keyof T2> | Extract<"suffixIcon", keyof T2> | Extract<"automaticDropdown", keyof T2> | Extract<"filterable", keyof T2> | Extract<"allowCreate", keyof T2> | Extract<"remote", keyof T2> | Extract<"loadingText", keyof T2> | Extract<"noMatchText", keyof T2> | Extract<"noDataText", keyof T2> | Extract<"remoteMethod", keyof T2> | Extract<"multipleLimit", keyof T2> | Extract<"defaultFirstOption", keyof T2> | Extract<"reserveKeyword", keyof T2> | Extract<"valueKey", keyof T2> | Extract<"collapseTags", keyof T2> | Extract<"collapseTagsTooltip", keyof T2> | Extract<"fitInputWidth", keyof T2> | Extract<"tagType", keyof T2> | Extract<"selectSlots", keyof T2> | Extract<"selectRef", keyof T2> | Extract<"optionsUrl", keyof T2>]: T2[k]; }[P]; }>;
+export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"required", keyof T2> | Extract<"size", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"formItemTip", keyof T2> | Extract<"formItemTipClass", keyof T2> | Extract<"labelTip", keyof T2> | Extract<"information", keyof T2> | Extract<"prop", keyof T2> | Extract<"defaultModelValue", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"id", keyof T2> | Extract<"persistent", keyof T2> | Extract<"teleported", keyof T2> | Extract<"effect", keyof T2> | Extract<"popperClass", keyof T2> | Extract<"name", keyof T2> | Extract<"slots", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"clearable", keyof T2> | Extract<"multiple", keyof T2> | Extract<"stringify", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"filterMethod", keyof T2> | Extract<"loading", keyof T2> | Extract<"options", keyof T2> | Extract<"autocomplete", keyof T2> | Extract<"clearIcon", keyof T2> | Extract<"suffixIcon", keyof T2> | Extract<"automaticDropdown", keyof T2> | Extract<"filterable", keyof T2> | Extract<"allowCreate", keyof T2> | Extract<"remote", keyof T2> | Extract<"loadingText", keyof T2> | Extract<"noMatchText", keyof T2> | Extract<"noDataText", keyof T2> | Extract<"remoteMethod", keyof T2> | Extract<"multipleLimit", keyof T2> | Extract<"defaultFirstOption", keyof T2> | Extract<"reserveKeyword", keyof T2> | Extract<"valueKey", keyof T2> | Extract<"collapseTags", keyof T2> | Extract<"collapseTagsTooltip", keyof T2> | Extract<"fitInputWidth", keyof T2> | Extract<"tagType", keyof T2> | Extract<"selectSlots", keyof T2> | Extract<"selectRef", keyof T2> | Extract<"optionsUrl", keyof T2> | Extract<"optionChildrenProp", keyof T2>)[]>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"required", keyof T2>, KE> | Exclude<Extract<"size", keyof T2>, KE> | Exclude<Extract<"formItemSize", keyof T2>, KE> | Exclude<Extract<"formItemSlots", keyof T2>, KE> | Exclude<Extract<"elRef", keyof T2>, KE> | Exclude<Extract<"inline", keyof T2>, KE> | Exclude<Extract<"readonly", keyof T2>, KE> | Exclude<Extract<"formItemTip", keyof T2>, KE> | Exclude<Extract<"formItemTipClass", keyof T2>, KE> | Exclude<Extract<"labelTip", keyof T2>, KE> | Exclude<Extract<"information", keyof T2>, KE> | Exclude<Extract<"prop", keyof T2>, KE> | Exclude<Extract<"defaultModelValue", keyof T2>, KE> | Exclude<Extract<"label", keyof T2>, KE> | Exclude<Extract<"labelWidth", keyof T2>, KE> | Exclude<Extract<"labelPosition", keyof T2>, KE> | Exclude<Extract<"rules", keyof T2>, KE> | Exclude<Extract<"error", keyof T2>, KE> | Exclude<Extract<"validateStatus", keyof T2>, KE> | Exclude<Extract<"for", keyof T2>, KE> | Exclude<Extract<"inlineMessage", keyof T2>, KE> | Exclude<Extract<"showMessage", keyof T2>, KE> | Exclude<Extract<"disabled", keyof T2>, KE> | Exclude<Extract<"id", keyof T2>, KE> | Exclude<Extract<"persistent", keyof T2>, KE> | Exclude<Extract<"teleported", keyof T2>, KE> | Exclude<Extract<"effect", keyof T2>, KE> | Exclude<Extract<"popperClass", keyof T2>, KE> | Exclude<Extract<"name", keyof T2>, KE> | Exclude<Extract<"slots", keyof T2>, KE> | Exclude<Extract<"modelValue", keyof T2>, KE> | Exclude<Extract<"clearable", keyof T2>, KE> | Exclude<Extract<"multiple", keyof T2>, KE> | Exclude<Extract<"stringify", keyof T2>, KE> | Exclude<Extract<"placeholder", keyof T2>, KE> | Exclude<Extract<"filterMethod", keyof T2>, KE> | Exclude<Extract<"loading", keyof T2>, KE> | Exclude<Extract<"options", keyof T2>, KE> | Exclude<Extract<"autocomplete", keyof T2>, KE> | Exclude<Extract<"clearIcon", keyof T2>, KE> | Exclude<Extract<"suffixIcon", keyof T2>, KE> | Exclude<Extract<"automaticDropdown", keyof T2>, KE> | Exclude<Extract<"filterable", keyof T2>, KE> | Exclude<Extract<"allowCreate", keyof T2>, KE> | Exclude<Extract<"remote", keyof T2>, KE> | Exclude<Extract<"loadingText", keyof T2>, KE> | Exclude<Extract<"noMatchText", keyof T2>, KE> | Exclude<Extract<"noDataText", keyof T2>, KE> | Exclude<Extract<"remoteMethod", keyof T2>, KE> | Exclude<Extract<"multipleLimit", keyof T2>, KE> | Exclude<Extract<"defaultFirstOption", keyof T2>, KE> | Exclude<Extract<"reserveKeyword", keyof T2>, KE> | Exclude<Extract<"valueKey", keyof T2>, KE> | Exclude<Extract<"collapseTags", keyof T2>, KE> | Exclude<Extract<"collapseTagsTooltip", keyof T2>, KE> | Exclude<Extract<"fitInputWidth", keyof T2>, KE> | Exclude<Extract<"tagType", keyof T2>, KE> | Exclude<Extract<"selectSlots", keyof T2>, KE> | Exclude<Extract<"selectRef", keyof T2>, KE> | Exclude<Extract<"optionsUrl", keyof T2>, KE> | Exclude<Extract<"optionChildrenProp", keyof T2>, KE> : Extract<"required", keyof T2> | Extract<"size", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"formItemTip", keyof T2> | Extract<"formItemTipClass", keyof T2> | Extract<"labelTip", keyof T2> | Extract<"information", keyof T2> | Extract<"prop", keyof T2> | Extract<"defaultModelValue", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"id", keyof T2> | Extract<"persistent", keyof T2> | Extract<"teleported", keyof T2> | Extract<"effect", keyof T2> | Extract<"popperClass", keyof T2> | Extract<"name", keyof T2> | Extract<"slots", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"clearable", keyof T2> | Extract<"multiple", keyof T2> | Extract<"stringify", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"filterMethod", keyof T2> | Extract<"loading", keyof T2> | Extract<"options", keyof T2> | Extract<"autocomplete", keyof T2> | Extract<"clearIcon", keyof T2> | Extract<"suffixIcon", keyof T2> | Extract<"automaticDropdown", keyof T2> | Extract<"filterable", keyof T2> | Extract<"allowCreate", keyof T2> | Extract<"remote", keyof T2> | Extract<"loadingText", keyof T2> | Extract<"noMatchText", keyof T2> | Extract<"noDataText", keyof T2> | Extract<"remoteMethod", keyof T2> | Extract<"multipleLimit", keyof T2> | Extract<"defaultFirstOption", keyof T2> | Extract<"reserveKeyword", keyof T2> | Extract<"valueKey", keyof T2> | Extract<"collapseTags", keyof T2> | Extract<"collapseTagsTooltip", keyof T2> | Extract<"fitInputWidth", keyof T2> | Extract<"tagType", keyof T2> | Extract<"selectSlots", keyof T2> | Extract<"selectRef", keyof T2> | Extract<"optionsUrl", keyof T2> | Extract<"optionChildrenProp", keyof T2>]: { [k in Extract<"required", keyof T2> | Extract<"size", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"formItemTip", keyof T2> | Extract<"formItemTipClass", keyof T2> | Extract<"labelTip", keyof T2> | Extract<"information", keyof T2> | Extract<"prop", keyof T2> | Extract<"defaultModelValue", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"id", keyof T2> | Extract<"persistent", keyof T2> | Extract<"teleported", keyof T2> | Extract<"effect", keyof T2> | Extract<"popperClass", keyof T2> | Extract<"name", keyof T2> | Extract<"slots", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"clearable", keyof T2> | Extract<"multiple", keyof T2> | Extract<"stringify", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"filterMethod", keyof T2> | Extract<"loading", keyof T2> | Extract<"options", keyof T2> | Extract<"autocomplete", keyof T2> | Extract<"clearIcon", keyof T2> | Extract<"suffixIcon", keyof T2> | Extract<"automaticDropdown", keyof T2> | Extract<"filterable", keyof T2> | Extract<"allowCreate", keyof T2> | Extract<"remote", keyof T2> | Extract<"loadingText", keyof T2> | Extract<"noMatchText", keyof T2> | Extract<"noDataText", keyof T2> | Extract<"remoteMethod", keyof T2> | Extract<"multipleLimit", keyof T2> | Extract<"defaultFirstOption", keyof T2> | Extract<"reserveKeyword", keyof T2> | Extract<"valueKey", keyof T2> | Extract<"collapseTags", keyof T2> | Extract<"collapseTagsTooltip", keyof T2> | Extract<"fitInputWidth", keyof T2> | Extract<"tagType", keyof T2> | Extract<"selectSlots", keyof T2> | Extract<"selectRef", keyof T2> | Extract<"optionsUrl", keyof T2> | Extract<"optionChildrenProp", keyof T2>]: T2[k]; }[P]; }>;
 export declare const emits: {
     'update:modelValue': any;
     change: any;

package/components/select/src/index.vue.d.ts

@@ -17,6 +17,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     slots: any;
+    optionChildrenProp: {
+        type: StringConstructor;
+        default: string;
+    };
     name: StringConstructor;
     id: StringConstructor;
     modelValue: {
@@ -222,6 +226,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     slots: any;
+    optionChildrenProp: {
+        type: StringConstructor;
+        default: string;
+    };
     name: StringConstructor;
     id: StringConstructor;
     modelValue: {
@@ -626,5 +634,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     selectSlots: import("./types").SelectSlots;
     selectRef: any;
     optionsUrl: string;
+    optionChildrenProp: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/select/src/options.vue.d.ts

@@ -0,0 +1,24 @@
+import { NormalObject } from '@vunk/shared';
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: PropType<NormalObject[]>;
+        required: true;
+    };
+    optionChildrenProp: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => JSX.Element[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: PropType<NormalObject[]>;
+        required: true;
+    };
+    optionChildrenProp: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    optionChildrenProp: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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.1",
   "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",