@vunk/form 2.16.10 → 2.17.0

package/components/dialog-input-collection/index.cjs

@@ -72,10 +72,18 @@ const props = {
   modules: {
     type: Array,
     default: () => ["operations:add"]
+  },
+  /**
+   * @description 正在编辑的 dialog 表单数据
+   */
+  formdata: {
+    type: Object,
+    default: void 0
   }
 };
 const emits = {
-  "update:modelValue": null
+  "update:modelValue": null,
+  "update:formdata": null
 };
 
 var _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
@@ -108,14 +116,18 @@ var _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     validateCatch: {
       type: Function,
       default: form.validateCatch
-    }
+    },
+    formdata: null
   },
-  emits: ["update:modelValue", "update:visible", "change"],
+  emits: ["update:modelValue", "update:visible", "change", "update:formdata"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
     const emit = __emit;
-    const formData = vue.ref(props.modelValue);
+    const formData = composables.useModelComputed({
+      key: "formdata",
+      default: {}
+    }, props, emit);
     const formDef = composables.useDeferred();
     formDef.promise.then((form) => {
       props.dialogFormProps.elRef?.(form);
@@ -492,11 +504,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     type: "primary",
                     onClick: _cache[1] || (_cache[1] = ($event) => $setup.handlePlus(-1))
                   }, {
-                    default: vue.withCtx(() => _cache[5] || (_cache[5] = [
+                    default: vue.withCtx(() => _cache[6] || (_cache[6] = [
                       vue.createTextVNode(" \u6DFB\u52A0 ")
                     ])),
                     _: 1,
-                    __: [5]
+                    __: [6]
                   })
                 ])) : vue.createCommentVNode("v-if", true),
                 vue.createVNode($setup["ElTable"], {
@@ -523,11 +535,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     icon: $setup.Plus,
                     onClick: _cache[0] || (_cache[0] = ($event) => $setup.handlePlus(-1))
                   }, {
-                    default: vue.withCtx(() => _cache[4] || (_cache[4] = [
+                    default: vue.withCtx(() => _cache[5] || (_cache[5] = [
                       vue.createTextVNode(" \u6DFB\u52A0 ")
                     ])),
                     _: 1,
-                    __: [4]
+                    __: [5]
                   }, 8, ["icon"])) : vue.createCommentVNode("v-if", true)
                 ]),
                 key: "0"
@@ -541,9 +553,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => $setup.cuState.dialogVisible = $event),
             modelValue: $setup.cuState.data,
             "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $setup.cuState.data = $event),
+            formdata: _ctx.formdata,
             "form-items": $setup.cuFormItems,
             "dialog-form-props": _ctx.dialogFormProps,
             "validate-catch": _ctx.validateCatch,
+            "onUpdate:formdata": _cache[4] || (_cache[4] = ($event) => _ctx.$emit("update:formdata", $event)),
             onChange: $setup.handleDialogFormChange
           }, {
             header: vue.withCtx(() => [
@@ -562,7 +576,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["visible", "modelValue", "form-items", "dialog-form-props", "validate-catch"])
+          }, 8, ["visible", "modelValue", "formdata", "form-items", "dialog-form-props", "validate-catch"])
         ]),
         _: 3
         /* FORWARDED */

package/components/dialog-input-collection/index.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, resolveComponent, openBlock, createBlock, withCtx, renderSlot, createVNode, createTextVNode, mergeProps, computed, Fragment, reactive, createElementBlock, normalizeProps, guardReactiveProps, createSlots, createCommentVNode, createElementVNode, toDisplayString } from 'vue';
+import { defineComponent, watch, resolveComponent, openBlock, createBlock, withCtx, renderSlot, createVNode, createTextVNode, mergeProps, computed, Fragment, reactive, createElementBlock, normalizeProps, guardReactiveProps, createSlots, createCommentVNode, createElementVNode, toDisplayString } from 'vue';
 import { p as plus_default, e as edit_default, d as delete_default } from '../index.mjs';
 import { setData, ensetData, getValue } from '@vunk/core';
 import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
