@vunk/form 0.0.0-alpha.5 → 0.0.0-alpha.8

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

@@ -29,6 +29,12 @@ export declare const props: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    tabindex: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
     prop: {

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

@@ -29,6 +29,12 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    tabindex: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
     prop: {
@@ -74,6 +80,7 @@ declare const _default: import("vue").DefineComponent<{
         disabled: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         id: string | undefined;
         modelValue: import("element-plus/es/utils").EpPropMergeType<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
+        tabindex: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
         validateEvent: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         width: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
         inlinePrompt: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -129,6 +136,12 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    tabindex: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
     prop: {

package/full-entry/main.d.ts

@@ -1,5 +1,4 @@
 export * from '@vunk-form/components/input';
-export * from '@vunk-form/components/ground';
 export * from '@vunk-form/components/form-item-renderer';
 export * from '@vunk-form/components/form-item-renderer-template';
 export * from '@vunk-form/components/drag-wrapper';
@@ -15,3 +14,4 @@ export * from '@vunk-form/components/switch';
 export * from '@vunk-form/components/form-item';
 export * from '@vunk-form/components/select';
 export * from '@vunk-form/components/select-config';
+export * from '@vunk-form/components/date-picker';

package/index.css

@@ -1,46 +1,73 @@
-
-.vkf-confirm-input .el-input-group__append {
-  cursor: initial;
-}
-
-.vkf-confirm-input .vkf-confirm-input-icon {
-  color: var(--el-color-primary);
-  cursor: pointer;
-}
 
+.vkf-confirm-input .el-input-group__append {
+  cursor: initial;
+}
+
+.vkf-confirm-input .vkf-confirm-input-icon {
+  color: var(--el-color-primary);
+  cursor: pointer;
+}
+
+
+.vkf-ground {
+  display: flex;
+}
+
+.vkf-ground-widget-x {
+  width: 15em;
+  height: 100%;
+}
+
+.vkf-ground-main-x {
+  flex: 3;
+}
+
+.vkf-ground-main-x .vkf-ground-main-card {
+  height: 100%;
+}
+
+.vkf-ground-main-card>.vk-card-title {
+  display: flex;
+  justify-content: end;
+  margin-bottom: var(--gap-xxs);
+}
+
+.vkf-ground-main-card>.vk-card-body {
+  height: 100%;
+  border: 2px var(--el-border-color) dashed;
+  overflow: auto;
+}
+
+.vkf-ground-config-x {
+  padding: 0 1em;
+  flex: 1;
+}
 
-.vkf-ground {
+.vkf-widget-tab{
+  position: relative;
+  width: 100%;
   display: flex;
+  justify-content: space-around;
+  --vk-float-block-color: var(--el-color-primary);
 }
-
-.vkf-ground-widget-x {
-  width: 15em;
-  height: 100%;
-}
-
-.vkf-ground-main-x {
-  flex: 3;
-}
-
-.vkf-ground-main-x .vkf-ground-main-card {
-  height: 100%;
+.vkf-widget-tab > .is-active.vk-tab-item{
+ color: var(--el-color-primary);
 }
-
-.vkf-ground-main-card>.vk-card-title {
-  display: flex;
-  justify-content: end;
-  margin-bottom: var(--gap-xxs);
+.vkf-widget-tab > .vk-tab-item {
+  padding: 0.5em 1em;
 }
 
-.vkf-ground-main-card>.vk-card-body {
-  height: 100%;
-  border: 2px var(--el-border-color) dashed;
-  overflow: auto;
+/* for FormItemWidget */
+.vkf-ground-widget-ul {
+  display: grid;
+  grid: auto-flow / repeat(2, 1fr);
 }
-
-.vkf-ground-config-x {
-  padding: 0 1em;
-  flex: 1;
+.vkf-ground-widget-ul li{
+  text-align: center;
+  margin: 0.25em .5em;
+  background: var(--el-color-info-light-8);
+  cursor: move;
+  border-radius: 4px;
 }
 
 .vkf-ground-main {
@@ -69,33 +96,6 @@
   padding: 1em .5em 0;
 }
 
-.vkf-widget-tab{
-  position: relative;
-  width: 100%;
-  display: flex;
-  justify-content: space-around;
-  --vk-float-block-color: var(--el-color-primary);
-}
-.vkf-widget-tab > .is-active.vk-tab-item{
- color: var(--el-color-primary);
-}
-.vkf-widget-tab > .vk-tab-item {
-  padding: 0.5em 1em;
-}
-
-/* for FormItemWidget */
-.vkf-ground-widget-ul {
-  display: grid;
-  grid: auto-flow / repeat(2, 1fr);
-}
-.vkf-ground-widget-ul li{
-  text-align: center;
-  margin: 0.25em .5em;
-  background: var(--el-color-info-light-8);
-  cursor: move;
-  border-radius: 4px;
-}
-
 .vkf-ground-main-editing-wrapper{
   overflow: hidden;
   position: relative;

package/index.d.ts

@@ -1,7 +1,7 @@
 
 export * from '@vunk/form/components/input'
 
-export * from '@vunk/form/components/ground'
+// export * from '@vunk/form/components/ground'
 
 export * from '@vunk/form/components/form-item-renderer'
 
@@ -32,3 +32,5 @@ export * from '@vunk/form/components/form-item'
 export * from '@vunk/form/components/select'
 
 export * from '@vunk/form/components/select-config'
+
+export * from '@vunk/form/components/date-picker'

package/index.esm.js

@@ -1,5 +1,4 @@
 export * from '@vunk/form/components/input';
-export * from '@vunk/form/components/ground';
 export * from '@vunk/form/components/form-item-renderer';
 export * from '@vunk/form/components/form-item-renderer-template';
 export * from '@vunk/form/components/drag-wrapper';
@@ -15,3 +14,4 @@ export * from '@vunk/form/components/switch';
 export * from '@vunk/form/components/form-item';
 export * from '@vunk/form/components/select';
 export * from '@vunk/form/components/select-config';
+export * from '@vunk/form/components/date-picker';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vunk/form",
-  "version": "0.0.0-alpha.5",
+  "version": "0.0.0-alpha.8",
   "description": "",
   "module": "index.esm.js",
   "scripts": {

package/shared/element-plus/ctx/index.d.ts

@@ -1,9 +1,11 @@
-export declare const createInputBindProps: <T2 extends Record<string, any>, EX extends ("type" | "size" | "label" | "id" | "disabled" | "modelValue" | "resize" | "autosize" | "autocomplete" | "formatter" | "parser" | "placeholder" | "form" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "suffixIcon" | "prefixIcon" | "containerRole" | "tabindex" | "validateEvent" | "inputStyle")[] | undefined, K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "type" | "size" | "label" | "id" | "disabled" | "modelValue" | "resize" | "autosize" | "autocomplete" | "formatter" | "parser" | "placeholder" | "form" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "suffixIcon" | "prefixIcon" | "containerRole" | "tabindex" | "validateEvent" | "inputStyle">>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
+export declare const createInputBindProps: <T2 extends Record<string, any>, EX extends ("type" | "size" | "label" | "disabled" | "id" | "modelValue" | "resize" | "autosize" | "autocomplete" | "formatter" | "parser" | "placeholder" | "form" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "suffixIcon" | "prefixIcon" | "containerRole" | "tabindex" | "validateEvent" | "inputStyle")[] | undefined, K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "type" | "size" | "label" | "disabled" | "id" | "modelValue" | "resize" | "autosize" | "autocomplete" | "formatter" | "parser" | "placeholder" | "form" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "suffixIcon" | "prefixIcon" | "containerRole" | "tabindex" | "validateEvent" | "inputStyle">>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
 export declare const createInputOnEmits: <T2 extends (...args: any) => any, EX extends ("update:modelValue" | "input" | "change" | "focus" | "blur" | "clear" | "mouseleave" | "mouseenter" | "keydown" | "compositionstart" | "compositionupdate" | "compositionend")[], K extends "update:modelValue" | "input" | "change" | "focus" | "blur" | "clear" | "mouseleave" | "mouseenter" | "keydown" | "compositionstart" | "compositionupdate" | "compositionend">(emit: T2, excludes?: EX | undefined) => { [k in K]: T2; };
-export declare const createFormBindProps: <T2 extends Record<string, any>, EX extends ("size" | "labelWidth" | "rules" | "inlineMessage" | "showMessage" | "disabled" | "model" | "labelPosition" | "labelSuffix" | "inline" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError")[] | undefined, K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "size" | "labelWidth" | "rules" | "inlineMessage" | "showMessage" | "disabled" | "model" | "labelPosition" | "labelSuffix" | "inline" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
+export declare const createFormBindProps: <T2 extends Record<string, any>, EX extends ("size" | "labelWidth" | "rules" | "inlineMessage" | "showMessage" | "model" | "labelPosition" | "labelSuffix" | "inline" | "statusIcon" | "disabled" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError")[] | undefined, K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "size" | "labelWidth" | "rules" | "inlineMessage" | "showMessage" | "model" | "labelPosition" | "labelSuffix" | "inline" | "statusIcon" | "disabled" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
 export declare const createFormOnEmits: <T2 extends (...args: any) => any, EX extends "validate"[], K extends "validate">(emit: T2, excludes?: EX | undefined) => { [k in K]: T2; };
 export declare const createFormItemBindProps: <T2 extends Record<string, any>, EX extends ("required" | "prop" | "size" | "label" | "labelWidth" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage")[] | undefined, K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "required" | "prop" | "size" | "label" | "labelWidth" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage">>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
-export declare const createSwitchBindProps: <T2 extends Record<string, any>, EX extends ("size" | "value" | "id" | "disabled" | "modelValue" | "validateEvent" | "width" | "inlinePrompt" | "activeIcon" | "inactiveIcon" | "activeText" | "inactiveText" | "activeColor" | "inactiveColor" | "borderColor" | "activeValue" | "inactiveValue" | "name" | "loading" | "beforeChange")[] | undefined, K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "size" | "value" | "id" | "disabled" | "modelValue" | "validateEvent" | "width" | "inlinePrompt" | "activeIcon" | "inactiveIcon" | "activeText" | "inactiveText" | "activeColor" | "inactiveColor" | "borderColor" | "activeValue" | "inactiveValue" | "name" | "loading" | "beforeChange">>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
+export declare const createSwitchBindProps: <T2 extends Record<string, any>, EX extends ("size" | "disabled" | "value" | "id" | "modelValue" | "tabindex" | "validateEvent" | "width" | "inlinePrompt" | "activeIcon" | "inactiveIcon" | "activeText" | "inactiveText" | "activeColor" | "inactiveColor" | "borderColor" | "activeValue" | "inactiveValue" | "name" | "loading" | "beforeChange")[] | undefined, K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "size" | "disabled" | "value" | "id" | "modelValue" | "tabindex" | "validateEvent" | "width" | "inlinePrompt" | "activeIcon" | "inactiveIcon" | "activeText" | "inactiveText" | "activeColor" | "inactiveColor" | "borderColor" | "activeValue" | "inactiveValue" | "name" | "loading" | "beforeChange">>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
 export declare const createSwitchOnEmits: <T2 extends (...args: any) => any, EX extends ("update:modelValue" | "input" | "change")[], K extends "update:modelValue" | "input" | "change">(emit: T2, excludes?: EX | undefined) => { [k in K]: T2; };
-export declare const createSelectBindProps: <T2 extends Record<string, any>, EX extends ("size" | "id" | "disabled" | "modelValue" | "autocomplete" | "placeholder" | "clearable" | "suffixIcon" | "name" | "loading" | "automaticDropdown" | "effect" | "filterable" | "allowCreate" | "popperClass" | "remote" | "loadingText" | "noMatchText" | "noDataText" | "remoteMethod" | "filterMethod" | "multiple" | "multipleLimit" | "defaultFirstOption" | "reserveKeyword" | "valueKey" | "collapseTags" | "collapseTagsTooltip" | "teleported" | "persistent" | "clearIcon" | "fitInputWidth" | "tagType")[] | undefined, K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "size" | "id" | "disabled" | "modelValue" | "autocomplete" | "placeholder" | "clearable" | "suffixIcon" | "name" | "loading" | "automaticDropdown" | "effect" | "filterable" | "allowCreate" | "popperClass" | "remote" | "loadingText" | "noMatchText" | "noDataText" | "remoteMethod" | "filterMethod" | "multiple" | "multipleLimit" | "defaultFirstOption" | "reserveKeyword" | "valueKey" | "collapseTags" | "collapseTagsTooltip" | "teleported" | "persistent" | "clearIcon" | "fitInputWidth" | "tagType">>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
+export declare const createSelectBindProps: <T2 extends Record<string, any>, EX extends ("size" | "disabled" | "id" | "modelValue" | "autocomplete" | "placeholder" | "clearable" | "suffixIcon" | "name" | "loading" | "automaticDropdown" | "effect" | "filterable" | "allowCreate" | "popperClass" | "remote" | "loadingText" | "noMatchText" | "noDataText" | "remoteMethod" | "filterMethod" | "multiple" | "multipleLimit" | "defaultFirstOption" | "reserveKeyword" | "valueKey" | "collapseTags" | "collapseTagsTooltip" | "teleported" | "persistent" | "clearIcon" | "fitInputWidth" | "tagType")[] | undefined, K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "size" | "disabled" | "id" | "modelValue" | "autocomplete" | "placeholder" | "clearable" | "suffixIcon" | "name" | "loading" | "automaticDropdown" | "effect" | "filterable" | "allowCreate" | "popperClass" | "remote" | "loadingText" | "noMatchText" | "noDataText" | "remoteMethod" | "filterMethod" | "multiple" | "multipleLimit" | "defaultFirstOption" | "reserveKeyword" | "valueKey" | "collapseTags" | "collapseTagsTooltip" | "teleported" | "persistent" | "clearIcon" | "fitInputWidth" | "tagType">>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
 export declare const createSelectOnEmits: <T2 extends (...args: any) => any, EX extends ("update:modelValue" | "change" | "focus" | "blur" | "clear" | "remove-tag" | "visible-change")[], K extends "update:modelValue" | "change" | "focus" | "blur" | "clear" | "remove-tag" | "visible-change">(emit: T2, excludes?: EX | undefined) => { [k in K]: T2; };
+export declare const createDatePickerBindProps: <T2 extends Record<string, any>, EX extends ("type" | "size" | "label" | "disabled" | "id" | "modelValue" | "placeholder" | "readonly" | "clearable" | "prefixIcon" | "tabindex" | "validateEvent" | "name" | "popperClass" | "clearIcon" | "format" | "valueFormat" | "editable" | "popperOptions" | "rangeSeparator" | "startPlaceholder" | "endPlaceholder" | "defaultValue" | "defaultTime" | "isRange" | "disabledHours" | "disabledMinutes" | "disabledSeconds" | "disabledDate" | "cellClassName" | "shortcuts" | "arrowControl" | "unlinkPanels")[] | undefined, K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "type" | "size" | "label" | "disabled" | "id" | "modelValue" | "placeholder" | "readonly" | "clearable" | "prefixIcon" | "tabindex" | "validateEvent" | "name" | "popperClass" | "clearIcon" | "format" | "valueFormat" | "editable" | "popperOptions" | "rangeSeparator" | "startPlaceholder" | "endPlaceholder" | "defaultValue" | "defaultTime" | "isRange" | "disabledHours" | "disabledMinutes" | "disabledSeconds" | "disabledDate" | "cellClassName" | "shortcuts" | "arrowControl" | "unlinkPanels">>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
+export declare const createDatePickerOnEmits: <T2 extends (...args: any) => any, EX extends ("update:modelValue" | "change" | "focus" | "blur" | "keydown" | "visible-change" | "calendar-change" | "panel-change")[], K extends "update:modelValue" | "change" | "focus" | "blur" | "keydown" | "visible-change" | "calendar-change" | "panel-change">(emit: T2, excludes?: EX | undefined) => { [k in K]: T2; };

package/shared/element-plus/ctx/index.js

@@ -1,4 +1,4 @@
-import { useTooltipContentProps, tagProps, inputProps, inputEmits, formProps, formEmits, formItemProps, switchProps, switchEmits } from 'element-plus';
+import { useTooltipContentProps, tagProps, timePickerDefaultProps, inputProps, inputEmits, formProps, formEmits, formItemProps, switchProps, switchEmits } from 'element-plus';
 import { bindPropsFactory, onEmitsFactory } from 'vunk/shared/utils-vue';
 import { defineComponent, openBlock, createElementBlock, createElementVNode } from 'vue';
 
@@ -1262,6 +1262,24 @@ const selectEmits = {
   "blur": null
 };
 
+const datePickerProps = {
+  ...timePickerDefaultProps,
+  type: {
+    type: String,
+    default: "date"
+  }
+};
+const datePickerEmits = {
+  "update:modelValue": null,
+  "change": null,
+  "focus": null,
+  "blur": null,
+  "calendar-change": null,
+  "panel-change": null,
+  "visible-change": null,
+  "keydown": null
+};
+
 const createInputBindProps = bindPropsFactory(inputProps);
 const createInputOnEmits = onEmitsFactory(inputEmits);
 const createFormBindProps = bindPropsFactory(formProps);
@@ -1271,5 +1289,7 @@ const createSwitchBindProps = bindPropsFactory(switchProps);
 const createSwitchOnEmits = onEmitsFactory(switchEmits);
 const createSelectBindProps = bindPropsFactory(selectProps);
 const createSelectOnEmits = onEmitsFactory(selectEmits);
+const createDatePickerBindProps = bindPropsFactory(datePickerProps);
+const createDatePickerOnEmits = onEmitsFactory(datePickerEmits);
 
-export { createFormBindProps, createFormItemBindProps, createFormOnEmits, createInputBindProps, createInputOnEmits, createSelectBindProps, createSelectOnEmits, createSwitchBindProps, createSwitchOnEmits };
+export { createDatePickerBindProps, createDatePickerOnEmits, createFormBindProps, createFormItemBindProps, createFormOnEmits, createInputBindProps, createInputOnEmits, createSelectBindProps, createSelectOnEmits, createSwitchBindProps, createSwitchOnEmits };

package/shared/element-plus/instances/date-picker.d.ts

@@ -0,0 +1,94 @@
+import { PropType } from 'vue';
+export declare const datePickerProps: {
+    type: {
+        type: PropType<"year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange">;
+        default: string;
+    };
+    id: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>) | ((new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    name: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>) | ((new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>))[], unknown, unknown, "", boolean>;
+    popperClass: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    format: StringConstructor;
+    valueFormat: StringConstructor;
+    clearable: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    clearIcon: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, boolean>;
+    editable: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    prefixIcon: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, "", boolean>;
+    size: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    disabled: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    placeholder: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    popperOptions: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("element-plus").Options>) | (() => Partial<import("element-plus").Options>) | ((new (...args: any[]) => Partial<import("element-plus").Options>) | (() => Partial<import("element-plus").Options>))[], unknown, unknown, () => {}, boolean>;
+    modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").ModelValueType & {}) | (() => import("element-plus").ModelValueType) | ((new (...args: any[]) => import("element-plus").ModelValueType & {}) | (() => import("element-plus").ModelValueType))[], unknown, unknown, "", boolean>;
+    rangeSeparator: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
+    startPlaceholder: StringConstructor;
+    endPlaceholder: StringConstructor;
+    defaultValue: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    defaultTime: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    isRange: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    disabledHours: {
+        readonly type: PropType<Function>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    disabledMinutes: {
+        readonly type: PropType<Function>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    disabledSeconds: {
+        readonly type: PropType<Function>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    disabledDate: {
+        readonly type: PropType<Function>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    cellClassName: {
+        readonly type: PropType<Function>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    shortcuts: import("element-plus/es/utils").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
+    arrowControl: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    label: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+    tabindex: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown, 0, boolean>;
+    validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    unlinkPanels: BooleanConstructor;
+};
+export declare const datePickerEmits: {
+    'update:modelValue': null;
+    change: null;
+    focus: null;
+    blur: null;
+    'calendar-change': null;
+    'panel-change': null;
+    'visible-change': null;
+    keydown: null;
+};

package/shared/element-plus/instances/date-picker.js

@@ -0,0 +1,21 @@
+import { timePickerDefaultProps } from 'element-plus';
+
+const datePickerProps = {
+  ...timePickerDefaultProps,
+  type: {
+    type: String,
+    default: "date"
+  }
+};
+const datePickerEmits = {
+  "update:modelValue": null,
+  "change": null,
+  "focus": null,
+  "blur": null,
+  "calendar-change": null,
+  "panel-change": null,
+  "visible-change": null,
+  "keydown": null
+};
+
+export { datePickerEmits, datePickerProps };

package/shared/element-plus/instances/select.d.ts

@@ -3,7 +3,7 @@ export declare const selectProps: {
     name: StringConstructor;
     id: StringConstructor;
     modelValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: (ArrayConstructor | BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[];
         default: undefined;
     };
     autocomplete: {

package/shared/helper/index.d.ts

@@ -1,2 +1,3 @@
-import { setData, unsetData, getValue } from 'vunk/shared/helper';
+import { setData as _setData, unsetData, getValue } from 'vunk/shared/helper';
+declare const setData: typeof _setData;
 export { setData, unsetData, getValue, };

package/shared/helper/index.js

@@ -1 +1,15 @@
-export { getValue, setData, unsetData } from 'vunk/shared/helper';
+import { setData as setData$1 } from 'vunk/shared/helper';
+export { getValue, unsetData } from 'vunk/shared/helper';
+
+const setData = (obj, e) => {
+  if (Array.isArray(e.k)) {
+    setData$1(obj, {
+      ...e,
+      k: e.k.flat(Infinity)
+    });
+  } else {
+    setData$1(obj, e);
+  }
+};
+
+export { setData };

package/shared/types/form-item/confirm-input.d.ts

@@ -0,0 +1,8 @@
+import { VkfConfirmInput } from '@vunk/form/components/confirm-input';
+import { VueComponentPropsType } from 'vunk/shared/types';
+import { Merge } from '../shared';
+export declare type VkfConfirmInputProps<T = undefined> = Merge<VueComponentPropsType<typeof VkfConfirmInput>, T>;
+export declare type VkfConfirmInputSource<P = string> = VkfConfirmInputProps<{
+    prop: P;
+    templateType: 'VkfConfirmInput';
+}>;

package/shared/types/form-item/confirm-input.js

@@ -0,0 +1 @@
+

package/shared/types/form-item/date-picker.d.ts

@@ -0,0 +1,8 @@
+import { VkfDatePicker } from '@vunk/form/components/date-picker';
+import { VueComponentPropsType } from 'vunk/shared/types';
+import { Merge } from '../shared';
+export declare type VkfDatePickerProps<T = undefined> = Merge<VueComponentPropsType<typeof VkfDatePicker>, T>;
+export declare type VkfDatePickerSource<P = string> = VkfDatePickerProps<{
+    prop: P;
+    templateType: 'VkfDatePicker';
+}>;

package/shared/types/form-item/date-picker.js

@@ -0,0 +1 @@
+

package/shared/types/form-item/index.d.ts

@@ -1,3 +1,5 @@
 export * from './input';
 export * from './switch';
 export * from './select';
+export * from './date-picker';
+export * from './confirm-input';

package/shared/types/form-item/input.d.ts

@@ -1,12 +1,8 @@
 import { VkfInput } from '@vunk/form/components/input';
 import { VueComponentPropsType } from 'vunk/shared/types';
-import { Replace } from '../shared';
-export declare type VkfInputProps<T = undefined> = Replace<VueComponentPropsType<typeof VkfInput>, T>;
+import { Merge } from '../shared';
+export declare type VkfInputProps<T = undefined> = Merge<VueComponentPropsType<typeof VkfInput>, T>;
 export declare type VkfInputSource<P = string> = VkfInputProps<{
     prop: P;
     templateType: 'VkfInput';
 }>;
-export declare type VkfConfirmInputSource<P = string> = VkfInputProps<{
-    prop: P;
-    templateType: 'VkfConfirmInput';
-}>;

package/shared/types/form-item/select.d.ts

@@ -1,7 +1,7 @@
 import { VkfSelect } from '@vunk/form/components/select';
 import { VueComponentPropsType } from 'vunk/shared/types';
-import { Replace } from '../shared';
-export declare type VkfSelectProps<T = undefined> = Replace<VueComponentPropsType<typeof VkfSelect>, T>;
+import { Merge } from '../shared';
+export declare type VkfSelectProps<T = undefined> = Merge<VueComponentPropsType<typeof VkfSelect>, T>;
 export declare type VkfSelectSource<P = string> = VkfSelectProps<{
     prop: P;
     templateType: 'VkfSelect';

package/shared/types/form-item/switch.d.ts

@@ -1,7 +1,7 @@
 import { VkfSwitch } from '@vunk/form/components/switch';
 import { VueComponentPropsType } from 'vunk/shared/types';
-import { Replace } from '../shared';
-export declare type VkfSwitchProps<T = undefined> = Replace<VueComponentPropsType<typeof VkfSwitch>, T>;
+import { Merge } from '../shared';
+export declare type VkfSwitchProps<T = undefined> = Merge<VueComponentPropsType<typeof VkfSwitch>, T>;
 export declare type VkfSwitchSource<P = string> = VkfSwitchProps<{
     prop: P;
     templateType: 'VkfSwitch';

package/shared/types/index.d.ts

@@ -1,3 +1,3 @@
-import { VkfInputSource, VkfSwitchSource, VkfSelectSource } from './form-item';
+import { VkfInputSource, VkfSwitchSource, VkfSelectSource, VkfDatePickerSource } from './form-item';
 export * from './shared';
-export declare type FormItemRendererSource<P = string> = VkfInputSource<P> | VkfSwitchSource<P> | VkfSelectSource<P>;
+export declare type FormItemRendererSource<P = string> = VkfInputSource<P> | VkfSwitchSource<P> | VkfSelectSource<P> | VkfDatePickerSource<P>;

package/shared/types/shared/index.d.ts

@@ -1,5 +1,5 @@
 export declare type Func<A = any, R = any> = A extends any[] ? (...args: A) => R : (arg: A) => R;
-export declare type Replace<A extends Record<string, any>, B> = B extends Record<string, any> ? (Omit<A, keyof B> & B) : A;
+export declare type Merge<A extends Record<string, any>, B> = B extends Record<string, any> ? (Omit<A, keyof B> & B) : A;
 export declare type SetDataEvent<K = any> = {
     k: K;
     v: any;

package/types/components/confirm-input/src/ctx.d.ts

@@ -7,6 +7,14 @@ export declare const props: {
         }>;
         default: () => {};
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    validateUpdate: {
+        type: PropType<(v?: any) => boolean | undefined>;
+        default: () => () => boolean;
+    };
     inputSlots: {
         type: PropType<import("../../input/src/types").InputSlots>;
         default: undefined;
@@ -18,7 +26,6 @@ export declare const props: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    disabled: BooleanConstructor;
     modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown, "", boolean>;
     type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "text", boolean>;
     resize: {