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

package/components/date-picker/src/types.d.ts

@@ -0,0 +1,14 @@
+import { Func } from '@vunk/form/shared/types';
+export declare type DatePickerSlots = {
+    default?: Func;
+    'range-separator'?: Func;
+};
+export declare const datePickerEmits: {
+    'update:modelValue': null;
+    change: null;
+    focus: null;
+    blur: null;
+    'calendar-change': null;
+    'panel-change': null;
+    'visible-change': null;
+};

package/components/form/index.js

@@ -8,6 +8,7 @@ import { createFormBindProps, createFormOnEmits } from '@vunk/form/shared/elemen
 import { getValue } from '@vunk/form/shared/helper';
 import { VkfSwitch } from '@vunk/form/components/switch';
 import { VkfSelect } from '@vunk/form/components/select';
+import { VkfDatePicker } from '@vunk/form/components/date-picker';
 
 const props = {
   ...formProps,
@@ -45,7 +46,8 @@ var script = defineComponent({
     VkfFormItemRendererTemplate,
     VkfInput,
     VkfSwitch,
-    VkfSelect
+    VkfSelect,
+    VkfDatePicker
   },
   setup(props2, { emit }) {
     const formProps = createFormBindProps(props2, ["model"]);
@@ -63,6 +65,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_VkfFormItemRendererTemplate = resolveComponent("VkfFormItemRendererTemplate");
   const _component_VkfSwitch = resolveComponent("VkfSwitch");
   const _component_VkfSelect = resolveComponent("VkfSelect");
+  const _component_VkfDatePicker = resolveComponent("VkfDatePicker");
   const _component_VkfFormItemRenderer = resolveComponent("VkfFormItemRenderer");
   const _component_ElForm = resolveComponent("ElForm");
   return openBlock(), createBlock(_component_ElForm, mergeProps(_ctx.formProps, toHandlers(_ctx.formEmits), {
@@ -107,6 +110,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
           }),
+          createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfDatePicker" }, {
+            default: withCtx(({ data: sourceData }) => [
+              createVNode(_component_VkfDatePicker, mergeProps({
+                modelValue: _ctx.getValue(_ctx.data, sourceData.prop),
+                "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
+                  k: sourceData.prop,
+                  v: $event
+                })
+              }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])
+            ]),
+            _: 1
+          }),
           renderSlot(_ctx.$slots, "rendererTemplate")
         ]),
         _: 3

package/components/ground/index.css