@@ -9,7 +9,7 @@ import { VkTableColumns } from '@vunk/plus/components/table-columns';
 import { CRUD } from '@vunk/shared/enum';
 import { isCallable } from '@vunk/shared/function';
 import { ElDialog, ElButton, ElPopconfirm, ElTable } from 'element-plus';
-import { useDeferred } from '@vunk/core/composables';
+import { useModelComputed, useDeferred } from '@vunk/core/composables';
 import { VkfForm } from '@vunk/form/components/form';
 import { validateCatch } from '@vunk/form/shared/form';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
@@ -68,10 +68,18 @@ const props = {
   modules: {
     type: Array,
     default: () => ["operations:add"]
+  },
+  /**
+   * @description 正在编辑的 dialog 表单数据
+   */
+  formdata: {
+    type: Object,
+    default: void 0
   }
 };
 const emits = {
-  "update:modelValue": null
+  "update:modelValue": null,
+  "update:formdata": null
 };
 
 var _sfc_main$2 = /* @__PURE__ */ defineComponent({
@@ -104,14 +112,18 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
     validateCatch: {
       type: Function,
       default: validateCatch
-    }
+    },
+    formdata: null
   },
-  emits: ["update:modelValue", "update:visible", "change"],
+  emits: ["update:modelValue", "update:visible", "change", "update:formdata"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
     const emit = __emit;
-    const formData = ref(props.modelValue);
+    const formData = useModelComputed({
+      key: "formdata",
+      default: {}
+    }, props, emit);
     const formDef = useDeferred();
     formDef.promise.then((form) => {
       props.dialogFormProps.elRef?.(form);
@@ -488,11 +500,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     type: "primary",
                     onClick: _cache[1] || (_cache[1] = ($event) => $setup.handlePlus(-1))
                   }, {
-                    default: withCtx(() => _cache[5] || (_cache[5] = [
+                    default: withCtx(() => _cache[6] || (_cache[6] = [
                       createTextVNode(" \u6DFB\u52A0 ")
                     ])),
                     _: 1,
-                    __: [5]
+                    __: [6]
                   })
                 ])) : createCommentVNode("v-if", true),
                 createVNode($setup["ElTable"], {
@@ -519,11 +531,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     icon: $setup.Plus,
                     onClick: _cache[0] || (_cache[0] = ($event) => $setup.handlePlus(-1))
                   }, {
-                    default: withCtx(() => _cache[4] || (_cache[4] = [
+                    default: withCtx(() => _cache[5] || (_cache[5] = [
                       createTextVNode(" \u6DFB\u52A0 ")
                     ])),
                     _: 1,
-                    __: [4]
+                    __: [5]
                   }, 8, ["icon"])) : createCommentVNode("v-if", true)
                 ]),
                 key: "0"
@@ -537,9 +549,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => $setup.cuState.dialogVisible = $event),
             modelValue: $setup.cuState.data,
             "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $setup.cuState.data = $event),
+            formdata: _ctx.formdata,
             "form-items": $setup.cuFormItems,
             "dialog-form-props": _ctx.dialogFormProps,
             "validate-catch": _ctx.validateCatch,
+            "onUpdate:formdata": _cache[4] || (_cache[4] = ($event) => _ctx.$emit("update:formdata", $event)),
             onChange: $setup.handleDialogFormChange
           }, {
             header: withCtx(() => [
@@ -558,7 +572,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["visible", "modelValue", "form-items", "dialog-form-props", "validate-catch"])
+          }, 8, ["visible", "modelValue", "formdata", "form-items", "dialog-form-props", "validate-catch"])
         ]),
         _: 3
         /* FORWARDED */

package/components/dialog-input-collection/src/ctx.d.ts

@@ -49,6 +49,13 @@ export declare const props: {
         type: PropType<Modules[]>;
         default: () => string[];
     };
+    /**
+     * @description 正在编辑的 dialog 表单数据
+     */
+    formdata: {
+        type: PropType<NormalObject>;
+        default: any;
+    };
     required: {
         readonly type: PropType<boolean>;
         readonly required: false;
@@ -138,4 +145,5 @@ export declare const props: {
 };
 export declare const emits: {
     'update:modelValue': any;
+    'update:formdata': any;
 };

package/components/dialog-input-collection/src/dialog-form.vue.d.ts

@@ -32,6 +32,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             suffix?: string;
         }) => void;
     };
