@vunk/form 1.1.77 → 1.1.80

package/components/van-cascader/src/index.vue.d.ts

@@ -9,37 +9,13 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: any;
     };
-    label: StringConstructor;
-    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
-    prop: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: (val: unknown) => boolean;
-        __epPropKey: true;
-    };
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    rules: {
-        readonly type: import("vue").PropType<unknown>;
-        readonly required: false;
-        readonly validator: (val: unknown) => boolean;
-        __epPropKey: true;
-    };
-    error: StringConstructor;
-    validateStatus: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
-        readonly required: false;
-        readonly validator: (val: unknown) => boolean;
-        __epPropKey: true;
-    };
-    for: StringConstructor;
-    inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
-    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     formItemSize: {
         type: import("vue").PropType<"default" | "small" | "large">;
         default: "default" | "small" | "large";
     };
     formItemSlots: {
-        type: import("vue").PropType<import("../../form-item/src/types").FormItemSlots>;
+        type: import("vue").PropType<import("@vunk/form/components/form-item/src/types").FormItemSlots>;
         default: any;
     };
     elRef: {
@@ -54,27 +30,51 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<"right">;
         default: string;
     };
+    label: StringConstructor;
+    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    prop: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    rules: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    error: StringConstructor;
+    validateStatus: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "error" | "validating", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    for: StringConstructor;
+    inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     emptyValues: ArrayConstructor;
     valueOnClear: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     placeholder: StringConstructor;
     disabled: BooleanConstructor;
     clearable: BooleanConstructor;
     filterable: BooleanConstructor;
