@vunk/form 1.1.54 → 1.1.58

package/components/var-datetime-picker/src/ctx.js

@@ -0,0 +1,43 @@
+import { _VkfFormItemCtx } from '@vunk/form/components/form-item';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const props = __spreadProps(__spreadValues({}, _VkfFormItemCtx.props), {
+  modelValue: null,
+  readonly: Boolean,
+  type: {
+    type: String,
+    default: "month"
+  },
+  allowedDates: {
+    type: Function,
+    default: void 0
+  },
+  useSeconds: Boolean,
+  valueFormat: {
+    type: String,
+    default: "YYYY-MM-DD HH:mm"
+  }
+});
+const emits = {
+  "update:modelValue": null
+};
+
+export { emits, props };

package/components/var-datetime-picker/src/index.vue.d.ts

@@ -0,0 +1,172 @@
+import 'vant/es/popup/style';
+import '@varlet/ui/es/date-picker/style';
+import '@varlet/ui/es/time-picker/style';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: null;
+    readonly: BooleanConstructor;
+    type: {
+        type: import("vue").PropType<"year" | "month" | "date" | "dates" | "week" | "datetime" | "daterange" | "monthrange">;
+        default: string;
+    };
+    allowedDates: {
+        type: import("vue").PropType<(date: string) => boolean>;
+        default: undefined;
+    };
+    useSeconds: BooleanConstructor;
+    valueFormat: {
+        type: StringConstructor;
+        default: string;
+    };
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    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, "" | "error" | "success" | "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>;
+    formItemSize: {
+        type: import("vue").PropType<"default" | "small" | "large">;
+        default: "default" | "small" | "large";
+    };
+    formItemSlots: {
+        type: import("vue").PropType<import("../../form-item/src/types").FormItemSlots>;
+        default: undefined;
+    };
+    elRef: {
+        type: import("vue").PropType<any>;
+        required: boolean;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelPosition: {
+        type: import("vue").PropType<"right">;
+        default: string;
+    };
+}, {
+    preInput: () => void;
+    popupShow: import("vue").Ref<boolean>;
+    formItemBindProps: import("vue").ComputedRef<{
+        required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        label: string | undefined;
+        labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        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;
+        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;
+        error: string | undefined;
+        validateStatus: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown> | undefined;
+        for: string | undefined;
+        inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
+        showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        formItemSize: "default" | "small" | "large";
+        formItemSlots: import("../../form-item/src/types").FormItemSlots | undefined;
+        elRef: any;
+        inline: boolean;
+        readonly: boolean;
+        labelPosition: "right";
+    }>;
+    varDatePickerType: import("vue").ComputedRef<import("./const").VarDatePickerType>;
+    isRange: import("vue").ComputedRef<boolean>;
+    hasTime: import("vue").ComputedRef<boolean>;
+    currentTab: import("vue").Ref<string>;
+    valueTime: import("vue").WritableComputedRef<string>;
+    valueDate: import("vue").WritableComputedRef<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': null;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: null;
+    readonly: BooleanConstructor;
+    type: {
+        type: import("vue").PropType<"year" | "month" | "date" | "dates" | "week" | "datetime" | "daterange" | "monthrange">;
+        default: string;
+    };
+    allowedDates: {
+        type: import("vue").PropType<(date: string) => boolean>;
+        default: undefined;
+    };
+    useSeconds: BooleanConstructor;
+    valueFormat: {
+        type: StringConstructor;
+        default: string;
+    };
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    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, "" | "error" | "success" | "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>;
+    formItemSize: {
+        type: import("vue").PropType<"default" | "small" | "large">;
+        default: "default" | "small" | "large";
+    };
+    formItemSlots: {
+        type: import("vue").PropType<import("../../form-item/src/types").FormItemSlots>;
+        default: undefined;
+    };
+    elRef: {
+        type: import("vue").PropType<any>;
+        required: boolean;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelPosition: {
+        type: import("vue").PropType<"right">;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    type: "year" | "month" | "date" | "dates" | "week" | "datetime" | "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>;
+    formItemSize: "default" | "small" | "large";
+    formItemSlots: import("../../form-item/src/types").FormItemSlots;
+    inline: boolean;
+    readonly: boolean;
+    labelPosition: "right";
+    valueFormat: string;
+    allowedDates: (date: string) => boolean;
+    useSeconds: boolean;
+}>;
+export default _default;

package/components/var-datetime-picker/src/types.d.ts

@@ -0,0 +1,15 @@
+import { DatePickType } from 'element-plus';
+import { VarDatePickerType } from './const';
+export interface VarDatePickerTypeMedia {
+    label: string;
+    value: VarDatePickerType;
+    format: string;
+}
+export interface ElDatePickerTypeMedia {
+    label: string;
+    value: DatePickType;
+    varDatePickerType: VarDatePickerType;
+    isRange?: boolean;
+    hasTime?: boolean;
+}
+export {};

package/components/var-datetime-picker/src/types.js

@@ -0,0 +1 @@
+

package/index.css

@@ -380,3 +380,22 @@
 .vkf-van-cascader-input{
   display: none;
 }
+
+
+:root{
+  --color-primary: var(--el-color-primary);
+}
+.var-datetime-picker-el-popover {
+  display: none;
+}
+.var-datetime-picker-el-tabs.is-hidden .el-tabs__header{
+  display: none;
+}
+.var-datetime-picker-el-tabs .el-tabs__header{
+  margin-bottom: 0;
+}
+.var-datetime-picker-el-tabs .el-tabs__header .el-tabs__nav-wrap{
+/* var(--date-picker-title-padding); */
+  padding-left: var(--date-picker-title-padding);
+  padding-right: var(--date-picker-title-padding);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vunk/form",
-  "version": "1.1.54",
+  "version": "1.1.58",
   "description": "",
   "main": "index.esm.js",
   "scripts": {