+    formdata: any;
 }>, {
     props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         title: {
@@ -65,13 +66,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 suffix?: string;
             }) => void;
         };
+        formdata: any;
     }>> & Readonly<{
         "onUpdate:visible"?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
         onChange?: (...args: any[]) => any;
+        "onUpdate:formdata"?: (...args: any[]) => any;
     }> & {}>;
-    emit: (event: "update:modelValue" | "change" | "update:visible", ...args: any[]) => void;
-    formData: import("vue").Ref<Record<string, any>, Record<string, any>>;
+    emit: (event: "update:modelValue" | "change" | "update:formdata" | "update:visible", ...args: any[]) => void;
+    formData: import("vue").WritableComputedRef<{}, {}>;
     formDef: {
         _ref: import("vue").ShallowRef<{
             $: import("vue").ComponentInternalInstance;
@@ -6382,7 +6385,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             footer?(_: {}): any;
         };
     }) & import("vue").Plugin;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "update:visible")[], "update:modelValue" | "change" | "update:visible", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "update:formdata" | "update:visible")[], "update:modelValue" | "change" | "update:formdata" | "update:visible", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: StringConstructor;
         default: string;
@@ -6414,14 +6417,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             suffix?: string;
         }) => void;
     };
+    formdata: any;
 }>> & Readonly<{
     "onUpdate:visible"?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
     onChange?: (...args: any[]) => any;
+    "onUpdate:formdata"?: (...args: any[]) => any;
 }>, {
     visible: boolean;
     modelValue: Record<string, any>;
     formItems: unknown[];
+    formdata: any;
     title: string;
     dialogFormProps: Record<string, any>;
     validateCatch: AnyFunc;

package/components/dialog-input-collection/src/index.vue.d.ts

@@ -38,6 +38,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<import("./types").Modules[]>;
         default: () => string[];
     };
+    formdata: {
+        type: import("vue").PropType<NormalObject>;
+        default: any;
+    };
     required: {
         readonly type: import("vue").PropType<boolean>;
         readonly required: false;
@@ -161,6 +165,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: import("vue").PropType<import("./types").Modules[]>;
             default: () => string[];
         };
+        formdata: {
+            type: import("vue").PropType<NormalObject>;
+            default: any;
+        };
         required: {
             readonly type: import("vue").PropType<boolean>;
             readonly required: false;
@@ -249,8 +257,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>> & Readonly<{
         "onUpdate:modelValue"?: (...args: any[] | unknown[]) => any;
+        "onUpdate:formdata"?: (...args: any[] | unknown[]) => any;
     }> & {}>;
-    emit: ((event: "update:modelValue", ...args: unknown[]) => void) & ((event: "update:modelValue", ...args: any) => void) & ((event: "update:modelValue", ...args: any[]) => void);
+    emit: ((event: "update:modelValue", ...args: unknown[]) => void) & ((event: "update:modelValue", ...args: any) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "update:formdata", ...args: unknown[]) => void) & ((event: "update:formdata", ...args: any) => void) & ((event: "update:formdata", ...args: any[]) => void);
     ElTable: never;
     hasColAdd: import("vue").ComputedRef<boolean>;
     formItemBindProps: import("vue").ComputedRef<{}>;
@@ -1141,6 +1150,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 suffix?: string;
             }) => void;
         };
+        formdata: any;
     }>, {
         props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             title: {
@@ -1174,13 +1184,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     suffix?: string;
                 }) => void;
             };
+            formdata: any;
         }>> & Readonly<{
             "onUpdate:visible"?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
             onChange?: (...args: any[]) => any;
+            "onUpdate:formdata"?: (...args: any[]) => any;
         }> & {}>;