@@ -1,36 +1,63 @@
+
+.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 {
@@ -59,33 +86,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/components/ground/index.js

@@ -637,6 +637,7 @@ var script$2 = defineComponent({
       type: String,
       default: ""
     },
+    data: Object,
     k: {
       type: Array,
       default: () => []
@@ -644,11 +645,11 @@ var script$2 = defineComponent({
   },
   emits: {
     "update:prop": (e) => e,
+    "setData": (e) => e,
     "setData:formItems": null,
     "unsetData:formItems": null
   },
   setup(props, { emit }) {
-    const formData = ref({});
     const groundEndClassName = ref(DragoverClasses.normal);
     const formItemsWithWrapper = computed(() => {
       const data = [];
@@ -766,7 +767,6 @@ var script$2 = defineComponent({
       drop,
       setData,
       editDrop,
-      formData,
       formItemsWithWrapper
     };
   }
@@ -797,8 +797,8 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
         default: withCtx(() => [
           createVNode(_component_VkfForm, {
             formItems: _ctx.formItemsWithWrapper,
-            data: _ctx.formData,
-            onSetData: _cache[1] || (_cache[1] = ($event) => _ctx.setData(_ctx.formData, $event))
+            data: _ctx.data,
+            onSetData: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("setData", $event))
           }, {
             rendererTemplate: withCtx(() => [
               createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfEditingSelect" }, {
@@ -1062,27 +1062,32 @@ var script = defineComponent({
       type: Array,
       default: void 0
     },
-    data: {
+    source: {
       type: Array,
       default: () => []
+    },
+    data: {
+      type: Object,
+      default: () => ({})
     }
   },
   emits: {
-    "update:data": null,
+    "update:source": null,
+    "setData:source": (e) => e,
+    "unsetData:source": null,
     "setData": (e) => e,
-    "unsetData": null,
     "update:componentLibCollapseExpanded": null
   },
   setup(props, { emit }) {
-    const editProp = ref("");
     const propToFormItem = computed(() => {
-      return props.data.reduce((a, c) => {
+      return props.source.reduce((a, c) => {
         if (c.prop) {
           a[c.prop] = c;
         }
         return a;
       }, {});
     });
+    const editProp = ref("");
     const configPropDisabled = ref(true);
     const setFormItem = (props2, e) => {
       if (e.k === "prop") {
@@ -1109,7 +1114,7 @@ var script = defineComponent({
         setData(props2, e);
       }
     };
-    const formItemStr = computed(() => JSON.stringify(props.data));
+    const formItemStr = computed(() => JSON.stringify(props.source));
     const formItemClip = useClipboard({
       source: formItemStr
     });
@@ -1130,7 +1135,7 @@ var script = defineComponent({
         }
         return obj;
       }).then((obj) => {
-        emit("update:data", obj);
+        emit("update:source", obj);
       });
     };
     return {
@@ -1192,17 +1197,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         default: withCtx(() => [
           createVNode(_component_VkfGroundMain, {
+            data: _ctx.data,
+            onSetData: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("setData", $event)),
             prop: _ctx.editProp,
-            "onUpdate:prop": _cache[2] || (_cache[2] = ($event) => _ctx.editProp = $event),
-            formItems: _ctx.data,
-            "onSetData:formItems": _cache[3] || (_cache[3] = ($event) => _ctx.$emit("setData", $event)),
-            "onUnsetData:formItems": _cache[4] || (_cache[4] = ($event) => _ctx.$emit("unsetData", $event))
+            "onUpdate:prop": _cache[3] || (_cache[3] = ($event) => _ctx.editProp = $event),
+            formItems: _ctx.source,
+            "onSetData:formItems": _cache[4] || (_cache[4] = ($event) => _ctx.$emit("setData:source", $event)),
+            "onUnsetData:formItems": _cache[5] || (_cache[5] = ($event) => _ctx.$emit("unsetData:source", $event))
           }, {
             rendererTemplate: withCtx(() => [
               renderSlot(_ctx.$slots, "rendererTemplate")
             ]),
             _: 3
-          }, 8, ["prop", "formItems"])
+          }, 8, ["data", "prop", "formItems"])
         ]),
         _: 3
       })
@@ -1212,10 +1219,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       _ctx.editProp && _ctx.propToFormItem[_ctx.editProp] ? (openBlock(), createBlock(_component_VkfGroundConfig, {
         key: 0,
         propDisabled: _ctx.configPropDisabled,
-        "onUpdate:propDisabled": _cache[5] || (_cache[5] = ($event) => _ctx.configPropDisabled = $event),
+        "onUpdate:propDisabled": _cache[6] || (_cache[6] = ($event) => _ctx.configPropDisabled = $event),
         templateType: _ctx.propToFormItem[_ctx.editProp].templateType,
         data: _ctx.propToFormItem[_ctx.editProp],
-        onSetData: _cache[6] || (_cache[6] = ($event) => _ctx.setFormItem(_ctx.propToFormItem[_ctx.editProp], $event))
+        onSetData: _cache[7] || (_cache[7] = ($event) => _ctx.setFormItem(_ctx.propToFormItem[_ctx.editProp], $event))
       }, {
         rendererTemplate: withCtx(() => [
           renderSlot(_ctx.$slots, "configRendererTemplate")

package/components/ground/src/ground-main/src/index.vue.d.ts

@@ -2,6 +2,7 @@ import { PropType, Ref } from 'vue';
 import { DragoverClasses } from '@vunk/form/components/drop-wrapper';
 import type { FormItemRendererSourcePlus } from './types';
 import type { DataTransferJson } from '@vunk/form/shared/types/drag';
+import { SetDataEvent } from '@vunk/form/shared/types';
 interface SourceTransfer extends DataTransferJson {
     source: FormItemRendererSourcePlus;
 }
@@ -14,6 +15,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    data: ObjectConstructor;
     k: {
         type: ArrayConstructor;
         default: () => never[];
@@ -30,10 +32,10 @@ declare const _default: import("vue").DefineComponent<{
         insert?: boolean | undefined;
     }) => void;
     editDrop: (e: DragEvent, overClass: DragoverClasses, toData: SourceTransfer) => void;
-    formData: Ref<{}>;
     formItemsWithWrapper: import("vue").ComputedRef<FormItemRendererSourcePlus[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:prop': (e: string) => string;
+    setData: (e: SetDataEvent) => SetDataEvent<any>;
     'setData:formItems': null;
     'unsetData:formItems': null;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -45,11 +47,13 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    data: ObjectConstructor;
     k: {
         type: ArrayConstructor;
         default: () => never[];
     };
 }>> & {
+    onSetData?: ((e: SetDataEvent<any>) => any) | undefined;
     "onSetData:formItems"?: ((...args: any[]) => any) | undefined;
     "onUnsetData:formItems"?: ((...args: any[]) => any) | undefined;
     "onUpdate:prop"?: ((e: string) => any) | undefined;

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

@@ -7,10 +7,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<any[]>;
         default: undefined;
     };
-    data: {
+    source: {
         type: PropType<any[]>;
         default: () => never[];
     };
+    data: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
 }, {
     propToFormItem: import("vue").ComputedRef<any>;
     editProp: import("vue").Ref<string>;
@@ -28,26 +32,33 @@ declare const _default: import("vue").DefineComponent<{
     formItemClip: import("@vueuse/core").ClipboardReturn<true>;
     inputJson: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:data': null;
+    'update:source': null;
+    'setData:source': (e: SetDataEvent) => SetDataEvent<any>;
+    'unsetData:source': null;
     setData: (e: SetDataEvent) => SetDataEvent<any>;
-    unsetData: null;
     'update:componentLibCollapseExpanded': null;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     componentLibCollapseExpanded: {
         type: PropType<any[]>;
         default: undefined;
     };
-    data: {
+    source: {
         type: PropType<any[]>;
         default: () => never[];
     };
+    data: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
 }>> & {
     onSetData?: ((e: SetDataEvent<any>) => any) | undefined;
+    "onSetData:source"?: ((e: SetDataEvent<any>) => any) | undefined;
     "onUpdate:componentLibCollapseExpanded"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:data"?: ((...args: any[]) => any) | undefined;
-    onUnsetData?: ((...args: any[]) => any) | undefined;
+    "onUpdate:source"?: ((...args: any[]) => any) | undefined;
+    "onUnsetData:source"?: ((...args: any[]) => any) | undefined;
 }, {
-    data: any[];
+    data: Record<string, any>;
+    source: any[];
     componentLibCollapseExpanded: any[];
 }>;
 export default _default;

package/full-entry/main.d.ts

@@ -15,3 +15,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

@@ -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

@@ -15,3 +15,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.6",
   "description": "",
   "module": "index.esm.js",
   "scripts": {

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

@@ -7,3 +7,5 @@ export declare const createSwitchBindProps: <T2 extends Record<string, any>, EX
 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 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" | "id" | "disabled" | "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" | "id" | "disabled" | "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 };