@vunk/form 1.1.55 → 1.1.59
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/form/src/ctx.d.ts +1 -1
- package/components/form/src/index.vue.d.ts +3 -3
- package/components/upload-plus/index.js +18085 -22
- package/components/upload-plus/src/api.d.ts +7 -2
- package/components/upload-plus/src/api.js +18058 -5
- package/components/upload-plus/src/ctx.d.ts +13 -11
- package/components/upload-plus/src/ctx.js +4 -0
- package/components/upload-plus/src/index.vue.d.ts +9 -0
- package/components/upload-plus/src/types.d.ts +1 -0
- package/components/var-datetime-picker/index.css +18 -0
- package/components/var-datetime-picker/index.d.ts +4 -0
- package/components/var-datetime-picker/index.js +318 -0
- package/components/var-datetime-picker/src/const.d.ts +10 -0
- package/components/var-datetime-picker/src/const.js +91 -0
- package/components/var-datetime-picker/src/ctx.d.ts +66 -0
- package/components/var-datetime-picker/src/ctx.js +43 -0
- package/components/var-datetime-picker/src/index.vue.d.ts +172 -0
- package/components/var-datetime-picker/src/types.d.ts +22 -0
- package/components/var-datetime-picker/src/types.js +1 -0
- package/index.css +19 -0
- package/package.json +1 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { FileInfo } from './types';
|
|
1
|
+
import { FileInfo, FileServiceType } from './types';
|
|
2
|
+
import { PropType } from 'vue';
|
|
2
3
|
export declare const props: {
|
|
3
4
|
size: {
|
|
4
5
|
type: NumberConstructor;
|
|
@@ -19,24 +20,28 @@ export declare const props: {
|
|
|
19
20
|
type: StringConstructor;
|
|
20
21
|
default: string;
|
|
21
22
|
};
|
|
23
|
+
fileServiceType: {
|
|
24
|
+
type: PropType<FileServiceType>;
|
|
25
|
+
default: undefined;
|
|
26
|
+
};
|
|
22
27
|
required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
|
|
23
28
|
label: StringConstructor;
|
|
24
29
|
labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
|
|
25
30
|
prop: {
|
|
26
|
-
readonly type:
|
|
31
|
+
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>>;
|
|
27
32
|
readonly required: false;
|
|
28
33
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
29
34
|
__epPropKey: true;
|
|
30
35
|
};
|
|
31
36
|
rules: {
|
|
32
|
-
readonly type:
|
|
37
|
+
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>>;
|
|
33
38
|
readonly required: false;
|
|
34
39
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
35
40
|
__epPropKey: true;
|
|
36
41
|
};
|
|
37
42
|
error: StringConstructor;
|
|
38
43
|
validateStatus: {
|
|
39
|
-
readonly type:
|
|
44
|
+
readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
|
|
40
45
|
readonly required: false;
|
|
41
46
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
42
47
|
__epPropKey: true;
|
|
@@ -45,18 +50,15 @@ export declare const props: {
|
|
|
45
50
|
inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
|
|
46
51
|
showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
47
52
|
formItemSize: {
|
|
48
|
-
|
|
49
|
-
* 上传目录
|
|
50
|
-
*/
|
|
51
|
-
type: import("vue").PropType<"default" | "small" | "large">;
|
|
53
|
+
type: PropType<"default" | "small" | "large">;
|
|
52
54
|
default: "default" | "small" | "large";
|
|
53
55
|
};
|
|
54
56
|
formItemSlots: {
|
|
55
|
-
type:
|
|
57
|
+
type: PropType<import("../../form-item/src/types").FormItemSlots>;
|
|
56
58
|
default: undefined;
|
|
57
59
|
};
|
|
58
60
|
elRef: {
|
|
59
|
-
type:
|
|
61
|
+
type: PropType<any>;
|
|
60
62
|
required: boolean;
|
|
61
63
|
};
|
|
62
64
|
inline: {
|
|
@@ -68,7 +70,7 @@ export declare const props: {
|
|
|
68
70
|
default: undefined;
|
|
69
71
|
};
|
|
70
72
|
labelPosition: {
|
|
71
|
-
type:
|
|
73
|
+
type: PropType<"right">;
|
|
72
74
|
default: string;
|
|
73
75
|
};
|
|
74
76
|
};
|
|
@@ -16,6 +16,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
16
16
|
type: StringConstructor;
|
|
17
17
|
default: string;
|
|
18
18
|
};
|
|
19
|
+
fileServiceType: {
|
|
20
|
+
type: import("vue").PropType<import("./types").FileServiceType>;
|
|
21
|
+
default: undefined;
|
|
22
|
+
};
|
|
19
23
|
required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
|
|
20
24
|
label: StringConstructor;
|
|
21
25
|
labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
|
|
@@ -126,6 +130,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
126
130
|
type: StringConstructor;
|
|
127
131
|
default: string;
|
|
128
132
|
};
|
|
133
|
+
fileServiceType: {
|
|
134
|
+
type: import("vue").PropType<import("./types").FileServiceType>;
|
|
135
|
+
default: undefined;
|
|
136
|
+
};
|
|
129
137
|
required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
|
|
130
138
|
label: StringConstructor;
|
|
131
139
|
labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
|
|
@@ -190,6 +198,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
190
198
|
labelPosition: "right";
|
|
191
199
|
accept: string;
|
|
192
200
|
url: string;
|
|
201
|
+
fileServiceType: import("./types").FileServiceType;
|
|
193
202
|
dictId: string;
|
|
194
203
|
}>;
|
|
195
204
|
export default _default;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
|
|
2
|
+
:root{
|
|
3
|
+
--color-primary: var(--el-color-primary);
|
|
4
|
+
}
|
|
5
|
+
.var-datetime-picker-el-popover {
|
|
6
|
+
display: none;
|
|
7
|
+
}
|
|
8
|
+
.var-datetime-picker-el-tabs.is-hidden .el-tabs__header{
|
|
9
|
+
display: none;
|
|
10
|
+
}
|
|
11
|
+
.var-datetime-picker-el-tabs .el-tabs__header{
|
|
12
|
+
margin-bottom: 0;
|
|
13
|
+
}
|
|
14
|
+
.var-datetime-picker-el-tabs .el-tabs__header .el-tabs__nav-wrap{
|
|
15
|
+
/* var(--date-picker-title-padding); */
|
|
16
|
+
padding-left: var(--date-picker-title-padding);
|
|
17
|
+
padding-right: var(--date-picker-title-padding);
|
|
18
|
+
}
|
|
@@ -0,0 +1,318 @@
|
|
|
1
|
+
import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
|
|
2
|
+
import { defineComponent, computed, ref, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, normalizeClass, createCommentVNode } from 'vue';
|
|
3
|
+
import { useComputedReadonly } from '@vunk/form/composables';
|
|
4
|
+
import { Popup } from 'vant';
|
|
5
|
+
import { DatePicker, TimePicker } from '@varlet/ui';
|
|
6
|
+
import { ElDatePicker, ElTabPane, ElTabs, dayjs } from 'element-plus';
|
|
7
|
+
import 'vant/es/popup/style';
|
|
8
|
+
import '@varlet/ui/es/date-picker/style';
|
|
9
|
+
import '@varlet/ui/es/time-picker/style';
|
|
10
|
+
|
|
11
|
+
var __defProp = Object.defineProperty;
|
|
12
|
+
var __defProps = Object.defineProperties;
|
|
13
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
14
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
15
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
16
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
17
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
18
|
+
var __spreadValues = (a, b) => {
|
|
19
|
+
for (var prop in b || (b = {}))
|
|
20
|
+
if (__hasOwnProp.call(b, prop))
|
|
21
|
+
__defNormalProp(a, prop, b[prop]);
|
|
22
|
+
if (__getOwnPropSymbols)
|
|
23
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
24
|
+
if (__propIsEnum.call(b, prop))
|
|
25
|
+
__defNormalProp(a, prop, b[prop]);
|
|
26
|
+
}
|
|
27
|
+
return a;
|
|
28
|
+
};
|
|
29
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
30
|
+
const props = __spreadProps(__spreadValues({}, _VkfFormItemCtx.props), {
|
|
31
|
+
modelValue: null,
|
|
32
|
+
readonly: Boolean,
|
|
33
|
+
type: {
|
|
34
|
+
type: String,
|
|
35
|
+
default: "month"
|
|
36
|
+
},
|
|
37
|
+
allowedDates: {
|
|
38
|
+
type: Function,
|
|
39
|
+
default: void 0
|
|
40
|
+
},
|
|
41
|
+
useSeconds: Boolean,
|
|
42
|
+
valueFormat: {
|
|
43
|
+
type: String,
|
|
44
|
+
default: "YYYY-MM-DD HH:mm"
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
const emits = {
|
|
48
|
+
"update:modelValue": null
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
const VarDatePickerTypeOptions = [
|
|
52
|
+
{
|
|
53
|
+
label: "\u65E5\u671F",
|
|
54
|
+
value: "date" /* date */,
|
|
55
|
+
format: "YYYY-MM-DD"
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
label: "\u5E74",
|
|
59
|
+
value: "year" /* year */,
|
|
60
|
+
format: "YYYY"
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
label: "\u6708",
|
|
64
|
+
value: "month" /* month */,
|
|
65
|
+
format: "YYYY-MM"
|
|
66
|
+
}
|
|
67
|
+
];
|
|
68
|
+
const VarDatePickerTypeReflect = VarDatePickerTypeOptions.reduce((acc, cur) => {
|
|
69
|
+
acc[cur.value] = cur;
|
|
70
|
+
return acc;
|
|
71
|
+
}, {});
|
|
72
|
+
const ElDatePickerTypeOptions = [
|
|
73
|
+
{
|
|
74
|
+
label: "\u65E5\u671F",
|
|
75
|
+
value: "date",
|
|
76
|
+
varDatePickerType: "date" /* date */,
|
|
77
|
+
isRange: false
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
label: "\u5E74",
|
|
81
|
+
value: "year",
|
|
82
|
+
varDatePickerType: "year" /* year */,
|
|
83
|
+
isRange: false
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
label: "\u6708",
|
|
87
|
+
value: "month",
|
|
88
|
+
varDatePickerType: "month" /* month */,
|
|
89
|
+
isRange: false
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
value: "dates",
|
|
93
|
+
label: "\u591A\u9009\u65E5\u671F",
|
|
94
|
+
varDatePickerType: "date" /* date */,
|
|
95
|
+
isRange: false
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
value: "week",
|
|
99
|
+
label: "\u5468",
|
|
100
|
+
varDatePickerType: "date" /* date */,
|
|
101
|
+
isRange: false
|
|
102
|
+
},
|
|
103
|
+
{
|
|
104
|
+
value: "datetime",
|
|
105
|
+
label: "\u65E5\u671F\u65F6\u95F4",
|
|
106
|
+
varDatePickerType: "date" /* date */,
|
|
107
|
+
isRange: false,
|
|
108
|
+
hasTime: true
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
value: "datetimerange",
|
|
112
|
+
label: "\u65E5\u671F\u65F6\u95F4\u8303\u56F4",
|
|
113
|
+
varDatePickerType: "date" /* date */,
|
|
114
|
+
isRange: false,
|
|
115
|
+
hasTime: true
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
value: "daterange",
|
|
119
|
+
label: "\u65E5\u671F\u8303\u56F4",
|
|
120
|
+
varDatePickerType: "date" /* date */,
|
|
121
|
+
isRange: true
|
|
122
|
+
},
|
|
123
|
+
{
|
|
124
|
+
value: "monthrange",
|
|
125
|
+
label: "\u6708\u8303\u56F4",
|
|
126
|
+
varDatePickerType: "month" /* month */,
|
|
127
|
+
isRange: true
|
|
128
|
+
}
|
|
129
|
+
];
|
|
130
|
+
const ElDatePickerTypeReflect = ElDatePickerTypeOptions.reduce((acc, cur) => {
|
|
131
|
+
acc[cur.value] = cur;
|
|
132
|
+
return acc;
|
|
133
|
+
}, {});
|
|
134
|
+
|
|
135
|
+
var _export_sfc = (sfc, props) => {
|
|
136
|
+
const target = sfc.__vccOpts || sfc;
|
|
137
|
+
for (const [key, val] of props) {
|
|
138
|
+
target[key] = val;
|
|
139
|
+
}
|
|
140
|
+
return target;
|
|
141
|
+
};
|
|
142
|
+
|
|
143
|
+
const _sfc_main = defineComponent({
|
|
144
|
+
name: "VkfVarDatetimePicker",
|
|
145
|
+
components: {
|
|
146
|
+
VkfFormItem,
|
|
147
|
+
ElDatePicker,
|
|
148
|
+
DatePicker,
|
|
149
|
+
TimePicker,
|
|
150
|
+
Popup,
|
|
151
|
+
ElTabPane,
|
|
152
|
+
ElTabs
|
|
153
|
+
},
|
|
154
|
+
emits,
|
|
155
|
+
props,
|
|
156
|
+
setup(props2, { emit }) {
|
|
157
|
+
const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
|
|
158
|
+
const varDatePickerType = computed(() => {
|
|
159
|
+
return ElDatePickerTypeReflect[props2.type].varDatePickerType;
|
|
160
|
+
});
|
|
161
|
+
const varDatePickerFormat = computed(() => {
|
|
162
|
+
return VarDatePickerTypeReflect[varDatePickerType.value].format;
|
|
163
|
+
});
|
|
164
|
+
const isRange = computed(() => {
|
|
165
|
+
return !!ElDatePickerTypeReflect[props2.type].isRange;
|
|
166
|
+
});
|
|
167
|
+
const hasTime = computed(() => {
|
|
168
|
+
return !!ElDatePickerTypeReflect[props2.type].hasTime;
|
|
169
|
+
});
|
|
170
|
+
const getDateFromModelValue = () => {
|
|
171
|
+
return props2.modelValue ? dayjs(props2.modelValue).format(varDatePickerFormat.value) : "";
|
|
172
|
+
};
|
|
173
|
+
const getTimeFromModelValue = () => {
|
|
174
|
+
return props2.modelValue ? dayjs(props2.modelValue).format(props2.useSeconds ? "HH:mm:ss" : "HH:mm") : "";
|
|
175
|
+
};
|
|
176
|
+
const tansformModelValueByDateValue = (dateValue) => {
|
|
177
|
+
if (!dateValue)
|
|
178
|
+
return "";
|
|
179
|
+
const date = dayjs(dateValue, varDatePickerFormat.value);
|
|
180
|
+
if (!props2.modelValue) {
|
|
181
|
+
return date.format(props2.valueFormat);
|
|
182
|
+
}
|
|
183
|
+
return dayjs(props2.modelValue).year(date.year()).month(date.month()).date(date.date()).format(props2.valueFormat);
|
|
184
|
+
};
|
|
185
|
+
const tansformModelValueByTimeValue = (timeValue) => {
|
|
186
|
+
if (!timeValue)
|
|
187
|
+
return "";
|
|
188
|
+
const time = dayjs(
|
|
189
|
+
timeValue,
|
|
190
|
+
props2.useSeconds ? "HH:mm:ss" : "HH:mm"
|
|
191
|
+
);
|
|
192
|
+
if (!props2.modelValue) {
|
|
193
|
+
return time.format(props2.valueFormat);
|
|
194
|
+
}
|
|
195
|
+
return dayjs(props2.modelValue).hour(time.hour()).minute(time.minute()).second(time.second()).format(props2.valueFormat);
|
|
196
|
+
};
|
|
197
|
+
const valueDate = computed({
|
|
198
|
+
get() {
|
|
199
|
+
return getDateFromModelValue();
|
|
200
|
+
},
|
|
201
|
+
set(val) {
|
|
202
|
+
const nModelValue = tansformModelValueByDateValue(val);
|
|
203
|
+
emit("update:modelValue", nModelValue);
|
|
204
|
+
}
|
|
205
|
+
});
|
|
206
|
+
const valueTime = computed({
|
|
207
|
+
get() {
|
|
208
|
+
return getTimeFromModelValue();
|
|
209
|
+
},
|
|
210
|
+
set(val) {
|
|
211
|
+
const nModelValue = tansformModelValueByTimeValue(val);
|
|
212
|
+
emit("update:modelValue", nModelValue);
|
|
213
|
+
}
|
|
214
|
+
});
|
|
215
|
+
const readonly = useComputedReadonly(props2);
|
|
216
|
+
const popupShow = ref(false);
|
|
217
|
+
const currentTab = ref("date");
|
|
218
|
+
const preInput = () => {
|
|
219
|
+
if (readonly.value)
|
|
220
|
+
return;
|
|
221
|
+
if (props2.modelValue && hasTime.value) {
|
|
222
|
+
currentTab.value = "time";
|
|
223
|
+
}
|
|
224
|
+
popupShow.value = true;
|
|
225
|
+
};
|
|
226
|
+
return {
|
|
227
|
+
preInput,
|
|
228
|
+
popupShow,
|
|
229
|
+
formItemBindProps,
|
|
230
|
+
varDatePickerType,
|
|
231
|
+
isRange,
|
|
232
|
+
hasTime,
|
|
233
|
+
currentTab,
|
|
234
|
+
valueTime,
|
|
235
|
+
valueDate
|
|
236
|
+
};
|
|
237
|
+
}
|
|
238
|
+
});
|
|
239
|
+
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
240
|
+
const _component_ElDatePicker = resolveComponent("ElDatePicker");
|
|
241
|
+
const _component_DatePicker = resolveComponent("DatePicker");
|
|
242
|
+
const _component_ElTabPane = resolveComponent("ElTabPane");
|
|
243
|
+
const _component_TimePicker = resolveComponent("TimePicker");
|
|
244
|
+
const _component_ElTabs = resolveComponent("ElTabs");
|
|
245
|
+
const _component_Popup = resolveComponent("Popup");
|
|
246
|
+
const _component_VkfFormItem = resolveComponent("VkfFormItem");
|
|
247
|
+
return openBlock(), createBlock(_component_VkfFormItem, normalizeProps(guardReactiveProps(_ctx.formItemBindProps)), {
|
|
248
|
+
default: withCtx(() => [
|
|
249
|
+
createVNode(_component_ElDatePicker, {
|
|
250
|
+
"popper-class": "var-datetime-picker-el-popover",
|
|
251
|
+
"model-value": _ctx.modelValue,
|
|
252
|
+
onFocus: _ctx.preInput,
|
|
253
|
+
type: _ctx.type
|
|
254
|
+
}, null, 8, ["model-value", "onFocus", "type"]),
|
|
255
|
+
createVNode(_component_Popup, {
|
|
256
|
+
position: "bottom",
|
|
257
|
+
show: _ctx.popupShow,
|
|
258
|
+
"onUpdate:show": _cache[3] || (_cache[3] = ($event) => _ctx.popupShow = $event),
|
|
259
|
+
round: ""
|
|
260
|
+
}, {
|
|
261
|
+
default: withCtx(() => [
|
|
262
|
+
createVNode(_component_ElTabs, {
|
|
263
|
+
class: normalizeClass(["var-datetime-picker-el-tabs", {
|
|
264
|
+
"is-hidden": !_ctx.hasTime
|
|
265
|
+
}]),
|
|
266
|
+
modelValue: _ctx.currentTab,
|
|
267
|
+
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.currentTab = $event)
|
|
268
|
+
}, {
|
|
269
|
+
default: withCtx(() => [
|
|
270
|
+
createVNode(_component_ElTabPane, {
|
|
271
|
+
label: _ctx.valueDate || "\u9009\u62E9\u65E5\u671F",
|
|
272
|
+
name: "date"
|
|
273
|
+
}, {
|
|
274
|
+
default: withCtx(() => [
|
|
275
|
+
createVNode(_component_DatePicker, {
|
|
276
|
+
type: _ctx.varDatePickerType,
|
|
277
|
+
range: _ctx.isRange,
|
|
278
|
+
modelValue: _ctx.valueDate,
|
|
279
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.valueDate = $event),
|
|
280
|
+
"allowed-dates": _ctx.allowedDates
|
|
281
|
+
}, null, 8, ["type", "range", "modelValue", "allowed-dates"])
|
|
282
|
+
]),
|
|
283
|
+
_: 1
|
|
284
|
+
}, 8, ["label"]),
|
|
285
|
+
_ctx.hasTime ? (openBlock(), createBlock(_component_ElTabPane, {
|
|
286
|
+
key: 0,
|
|
287
|
+
label: _ctx.valueTime || "\u9009\u62E9\u65F6\u95F4",
|
|
288
|
+
name: "time"
|
|
289
|
+
}, {
|
|
290
|
+
default: withCtx(() => [
|
|
291
|
+
createVNode(_component_TimePicker, {
|
|
292
|
+
modelValue: _ctx.valueTime,
|
|
293
|
+
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.valueTime = $event)
|
|
294
|
+
}, null, 8, ["modelValue"])
|
|
295
|
+
]),
|
|
296
|
+
_: 1
|
|
297
|
+
}, 8, ["label"])) : createCommentVNode("v-if", true)
|
|
298
|
+
]),
|
|
299
|
+
_: 1
|
|
300
|
+
}, 8, ["class", "modelValue"])
|
|
301
|
+
]),
|
|
302
|
+
_: 1
|
|
303
|
+
}, 8, ["show"])
|
|
304
|
+
]),
|
|
305
|
+
_: 1
|
|
306
|
+
}, 16);
|
|
307
|
+
}
|
|
308
|
+
var VkfVarDatetimePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "index.vue"]]);
|
|
309
|
+
|
|
310
|
+
var types = /*#__PURE__*/Object.freeze({
|
|
311
|
+
__proto__: null
|
|
312
|
+
});
|
|
313
|
+
|
|
314
|
+
VkfVarDatetimePicker.install = (app) => {
|
|
315
|
+
app.component(VkfVarDatetimePicker.name, VkfVarDatetimePicker);
|
|
316
|
+
};
|
|
317
|
+
|
|
318
|
+
export { VkfVarDatetimePicker, types as __VkfVarDatetimePicker, VkfVarDatetimePicker as default };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ElDatePickerTypeMedia, VarDatePickerTypeMedia } from './types';
|
|
2
|
+
export declare enum VarDatePickerType {
|
|
3
|
+
date = "date",
|
|
4
|
+
year = "year",
|
|
5
|
+
month = "month"
|
|
6
|
+
}
|
|
7
|
+
export declare const VarDatePickerTypeOptions: VarDatePickerTypeMedia[];
|
|
8
|
+
export declare const VarDatePickerTypeReflect: Record<VarDatePickerType, VarDatePickerTypeMedia>;
|
|
9
|
+
export declare const ElDatePickerTypeOptions: ElDatePickerTypeMedia[];
|
|
10
|
+
export declare const ElDatePickerTypeReflect: Record<"year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange", ElDatePickerTypeMedia>;
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
var VarDatePickerType = /* @__PURE__ */ ((VarDatePickerType2) => {
|
|
2
|
+
VarDatePickerType2["date"] = "date";
|
|
3
|
+
VarDatePickerType2["year"] = "year";
|
|
4
|
+
VarDatePickerType2["month"] = "month";
|
|
5
|
+
return VarDatePickerType2;
|
|
6
|
+
})(VarDatePickerType || {});
|
|
7
|
+
const VarDatePickerTypeOptions = [
|
|
8
|
+
{
|
|
9
|
+
label: "\u65E5\u671F",
|
|
10
|
+
value: "date" /* date */,
|
|
11
|
+
format: "YYYY-MM-DD"
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
label: "\u5E74",
|
|
15
|
+
value: "year" /* year */,
|
|
16
|
+
format: "YYYY"
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
label: "\u6708",
|
|
20
|
+
value: "month" /* month */,
|
|
21
|
+
format: "YYYY-MM"
|
|
22
|
+
}
|
|
23
|
+
];
|
|
24
|
+
const VarDatePickerTypeReflect = VarDatePickerTypeOptions.reduce((acc, cur) => {
|
|
25
|
+
acc[cur.value] = cur;
|
|
26
|
+
return acc;
|
|
27
|
+
}, {});
|
|
28
|
+
const ElDatePickerTypeOptions = [
|
|
29
|
+
{
|
|
30
|
+
label: "\u65E5\u671F",
|
|
31
|
+
value: "date",
|
|
32
|
+
varDatePickerType: "date" /* date */,
|
|
33
|
+
isRange: false
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
label: "\u5E74",
|
|
37
|
+
value: "year",
|
|
38
|
+
varDatePickerType: "year" /* year */,
|
|
39
|
+
isRange: false
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
label: "\u6708",
|
|
43
|
+
value: "month",
|
|
44
|
+
varDatePickerType: "month" /* month */,
|
|
45
|
+
isRange: false
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
value: "dates",
|
|
49
|
+
label: "\u591A\u9009\u65E5\u671F",
|
|
50
|
+
varDatePickerType: "date" /* date */,
|
|
51
|
+
isRange: false
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
value: "week",
|
|
55
|
+
label: "\u5468",
|
|
56
|
+
varDatePickerType: "date" /* date */,
|
|
57
|
+
isRange: false
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
value: "datetime",
|
|
61
|
+
label: "\u65E5\u671F\u65F6\u95F4",
|
|
62
|
+
varDatePickerType: "date" /* date */,
|
|
63
|
+
isRange: false,
|
|
64
|
+
hasTime: true
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
value: "datetimerange",
|
|
68
|
+
label: "\u65E5\u671F\u65F6\u95F4\u8303\u56F4",
|
|
69
|
+
varDatePickerType: "date" /* date */,
|
|
70
|
+
isRange: false,
|
|
71
|
+
hasTime: true
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
value: "daterange",
|
|
75
|
+
label: "\u65E5\u671F\u8303\u56F4",
|
|
76
|
+
varDatePickerType: "date" /* date */,
|
|
77
|
+
isRange: true
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
value: "monthrange",
|
|
81
|
+
label: "\u6708\u8303\u56F4",
|
|
82
|
+
varDatePickerType: "month" /* month */,
|
|
83
|
+
isRange: true
|
|
84
|
+
}
|
|
85
|
+
];
|
|
86
|
+
const ElDatePickerTypeReflect = ElDatePickerTypeOptions.reduce((acc, cur) => {
|
|
87
|
+
acc[cur.value] = cur;
|
|
88
|
+
return acc;
|
|
89
|
+
}, {});
|
|
90
|
+
|
|
91
|
+
export { ElDatePickerTypeOptions, ElDatePickerTypeReflect, VarDatePickerType, VarDatePickerTypeOptions, VarDatePickerTypeReflect };
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
export declare const props: {
|
|
3
|
+
modelValue: null;
|
|
4
|
+
readonly: BooleanConstructor;
|
|
5
|
+
type: {
|
|
6
|
+
type: PropType<"year" | "month" | "date" | "dates" | "week" | "datetime" | "daterange" | "monthrange">;
|
|
7
|
+
default: string;
|
|
8
|
+
};
|
|
9
|
+
allowedDates: {
|
|
10
|
+
type: PropType<(date: string) => boolean>;
|
|
11
|
+
default: undefined;
|
|
12
|
+
};
|
|
13
|
+
useSeconds: BooleanConstructor;
|
|
14
|
+
valueFormat: {
|
|
15
|
+
type: StringConstructor;
|
|
16
|
+
default: string;
|
|
17
|
+
};
|
|
18
|
+
required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
|
|
19
|
+
label: StringConstructor;
|
|
20
|
+
labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
|
|
21
|
+
prop: {
|
|
22
|
+
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>>;
|
|
23
|
+
readonly required: false;
|
|
24
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
25
|
+
__epPropKey: true;
|
|
26
|
+
};
|
|
27
|
+
rules: {
|
|
28
|
+
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>>;
|
|
29
|
+
readonly required: false;
|
|
30
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
31
|
+
__epPropKey: true;
|
|
32
|
+
};
|
|
33
|
+
error: StringConstructor;
|
|
34
|
+
validateStatus: {
|
|
35
|
+
readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
|
|
36
|
+
readonly required: false;
|
|
37
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
38
|
+
__epPropKey: true;
|
|
39
|
+
};
|
|
40
|
+
for: StringConstructor;
|
|
41
|
+
inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
|
|
42
|
+
showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
43
|
+
formItemSize: {
|
|
44
|
+
type: PropType<"default" | "small" | "large">;
|
|
45
|
+
default: "default" | "small" | "large";
|
|
46
|
+
};
|
|
47
|
+
formItemSlots: {
|
|
48
|
+
type: PropType<import("../../form-item/src/types").FormItemSlots>;
|
|
49
|
+
default: undefined;
|
|
50
|
+
};
|
|
51
|
+
elRef: {
|
|
52
|
+
type: PropType<any>;
|
|
53
|
+
required: boolean;
|
|
54
|
+
};
|
|
55
|
+
inline: {
|
|
56
|
+
type: BooleanConstructor;
|
|
57
|
+
default: boolean;
|
|
58
|
+
};
|
|
59
|
+
labelPosition: {
|
|
60
|
+
type: PropType<"right">;
|
|
61
|
+
default: string;
|
|
62
|
+
};
|
|
63
|
+
};
|
|
64
|
+
export declare const emits: {
|
|
65
|
+
'update:modelValue': null;
|
|
66
|
+
};
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { _VkfFormItemCtx } from '@vunk/form/components/form-item';
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __defProps = Object.defineProperties;
|
|
5
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
6
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
9
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
10
|
+
var __spreadValues = (a, b) => {
|
|
11
|
+
for (var prop in b || (b = {}))
|
|
12
|
+
if (__hasOwnProp.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
if (__getOwnPropSymbols)
|
|
15
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
16
|
+
if (__propIsEnum.call(b, prop))
|
|
17
|
+
__defNormalProp(a, prop, b[prop]);
|
|
18
|
+
}
|
|
19
|
+
return a;
|
|
20
|
+
};
|
|
21
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
22
|
+
const props = __spreadProps(__spreadValues({}, _VkfFormItemCtx.props), {
|
|
23
|
+
modelValue: null,
|
|
24
|
+
readonly: Boolean,
|
|
25
|
+
type: {
|
|
26
|
+
type: String,
|
|
27
|
+
default: "month"
|
|
28
|
+
},
|
|
29
|
+
allowedDates: {
|
|
30
|
+
type: Function,
|
|
31
|
+
default: void 0
|
|
32
|
+
},
|
|
33
|
+
useSeconds: Boolean,
|
|
34
|
+
valueFormat: {
|
|
35
|
+
type: String,
|
|
36
|
+
default: "YYYY-MM-DD HH:mm"
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
const emits = {
|
|
40
|
+
"update:modelValue": null
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
export { emits, props };
|