-        emit: (event: "update:modelValue" | "change" | "update:visible", ...args: any[]) => void;
-        formData: import("vue").Ref<Record<string, any>, Record<string, any>>;
+        emit: (event: "update:modelValue" | "change" | "update:formdata" | "update:visible", ...args: any[]) => void;
+        formData: import("vue").WritableComputedRef<{}, {}>;
         formDef: {
             _ref: import("vue").ShallowRef<{
                 $: import("vue").ComponentInternalInstance;
@@ -7491,7 +7503,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 footer?(_: {}): any;
             };
         }) & import("vue").Plugin;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "update:visible")[], "update:modelValue" | "change" | "update:visible", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "update:formdata" | "update:visible")[], "update:modelValue" | "change" | "update:formdata" | "update:visible", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         title: {
             type: StringConstructor;
             default: string;
@@ -7523,14 +7535,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 suffix?: string;
             }) => void;
         };
+        formdata: any;
     }>> & Readonly<{
         "onUpdate:visible"?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
         onChange?: (...args: any[]) => any;
+        "onUpdate:formdata"?: (...args: any[]) => any;
     }>, {
         visible: boolean;
         modelValue: Record<string, any>;
         formItems: unknown[];
+        formdata: any;
         title: string;
         dialogFormProps: Record<string, any>;
         validateCatch: import("@vunk/shared").AnyFunc;
@@ -7622,6 +7637,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:modelValue': any;
+    'update:formdata': any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     columns: {
         type: import("vue").PropType<any[]>;
@@ -7658,6 +7674,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<import("./types").Modules[]>;
         default: () => string[];
     };
+    formdata: {
+        type: import("vue").PropType<NormalObject>;
+        default: any;
+    };
     required: {
         readonly type: import("vue").PropType<boolean>;
         readonly required: false;
@@ -7746,6 +7766,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{
     "onUpdate:modelValue"?: (...args: any[] | unknown[]) => any;
+    "onUpdate:formdata"?: (...args: any[] | unknown[]) => any;
 }>, {
     required: boolean;
     formItemSize: "default" | "small" | "large";
@@ -7768,6 +7789,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     labelActions: boolean;
     splicable: boolean;
     defaultItemValue: {};
+    formdata: NormalObject;
     dialogFormProps: Record<string, any>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/templates-default/index.cjs

@@ -9,6 +9,7 @@ var input = require('@vunk/form/components/input');
 var _switch = require('@vunk/form/components/switch');
 var select = require('@vunk/form/components/select');
 var datePicker = require('@vunk/form/components/date-picker');
+var timePicker = require('@vunk/form/components/time-picker');
 var utilsObject = require('@vunk/core/shared/utils-object');
 var inputNumber = require('@vunk/form/components/input-number');
 var radio = require('@vunk/form/components/radio');
@@ -45,6 +46,7 @@ var _sfc_main = vue.defineComponent({
     VkfSwitch: _switch.VkfSwitch,
     VkfSelect: select.VkfSelect,
     VkfDatePicker: datePicker.VkfDatePicker,
+    VkfTimePicker: timePicker.VkfTimePicker,
     VkfInputNumber: inputNumber.VkfInputNumber,
     VkfRadio: radio.VkfRadio,
     VkfCheckbox: checkbox.VkfCheckbox,
@@ -76,6 +78,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_VkfSwitch = vue.resolveComponent("VkfSwitch");
   const _component_VkfSelect = vue.resolveComponent("VkfSelect");
   const _component_VkfDatePicker = vue.resolveComponent("VkfDatePicker");
+  const _component_VkfTimePicker = vue.resolveComponent("VkfTimePicker");
   const _component_VkfInputNumber = vue.resolveComponent("VkfInputNumber");
   const _component_VkfCascader = vue.resolveComponent("VkfCascader");
   const _component_VkfSlider = vue.resolveComponent("VkfSlider");
@@ -161,6 +164,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
         /* STABLE */
       }),
+      vue.createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfTimePicker" }, {
+        default: vue.withCtx(({ props, value, input }) => [
+          vue.createVNode(_component_VkfTimePicker, vue.mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])
+        ]),
+        _: 1
+        /* STABLE */
+      }),
       vue.createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfInputNumber" }, {
         default: vue.withCtx(({ props, value, input }) => [
           vue.createVNode(_component_VkfInputNumber, vue.mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])

package/components/templates-default/index.mjs

@@ -5,6 +5,7 @@ import { VkfInput } from '@vunk/form/components/input';
 import { VkfSwitch } from '@vunk/form/components/switch';
 import { VkfSelect } from '@vunk/form/components/select';
 import { VkfDatePicker } from '@vunk/form/components/date-picker';
+import { VkfTimePicker } from '@vunk/form/components/time-picker';
 import { pickObject } from '@vunk/core/shared/utils-object';
 import { VkfInputNumber } from '@vunk/form/components/input-number';
 import { VkfRadio } from '@vunk/form/components/radio';
@@ -41,6 +42,7 @@ var _sfc_main = defineComponent({
     VkfSwitch,
     VkfSelect,
     VkfDatePicker,
+    VkfTimePicker,
     VkfInputNumber,
     VkfRadio,
     VkfCheckbox,
@@ -72,6 +74,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_VkfSwitch = resolveComponent("VkfSwitch");
   const _component_VkfSelect = resolveComponent("VkfSelect");
   const _component_VkfDatePicker = resolveComponent("VkfDatePicker");
+  const _component_VkfTimePicker = resolveComponent("VkfTimePicker");
   const _component_VkfInputNumber = resolveComponent("VkfInputNumber");
   const _component_VkfCascader = resolveComponent("VkfCascader");
   const _component_VkfSlider = resolveComponent("VkfSlider");
@@ -157,6 +160,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
         /* STABLE */
       }),
+      createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfTimePicker" }, {
+        default: withCtx(({ props, value, input }) => [
+          createVNode(_component_VkfTimePicker, mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])
+        ]),
+        _: 1
+        /* STABLE */
+      }),
       createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfInputNumber" }, {
         default: withCtx(({ props, value, input }) => [
           createVNode(_component_VkfInputNumber, mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])

package/components/templates-default/src/index.vue.d.ts

@@ -93,6 +93,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, 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;
     };