-    filterMethod: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean) | (() => (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean) | {
-        (): (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean;
+    filterMethod: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (node: import("element-plus").CascaderNode, keyword: string) => boolean) | (() => (node: import("element-plus").CascaderNode, keyword: string) => boolean) | {
+        (): (node: import("element-plus").CascaderNode, keyword: string) => boolean;
         new (): any;
         readonly prototype: any;
-    } | ((new (...args: any[]) => (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean) | (() => (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean) | {
-        (): (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean;
+    } | ((new (...args: any[]) => (node: import("element-plus").CascaderNode, keyword: string) => boolean) | (() => (node: import("element-plus").CascaderNode, keyword: string) => boolean) | {
+        (): (node: import("element-plus").CascaderNode, keyword: string) => boolean;
         new (): any;
         readonly prototype: any;
-    })[], unknown, unknown, (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean, boolean>;
+    })[], unknown, unknown, (node: import("element-plus").CascaderNode, keyword: string) => boolean, boolean>;
     separator: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
     showAllLevels: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
     collapseTags: BooleanConstructor;
@@ -96,14 +96,14 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown>>;
         required: false;
-        validator: (val: unknown) => boolean;
+        validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
     modelValue: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | import("element-plus/es/components/cascader-panel/src/node").CascaderNodePathValue | (import("element-plus/es/components/cascader-panel/src/node").CascaderNodeValue | import("element-plus/es/components/cascader-panel/src/node").CascaderNodePathValue)[]) | (() => import("element-plus/es/components/cascader-panel/src/node").CascaderValue) | ((new (...args: any[]) => string | number | import("element-plus/es/components/cascader-panel/src/node").CascaderNodePathValue | (import("element-plus/es/components/cascader-panel/src/node").CascaderNodeValue | import("element-plus/es/components/cascader-panel/src/node").CascaderNodePathValue)[]) | (() => import("element-plus/es/components/cascader-panel/src/node").CascaderValue))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus/es/components/cascader-panel/src/node").CascaderValue & {}) | (() => import("element-plus/es/components/cascader-panel/src/node").CascaderValue) | ((new (...args: any[]) => import("element-plus/es/components/cascader-panel/src/node").CascaderValue & {}) | (() => import("element-plus/es/components/cascader-panel/src/node").CascaderValue))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     options: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").CascaderOption[]) | (() => import("element-plus").CascaderOption[]) | ((new (...args: any[]) => import("element-plus").CascaderOption[]) | (() => import("element-plus").CascaderOption[]))[], unknown, unknown, () => import("element-plus").CascaderOption[], boolean>;
@@ -125,7 +125,7 @@ declare const _default: import("vue").DefineComponent<{
     blur: (evt: FocusEvent) => boolean;
     visibleChange: (val: boolean) => boolean;
     expandChange: (val: import("element-plus").CascaderValue) => boolean;
-    removeTag: (val: import("element-plus/es/components/cascader-panel/src/node").CascaderNodeValue | import("element-plus/es/components/cascader-panel/src/node").CascaderNodePathValue) => boolean;
+    removeTag: (val: import("element-plus").CascaderNode["valueByOption"]) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     optionsUrl: {
         type: StringConstructor;
@@ -135,37 +135,13 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: any;
     };
-    label: StringConstructor;
-    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
-    prop: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: (val: unknown) => boolean;
-        __epPropKey: true;
-    };
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    rules: {
-        readonly type: import("vue").PropType<unknown>;
-        readonly required: false;
-        readonly validator: (val: unknown) => boolean;
-        __epPropKey: true;
-    };
-    error: StringConstructor;
-    validateStatus: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
-        readonly required: false;
-        readonly validator: (val: unknown) => boolean;
-        __epPropKey: true;
-    };
-    for: StringConstructor;
-    inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
-    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     formItemSize: {
         type: import("vue").PropType<"default" | "small" | "large">;
         default: "default" | "small" | "large";
     };
     formItemSlots: {
-        type: import("vue").PropType<import("../../form-item/src/types").FormItemSlots>;
+        type: import("vue").PropType<import("@vunk/form/components/form-item/src/types").FormItemSlots>;
         default: any;
     };
     elRef: {
@@ -180,27 +156,51 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<"right">;
         default: string;
     };
+    label: StringConstructor;
+    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    prop: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    rules: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    error: StringConstructor;
+    validateStatus: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "error" | "validating", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    for: StringConstructor;
+    inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     emptyValues: ArrayConstructor;
     valueOnClear: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     placeholder: StringConstructor;
     disabled: BooleanConstructor;
     clearable: BooleanConstructor;
     filterable: BooleanConstructor;
-    filterMethod: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean) | (() => (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean) | {
-        (): (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean;
+    filterMethod: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (node: import("element-plus").CascaderNode, keyword: string) => boolean) | (() => (node: import("element-plus").CascaderNode, keyword: string) => boolean) | {
+        (): (node: import("element-plus").CascaderNode, keyword: string) => boolean;
         new (): any;
         readonly prototype: any;
-    } | ((new (...args: any[]) => (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean) | (() => (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean) | {
-        (): (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean;
+    } | ((new (...args: any[]) => (node: import("element-plus").CascaderNode, keyword: string) => boolean) | (() => (node: import("element-plus").CascaderNode, keyword: string) => boolean) | {
+        (): (node: import("element-plus").CascaderNode, keyword: string) => boolean;
         new (): any;
         readonly prototype: any;
-    })[], unknown, unknown, (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean, boolean>;
+    })[], unknown, unknown, (node: import("element-plus").CascaderNode, keyword: string) => boolean, boolean>;
     separator: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
     showAllLevels: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
     collapseTags: BooleanConstructor;
@@ -222,14 +222,14 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown>>;
         required: false;
-        validator: (val: unknown) => boolean;
+        validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
     modelValue: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | import("element-plus/es/components/cascader-panel/src/node").CascaderNodePathValue | (import("element-plus/es/components/cascader-panel/src/node").CascaderNodeValue | import("element-plus/es/components/cascader-panel/src/node").CascaderNodePathValue)[]) | (() => import("element-plus/es/components/cascader-panel/src/node").CascaderValue) | ((new (...args: any[]) => string | number | import("element-plus/es/components/cascader-panel/src/node").CascaderNodePathValue | (import("element-plus/es/components/cascader-panel/src/node").CascaderNodeValue | import("element-plus/es/components/cascader-panel/src/node").CascaderNodePathValue)[]) | (() => import("element-plus/es/components/cascader-panel/src/node").CascaderValue))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus/es/components/cascader-panel/src/node").CascaderValue & {}) | (() => import("element-plus/es/components/cascader-panel/src/node").CascaderValue) | ((new (...args: any[]) => import("element-plus/es/components/cascader-panel/src/node").CascaderValue & {}) | (() => import("element-plus/es/components/cascader-panel/src/node").CascaderValue))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     options: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").CascaderOption[]) | (() => import("element-plus").CascaderOption[]) | ((new (...args: any[]) => import("element-plus").CascaderOption[]) | (() => import("element-plus").CascaderOption[]))[], unknown, unknown, () => import("element-plus").CascaderOption[], boolean>;
@@ -243,33 +243,33 @@ declare const _default: import("vue").DefineComponent<{
     onExpandChange?: (val: import("element-plus").CascaderValue) => any;
     onRemoveTag?: (val: import("element-plus/es/components/cascader-panel/src/node").CascaderNodeValue | import("element-plus/es/components/cascader-panel/src/node").CascaderNodePathValue) => any;
 }, {
-    labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    disabled: boolean;
     required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
-    showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     props: import("element-plus").CascaderProps;
     formItemSize: "default" | "small" | "large";
-    formItemSlots: import("../../form-item/src/types").FormItemSlots;
+    formItemSlots: import("@vunk/form/components/form-item/src/types").FormItemSlots;
     inline: boolean;
     readonly: boolean;
     labelPosition: "right";
+    labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
+    showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     valueOnClear: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown>;
-    disabled: boolean;
     clearable: boolean;
-    validateEvent: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     filterable: boolean;
-    popperClass: string;
-    filterMethod: (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean;
+    filterMethod: (node: import("element-plus").CascaderNode, keyword: string) => boolean;
+    separator: string;
+    showAllLevels: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     collapseTags: boolean;
-    collapseTagsTooltip: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     maxCollapseTags: number;
+    collapseTagsTooltip: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    debounce: number;
+    beforeFilter: (value: string) => boolean | Promise<any>;
+    popperClass: string;
     teleported: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     tagType: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown>;
+    validateEvent: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     options: import("element-plus").CascaderOption[];
     optionsUrl: string;
-    separator: string;
-    showAllLevels: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    debounce: number;
-    beforeFilter: (value: string) => boolean | Promise<any>;
 }, {}>;
 export default _default;

package/components/var-datetime-picker/index.css

@@ -1,4 +1,3 @@
-
 :root{
   --color-primary: var(--el-color-primary);
 }
@@ -16,4 +15,3 @@
   padding-left: var(--date-picker-title-padding);
   padding-right: var(--date-picker-title-padding);
 }
-

package/components/var-datetime-picker/index.mjs

@@ -0,0 +1,324 @@
+import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
+import { defineComponent, computed, ref, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode, createVNode, normalizeClass, createCommentVNode } from 'vue';
+import { useComputedReadonly } from '@vunk/form/composables';
+import { Popup } from 'vant';
+import { DatePicker, TimePicker } from '@varlet/ui';
+import { ElDatePicker, ElTabPane, ElTabs, dayjs } from 'element-plus';
+import 'vant/es/popup/style';
+import '@varlet/ui/es/date-picker/style';
+import '@varlet/ui/es/time-picker/style';
+import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
+
+const props = {
+  ..._VkfFormItemCtx.props,
+  modelValue: null,
+  readonly: Boolean,
+  type: {
+    type: String,
+    default: "month"
+  },
+  // allowed-dates
+  allowedDates: {
+    type: Function,
+    default: void 0
+  },
+  useSeconds: Boolean,
+  valueFormat: {
+    type: String,
+    default: "YYYY-MM-DD HH:mm"
+  }
+};
+const emits = {
+  "update:modelValue": null
+};
+
+const VarDatePickerTypeOptions = [
+  {
+    label: "\u65E5\u671F",
+    value: "date" /* date */,
+    format: "YYYY-MM-DD"
+  },
+  {
+    label: "\u5E74",
+    value: "year" /* year */,
+    format: "YYYY"
+  },
+  {
+    label: "\u6708",
+    value: "month" /* month */,
+    format: "YYYY-MM"
+  }
+];
+const VarDatePickerTypeReflect = VarDatePickerTypeOptions.reduce((acc, cur) => {
+  acc[cur.value] = cur;
+  return acc;
+}, {});
+const ElDatePickerTypeOptions = [
+  {
+    label: "\u65E5\u671F",
+    value: "date",
+    varDatePickerType: "date" /* date */,
+    isRange: false
+  },
+  {
+    label: "\u5E74",
+    value: "year",
+    varDatePickerType: "year" /* year */,
+    isRange: false
+  },
+  {
+    label: "\u6708",
+    value: "month",
+    varDatePickerType: "month" /* month */,
+    isRange: false
+  },
+  {
+    value: "dates",
+    label: "\u591A\u9009\u65E5\u671F",
+    varDatePickerType: "date" /* date */,
+    isRange: false
+  },
+  {
+    value: "week",
+    label: "\u5468",
+    varDatePickerType: "date" /* date */,
+    isRange: false
+  },
+  {
+    value: "datetime",
+    label: "\u65E5\u671F\u65F6\u95F4",
+    varDatePickerType: "date" /* date */,
+    isRange: false,
+    hasTime: true
+  },
+  {
+    value: "datetimerange",
+    label: "\u65E5\u671F\u65F6\u95F4\u8303\u56F4",
+    varDatePickerType: "date" /* date */,
+    /**
+     * 采用独立的时间选择器
+     */
+    isRange: false,
+    hasTime: true
+  },
+  {
+    value: "daterange",
+    label: "\u65E5\u671F\u8303\u56F4",
+    varDatePickerType: "date" /* date */,
+    isRange: true
+  },
+  {
+    value: "monthrange",
+    label: "\u6708\u8303\u56F4",
+    varDatePickerType: "month" /* month */,
+    isRange: true
+  }
+];
+const ElDatePickerTypeReflect = ElDatePickerTypeOptions.reduce((acc, cur) => {
+  acc[cur.value] = cur;
+  return acc;
+}, {});
+
+var _sfc_main = defineComponent({
+  name: "VkfVarDatetimePicker",
+  components: {
+    VkfFormItem,
+    ElDatePicker,
+    DatePicker,
+    TimePicker,
+    Popup,
+    ElTabPane,
+    ElTabs
+  },
+  emits,
+  props,
+  setup(props2, { emit }) {
+    const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
+    const varDatePickerType = computed(() => {
+      return ElDatePickerTypeReflect[props2.type].varDatePickerType;
+    });
+    const varDatePickerFormat = computed(() => {
+      return VarDatePickerTypeReflect[varDatePickerType.value].format;
+    });
+    const isRange = computed(() => {
+      return !!ElDatePickerTypeReflect[props2.type].isRange;
+    });
+    const hasTime = computed(() => {
+      return !!ElDatePickerTypeReflect[props2.type].hasTime;
+    });
+    const getDateFromModelValue = () => {
+      return props2.modelValue ? dayjs(props2.modelValue).format(varDatePickerFormat.value) : "";
+    };
+    const getTimeFromModelValue = () => {
+      return props2.modelValue ? dayjs(props2.modelValue).format(props2.useSeconds ? "HH:mm:ss" : "HH:mm") : "";
+    };
+    const tansformModelValueByDateValue = (dateValue) => {
+      if (!dateValue) return "";
+      const date = dayjs(dateValue, varDatePickerFormat.value);
+      if (!props2.modelValue) {
+        return date.format(props2.valueFormat);
+      }
+      return dayjs(props2.modelValue).year(date.year()).month(date.month()).date(date.date()).format(props2.valueFormat);
+    };
+    const tansformModelValueByTimeValue = (timeValue) => {
+      if (!timeValue) return "";
+      const time = dayjs(
+        timeValue,
+        props2.useSeconds ? "HH:mm:ss" : "HH:mm"
+      );
+      if (!props2.modelValue) {
+        return time.format(props2.valueFormat);
+      }
+      return dayjs(props2.modelValue).hour(time.hour()).minute(time.minute()).second(time.second()).format(props2.valueFormat);
+    };
+    const valueDate = computed({
+      get() {
+        return getDateFromModelValue();
+      },
+      set(val) {
+        const nModelValue = tansformModelValueByDateValue(val);
+        emit("update:modelValue", nModelValue);
+      }
+    });
+    const valueTime = computed({
+      get() {
+        return getTimeFromModelValue();
+      },
+      set(val) {
+        const nModelValue = tansformModelValueByTimeValue(val);
+        emit("update:modelValue", nModelValue);
+      }
+    });
+    const readonly = useComputedReadonly(props2);
+    const popupShow = ref(false);
+    const currentTab = ref("date");
+    const inputBlur = (e) => {
+      const target = e.target;
+      target.blur();
+    };
+    const preInput = () => {
+      if (readonly.value) return;
+      if (props2.modelValue && hasTime.value) {
+        currentTab.value = "time";
+      }
+      popupShow.value = true;
+    };
+    return {
+      preInput,
+      inputBlur,
+      popupShow,
+      formItemBindProps,
+      varDatePickerType,
+      isRange,
+      hasTime,
+      currentTab,
+      valueTime,
+      valueDate
+    };
+  }
+});
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElDatePicker = resolveComponent("ElDatePicker");
+  const _component_DatePicker = resolveComponent("DatePicker");
+  const _component_ElTabPane = resolveComponent("ElTabPane");
+  const _component_TimePicker = resolveComponent("TimePicker");
+  const _component_ElTabs = resolveComponent("ElTabs");
+  const _component_Popup = resolveComponent("Popup");
+  const _component_VkfFormItem = resolveComponent("VkfFormItem");
+  return openBlock(), createBlock(
+    _component_VkfFormItem,
+    normalizeProps(guardReactiveProps(_ctx.formItemBindProps)),
+    {
+      default: withCtx(() => [
+        createElementVNode(
+          "div",
+          {
+            onClickCapture: _cache[0] || (_cache[0] = (...args) => _ctx.preInput && _ctx.preInput(...args))
+          },
+          [
+            createVNode(_component_ElDatePicker, {
+              "popper-class": "var-datetime-picker-el-popover",
+              "model-value": _ctx.modelValue,
+              onFocus: _ctx.inputBlur,
+              type: _ctx.type,
+              readonly: true,
+              "value-format": _ctx.valueFormat
+            }, null, 8, ["model-value", "onFocus", "type", "value-format"])
+          ],
+          32
+          /* NEED_HYDRATION */
+        ),
+        createVNode(_component_Popup, {
+          position: "bottom",
+          show: _ctx.popupShow,
+          "onUpdate:show": _cache[4] || (_cache[4] = ($event) => _ctx.popupShow = $event),
+          round: ""
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_ElTabs, {
+              class: normalizeClass(["var-datetime-picker-el-tabs", {
+                "is-hidden": !_ctx.hasTime
+              }]),
+              modelValue: _ctx.currentTab,
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.currentTab = $event)
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_ElTabPane, {
+                  label: _ctx.valueDate || "\u9009\u62E9\u65E5\u671F",
+                  name: "date"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_DatePicker, {
+                      type: _ctx.varDatePickerType,
+                      range: _ctx.isRange,
+                      modelValue: _ctx.valueDate,
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.valueDate = $event),
+                      "allowed-dates": _ctx.allowedDates
+                    }, null, 8, ["type", "range", "modelValue", "allowed-dates"])
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["label"]),
+                _ctx.hasTime ? (openBlock(), createBlock(_component_ElTabPane, {
+                  key: 0,
+                  label: _ctx.valueTime || "\u9009\u62E9\u65F6\u95F4",
+                  name: "time"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_TimePicker, {
+                      modelValue: _ctx.valueTime,
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.valueTime = $event),
+                      format: "24hr"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["label"])) : createCommentVNode("v-if", true)
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["class", "modelValue"])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["show"])
+      ]),
+      _: 1
+      /* STABLE */
+    },
+    16
+    /* FULL_PROPS */
+  );
+}
+var VkfVarDatetimePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/var-datetime-picker/src/index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfVarDatetimePicker.install = (app) => {
+  app.component(VkfVarDatetimePicker.name, VkfVarDatetimePicker);
+};
+
+export { VkfVarDatetimePicker, types as __VkfVarDatetimePicker, VkfVarDatetimePicker as default };