@vunk/form 0.0.0-alpha.3 → 0.0.0-alpha.7

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

@@ -0,0 +1,4 @@
+import VkfDatePicker from './src/index.vue';
+export * as __VkfDatePicker from './src/types';
+export { VkfDatePicker, };
+export default VkfDatePicker;

package/components/date-picker/index.js

@@ -0,0 +1,81 @@
+import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
+import { datePickerProps, datePickerEmits as datePickerEmits$1 } from '@vunk/form/shared/element-plus/instances/date-picker';
+import { defineComponent, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps, toHandlers, createSlots, renderList, resolveDynamicComponent } from 'vue';
+import { ElDatePicker } from 'element-plus';
+import { createDatePickerBindProps, createDatePickerOnEmits } from '@vunk/form/shared/element-plus/ctx';
+
+const props = {
+  ..._VkfFormItemCtx.props,
+  ...datePickerProps,
+  datePickerSlots: {
+    type: Object,
+    default: void 0
+  }
+};
+const emits = {
+  ...datePickerEmits$1
+};
+
+var script = defineComponent({
+  name: "VkfDatePicker",
+  components: {
+    VkfFormItem,
+    ElDatePicker
+  },
+  emits,
+  props,
+  setup(props2, { emit }) {
+    const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
+    const datePickerBindProps = createDatePickerBindProps(props2, ["type"]);
+    const datePickerOnEmits = createDatePickerOnEmits(emit);
+    return {
+      formItemBindProps,
+      datePickerBindProps,
+      datePickerOnEmits
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElDatePicker = resolveComponent("ElDatePicker");
+  const _component_VkfFormItem = resolveComponent("VkfFormItem");
+  return openBlock(), createBlock(_component_VkfFormItem, normalizeProps(guardReactiveProps(_ctx.formItemBindProps)), {
+    default: withCtx(() => [
+      createVNode(_component_ElDatePicker, mergeProps(_ctx.datePickerBindProps, { type: _ctx.type }, toHandlers(_ctx.datePickerOnEmits)), createSlots({ _: 2 }, [
+        renderList(_ctx.datePickerSlots, (item, key) => {
+          return {
+            name: key,
+            fn: withCtx((e) => [
+              (openBlock(), createBlock(resolveDynamicComponent(item?.(e))))
+            ])
+          };
+        })
+      ]), 1040, ["type"])
+    ]),
+    _: 1
+  }, 16);
+}
+
+script.render = render;
+script.__file = "date-picker/src/index.vue";
+
+const datePickerEmits = {
+  "update:modelValue": null,
+  "change": null,
+  "focus": null,
+  "blur": null,
+  "calendar-change": null,
+  "panel-change": null,
+  "visible-change": null
+};
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  datePickerEmits: datePickerEmits
+});
+
+script.install = (app) => {
+  app.component(script.name, script);
+};
+
+export { script as VkfDatePicker, types as __VkfDatePicker, script as default };

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

@@ -0,0 +1,163 @@
+import { PropType } from 'vue';
+import { DatePickerSlots } from './types';
+export declare const props: {
+    datePickerSlots: {
+        type: PropType<DatePickerSlots>;
+        default: undefined;
+    };
+    type: {
+        type: PropType<"date" | "year" | "month" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange">;
+        default: string;
+    };
+    id: {
+        type: (StringConstructor | ArrayConstructor)[];
+    };
+    name: {
+        type: (StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    format: {
+        type: StringConstructor;
+    };
+    valueFormat: {
+        type: PropType<string>;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearIcon: {
+        type: PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+        default: 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<{}>>, {}>;
+    };
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prefixIcon: {
+        type: PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+        default: string;
+    };
+    size: {
+        type: PropType<"" | "small" | "default" | "large">;
+        validator: (val: string) => val is "" | "small" | "default" | "large";
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    popperOptions: {
+        type: PropType<Partial<import("element-plus").Options>>;
+        default: () => {};
+    };
+    modelValue: {
+        type: PropType<string | number | Date | (string | number | Date)[]>;
+        default: string;
+    };
+    rangeSeparator: {
+        type: StringConstructor;
+        default: string;
+    };
+    startPlaceholder: StringConstructor;
+    endPlaceholder: StringConstructor;
+    defaultValue: {
+        type: PropType<Date | Date[]>;
+    };
+    defaultTime: {
+        type: PropType<Date | Date[]>;
+    };
+    isRange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabledHours: {
+        type: FunctionConstructor;
+    };
+    disabledMinutes: {
+        type: FunctionConstructor;
+    };
+    disabledSeconds: {
+        type: FunctionConstructor;
+    };
+    disabledDate: {
+        type: FunctionConstructor;
+    };
+    cellClassName: {
+        type: FunctionConstructor;
+    };
+    shortcuts: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    arrowControl: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    unlinkPanels: BooleanConstructor;
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    rules: {
+        readonly type: 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;
+    };
+    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    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>;
+    prop: {
+        readonly type: 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;
+    };
+    error: StringConstructor;
+    validateStatus: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    for: StringConstructor;
+    formItemSize: {
+        type: PropType<"small" | "default" | "large">;
+        default: string;
+    };
+    formItemSlots: {
+        type: PropType<import("../../form-item/src/types").FormItemSlots>;
+        default: undefined;
+    };
+};
+export declare const emits: {
+    'update:modelValue': null;
+    change: null;
+    focus: null;
+    blur: null;
+    'calendar-change': null;
+    'panel-change': null;
+    'visible-change': null;
+    keydown: null;
+};

package/components/date-picker/src/index.vue.d.ts

@@ -0,0 +1,407 @@
+declare const _default: import("vue").DefineComponent<{
+    datePickerSlots: {
+        type: import("vue").PropType<import("./types").DatePickerSlots>;
+        default: undefined;
+    };
+    type: {
+        type: import("vue").PropType<"date" | "year" | "month" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange">;
+        default: string;
+    };
+    id: {
+        type: (StringConstructor | ArrayConstructor)[];
+    };
+    name: {
+        type: (StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    format: {
+        type: StringConstructor;
+    };
+    valueFormat: {
+        type: import("vue").PropType<string>;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearIcon: {
+        type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+        default: 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<{}>>, {}>;
+    };
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prefixIcon: {
+        type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+        default: string;
+    };
+    size: {
+        type: import("vue").PropType<"" | "small" | "default" | "large">;
+        validator: (val: string) => val is "" | "small" | "default" | "large";
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    popperOptions: {
+        type: import("vue").PropType<Partial<import("element-plus").Options>>;
+        default: () => {};
+    };
+    modelValue: {
+        type: import("vue").PropType<string | number | Date | (string | number | Date)[]>;
+        default: string;
+    };
+    rangeSeparator: {
+        type: StringConstructor;
+        default: string;
+    };
+    startPlaceholder: StringConstructor;
+    endPlaceholder: StringConstructor;
+    defaultValue: {
+        type: import("vue").PropType<Date | Date[]>;
+    };
+    defaultTime: {
+        type: import("vue").PropType<Date | Date[]>;
+    };
+    isRange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabledHours: {
+        type: FunctionConstructor;
+    };
+    disabledMinutes: {
+        type: FunctionConstructor;
+    };
+    disabledSeconds: {
+        type: FunctionConstructor;
+    };
+    disabledDate: {
+        type: FunctionConstructor;
+    };
+    cellClassName: {
+        type: FunctionConstructor;
+    };
+    shortcuts: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    arrowControl: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    unlinkPanels: BooleanConstructor;
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    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;
+    };
+    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    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>;
+    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;
+    };
+    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) | undefined;
+        __epPropKey: true;
+    };
+    for: StringConstructor;
+    formItemSize: {
+        type: import("vue").PropType<"small" | "default" | "large">;
+        default: string;
+    };
+    formItemSlots: {
+        type: import("vue").PropType<import("../../form-item/src/types").FormItemSlots>;
+        default: undefined;
+    };
+}, {
+    formItemBindProps: import("vue").ComputedRef<{
+        required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        rules: 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> | undefined;
+        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>;
+        label: string | undefined;
+        prop: 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> | undefined;
+        error: string | undefined;
+        validateStatus: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown> | undefined;
+        for: string | undefined;
+        formItemSize: "small" | "default" | "large";
+        formItemSlots: import("../../form-item/src/types").FormItemSlots | undefined;
+    }>;
+    datePickerBindProps: import("vue").ComputedRef<{
+        name: string | unknown[];
+        size: "" | "small" | "default" | "large" | undefined;
+        disabled: boolean;
+        id: string | unknown[] | undefined;
+        modelValue: string | number | Date | (string | number | Date)[];
+        placeholder: string;
+        readonly: boolean;
+        clearable: boolean;
+        prefixIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+        label: string | undefined;
+        tabindex: string | number;
+        validateEvent: boolean;
+        popperClass: string;
+        clearIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+        format: string | undefined;
+        valueFormat: string | undefined;
+        editable: boolean;
+        popperOptions: Partial<import("element-plus").Options>;
+        rangeSeparator: string;
+        startPlaceholder: string | undefined;
+        endPlaceholder: string | undefined;
+        defaultValue: Date | Date[] | undefined;
+        defaultTime: Date | Date[] | undefined;
+        isRange: boolean;
+        disabledHours: Function | undefined;
+        disabledMinutes: Function | undefined;
+        disabledSeconds: Function | undefined;
+        disabledDate: Function | undefined;
+        cellClassName: Function | undefined;
+        shortcuts: unknown[];
+        arrowControl: boolean;
+        unlinkPanels: boolean;
+    }>;
+    datePickerOnEmits: {
+        "update:modelValue": ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "keydown", ...args: any[]) => void) & ((event: "visible-change", ...args: any[]) => void) & ((event: "calendar-change", ...args: any[]) => void) & ((event: "panel-change", ...args: any[]) => void);
+        change: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "keydown", ...args: any[]) => void) & ((event: "visible-change", ...args: any[]) => void) & ((event: "calendar-change", ...args: any[]) => void) & ((event: "panel-change", ...args: any[]) => void);
+        focus: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "keydown", ...args: any[]) => void) & ((event: "visible-change", ...args: any[]) => void) & ((event: "calendar-change", ...args: any[]) => void) & ((event: "panel-change", ...args: any[]) => void);
+        blur: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "keydown", ...args: any[]) => void) & ((event: "visible-change", ...args: any[]) => void) & ((event: "calendar-change", ...args: any[]) => void) & ((event: "panel-change", ...args: any[]) => void);
+        keydown: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "keydown", ...args: any[]) => void) & ((event: "visible-change", ...args: any[]) => void) & ((event: "calendar-change", ...args: any[]) => void) & ((event: "panel-change", ...args: any[]) => void);
+        "visible-change": ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "keydown", ...args: any[]) => void) & ((event: "visible-change", ...args: any[]) => void) & ((event: "calendar-change", ...args: any[]) => void) & ((event: "panel-change", ...args: any[]) => void);
+        "calendar-change": ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "keydown", ...args: any[]) => void) & ((event: "visible-change", ...args: any[]) => void) & ((event: "calendar-change", ...args: any[]) => void) & ((event: "panel-change", ...args: any[]) => void);
+        "panel-change": ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "keydown", ...args: any[]) => void) & ((event: "visible-change", ...args: any[]) => void) & ((event: "calendar-change", ...args: any[]) => void) & ((event: "panel-change", ...args: any[]) => void);
+    };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': null;
+    change: null;
+    focus: null;
+    blur: null;
+    'calendar-change': null;
+    'panel-change': null;
+    'visible-change': null;
+    keydown: null;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    datePickerSlots: {
+        type: import("vue").PropType<import("./types").DatePickerSlots>;
+        default: undefined;
+    };
+    type: {
+        type: import("vue").PropType<"date" | "year" | "month" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange">;
+        default: string;
+    };
+    id: {
+        type: (StringConstructor | ArrayConstructor)[];
+    };
+    name: {
+        type: (StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    format: {
+        type: StringConstructor;
+    };
+    valueFormat: {
+        type: import("vue").PropType<string>;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearIcon: {
+        type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+        default: 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<{}>>, {}>;
+    };
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prefixIcon: {
+        type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+        default: string;
+    };
+    size: {
+        type: import("vue").PropType<"" | "small" | "default" | "large">;
+        validator: (val: string) => val is "" | "small" | "default" | "large";
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    popperOptions: {
+        type: import("vue").PropType<Partial<import("element-plus").Options>>;
+        default: () => {};
+    };
+    modelValue: {
+        type: import("vue").PropType<string | number | Date | (string | number | Date)[]>;
+        default: string;
+    };
+    rangeSeparator: {
+        type: StringConstructor;
+        default: string;
+    };
+    startPlaceholder: StringConstructor;
+    endPlaceholder: StringConstructor;
+    defaultValue: {
+        type: import("vue").PropType<Date | Date[]>;
+    };
+    defaultTime: {
+        type: import("vue").PropType<Date | Date[]>;
+    };
+    isRange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabledHours: {
+        type: FunctionConstructor;
+    };
+    disabledMinutes: {
+        type: FunctionConstructor;
+    };
+    disabledSeconds: {
+        type: FunctionConstructor;
+    };
+    disabledDate: {
+        type: FunctionConstructor;
+    };
+    cellClassName: {
+        type: FunctionConstructor;
+    };
+    shortcuts: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    arrowControl: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    unlinkPanels: BooleanConstructor;
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    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;
+    };
+    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    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>;
+    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;
+    };
+    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) | undefined;
+        __epPropKey: true;
+    };
+    for: StringConstructor;
+    formItemSize: {
+        type: import("vue").PropType<"small" | "default" | "large">;
+        default: string;
+    };
+    formItemSlots: {
+        type: import("vue").PropType<import("../../form-item/src/types").FormItemSlots>;
+        default: undefined;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    "onVisible-change"?: ((...args: any[]) => any) | undefined;
+    "onCalendar-change"?: ((...args: any[]) => any) | undefined;
+    "onPanel-change"?: ((...args: any[]) => any) | undefined;
+}, {
+    name: string | unknown[];
+    required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    type: "date" | "year" | "month" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange";
+    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>;
+    disabled: boolean;
+    modelValue: string | number | Date | (string | number | Date)[];
+    placeholder: string;
+    readonly: boolean;
+    clearable: boolean;
+    prefixIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+    label: string;
+    tabindex: string | number;
+    validateEvent: boolean;
+    formItemSize: "small" | "default" | "large";
+    formItemSlots: import("../../form-item/src/types").FormItemSlots;
+    popperClass: string;
+    clearIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+    editable: boolean;
+    popperOptions: Partial<import("element-plus").Options>;
+    rangeSeparator: string;
+    isRange: boolean;
+    shortcuts: unknown[];
+    arrowControl: boolean;
+    unlinkPanels: boolean;
+    datePickerSlots: import("./types").DatePickerSlots;
+}>;
+export default _default;

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;
+};