+    VkfTimePicker: {
+        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;
+    };
     VkfInputNumber: {
         new (...args: any[]): any;
         __isFragment?: never;

package/components/templates-default/src/types.d.ts

@@ -2,6 +2,7 @@ import { BasicSource } from '@vunk/form/shared';
 import { __VkfButton } from '@vunk/form/components/button';
 import { __VkfInput } from '@vunk/form/components/input';
 import { __VkfDatePicker } from '@vunk/form/components/date-picker';
+import { __VkfTimePicker } from '@vunk/form/components/time-picker';
 import { __VkfSelect } from '@vunk/form/components/select';
 import { __VkfSwitch } from '@vunk/form/components/switch';
 import { __VkfInputNumber } from '@vunk/form/components/input-number';
@@ -17,6 +18,7 @@ import { IntoUndefined, Func } from '@vunk/core';
 export type VkfButtonSource<P = string> = __VkfButton.Source<P>;
 export type VkfInputSource<P = string> = __VkfInput.Source<P>;
 export type VkfDatePickerSource<P = string> = __VkfDatePicker.Source<P>;
+export type VkfTimePickerSource<P = string> = __VkfTimePicker.Source<P>;
 export type VkfSelectSource<P = string> = __VkfSelect.Source<P>;
 export type VkfSwitchSource<P = string> = __VkfSwitch.Source<P>;
 export type VkfInputNumberSource<P = string> = __VkfInputNumber.Source<P>;
@@ -32,7 +34,7 @@ export interface ComponentSource extends BasicSource {
     templateType: 'Component';
     is: any;
 }
-export type CoreSource<P = string> = VkfInputSource<P> | VkfSwitchSource<P> | VkfSelectSource<P> | VkfDatePickerSource<P> | VkfInputNumberSource<P> | VkfRadioSource<P> | VkfCheckboxSource<P> | VkfUploadSource<P> | VkfColorPickerSource<P> | VkfButtonSource<P> | VkfCascaderSource<P> | VkfInputLinkSource<P> | VkfSliderSource<P> | VkfInputTagSource<P>;
+export type CoreSource<P = string> = VkfInputSource<P> | VkfSwitchSource<P> | VkfSelectSource<P> | VkfDatePickerSource<P> | VkfTimePickerSource<P> | VkfInputNumberSource<P> | VkfRadioSource<P> | VkfCheckboxSource<P> | VkfUploadSource<P> | VkfColorPickerSource<P> | VkfButtonSource<P> | VkfCascaderSource<P> | VkfInputLinkSource<P> | VkfSliderSource<P> | VkfInputTagSource<P>;
 export type Source<P = string> = CoreSource<P> | ComponentSource;
 /**
  * @example

package/components/time-picker/index.cjs

@@ -0,0 +1,114 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var formItem = require('@vunk/form/components/form-item');
+var elementPlus = require('@vunk/form/shared/element-plus');
+var utilsVue = require('@vunk/core/shared/utils-vue');
+var vue = require('vue');
+var elementPlus$1 = require('element-plus');
+var composables = require('@vunk/form/composables');
+var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
+
+const props = {
+  ...elementPlus.timePickerProps,
+  ...formItem._VkfFormItemCtx.props,
+  timePickerSlots: {
+    type: Object,
+    default: void 0
+  }
+};
+const createBindProps = utilsVue.bindPropsFactory(props);
+const emits = {
+  ...elementPlus.timePickerEmits
+};
+const createOnEmits = utilsVue.onEmitsFactory(emits);
+
+var ctx = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  createBindProps: createBindProps,
+  createOnEmits: createOnEmits,
+  emits: emits,
+  props: props
+});
+
+var _sfc_main = vue.defineComponent({
+  name: "VkfTimePicker",
+  components: {
+    VkfFormItem: formItem.VkfFormItem,
+    ElTimePicker: elementPlus$1.ElTimePicker
+  },
+  props,
+  emits,
+  setup(props2, { emit }) {
+    const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props2);
+    const timePickerBindProps = elementPlus.createTimePickerBindProps(props2, [
+      "readonly"
+    ]);
+    const timePickerOnEmits = elementPlus.createTimePickerOnEmits(emit);
+    const readonly = composables.useComputedReadonly(props2);
+    return {
+      formItemBindProps,
+      timePickerBindProps,
+      timePickerOnEmits,
+      readonly
+    };
+  }
+});
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElTimePicker = vue.resolveComponent("ElTimePicker");
+  const _component_VkfFormItem = vue.resolveComponent("VkfFormItem");
+  return vue.openBlock(), vue.createBlock(
+    _component_VkfFormItem,
+    vue.normalizeProps(vue.guardReactiveProps(_ctx.formItemBindProps)),
+    {
+      default: vue.withCtx(() => [
+        vue.createVNode(_component_ElTimePicker, vue.mergeProps(_ctx.timePickerBindProps, { readonly: _ctx.readonly }, vue.toHandlers(_ctx.timePickerOnEmits)), vue.createSlots({
+          _: 2
+          /* DYNAMIC */
+        }, [
+          vue.renderList(_ctx.timePickerSlots, (item, key) => {
+            return {
+              name: key,
+              fn: vue.withCtx((e) => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item?.(e))))
+              ])
+            };
+          })
+        ]), 1040, ["readonly"])
+      ]),
+      _: 1
+      /* STABLE */
+    },
+    16
+    /* FULL_PROPS */
+  );
+}
+var VkfTimePicker = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/time-picker/src/index.vue"]]);
+
+const timePickerEmits = {
+  "update:modelValue": null,
+  "change": null,
+  "focus": null,
+  "blur": null,
+  "visible-change": null,
+  "keydown": null
+};
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  timePickerEmits: timePickerEmits
+});
+
+VkfTimePicker.install = (app) => {
+  app.component(
+    VkfTimePicker.name || "VkfTimePicker",
+    VkfTimePicker
+  );
+};
+
+exports.VkfTimePicker = VkfTimePicker;
+exports._VkfTimePickerCtx = ctx;
+exports.__VkfTimePicker = types;
+exports.default = VkfTimePicker;

package/components/time-picker/index.d.ts

@@ -0,0 +1,5 @@
+import VkfTimePicker from './src/index.vue';
+export * as __VkfTimePicker from './src/types';
+export * as _VkfTimePickerCtx from './src/ctx';
+export { VkfTimePicker, };
+export default VkfTimePicker;