@ebfe/vant-kit 0.0.7 → 0.0.8
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/dist/DateRangePicker/DateRangePicker.vue.d.ts +3 -0
- package/dist/FieldDateRangePicker/FieldDateRangePicker.vue.d.ts +6 -0
- package/dist/FieldMultiPicker/FieldMultiPicker.vue.d.ts +7 -4
- package/dist/FieldSinglePicker/FieldSinglePicker.vue.d.ts +4 -14
- package/dist/MultiPicker/MultiPicker.vue.d.ts +5 -0
- package/dist/SinglePicker/SinglePicker.vue.d.ts +8 -3
- package/dist/vant-kit.css +1 -1
- package/dist/vant-kit.es.js +3432 -3378
- package/dist/vant-kit.umd.js +12 -12
- package/package.json +1 -1
|
@@ -13,7 +13,10 @@ export type TDRPickerShowValueFormatterPayload = {
|
|
|
13
13
|
export type TDateRangePickerProps = {
|
|
14
14
|
modelValue: string[];
|
|
15
15
|
pickerProps?: Partial<DatePickerProps>;
|
|
16
|
+
startPickerProps?: Partial<DatePickerProps>;
|
|
17
|
+
endPickerProps?: Partial<DatePickerProps>;
|
|
16
18
|
pickerGroupProps?: Partial<PickerGroupProps>;
|
|
19
|
+
showDateRangeDelimiter?: string;
|
|
17
20
|
showValueFormatter?: (p: TDRPickerShowValueFormatterPayload) => string | undefined;
|
|
18
21
|
beforeConfirm?: (newValues: TDateRangePickerProps['modelValue']) => boolean;
|
|
19
22
|
};
|
|
@@ -13,7 +13,10 @@ declare function __VLS_template(): {
|
|
|
13
13
|
$props: {
|
|
14
14
|
readonly modelValue: string[];
|
|
15
15
|
readonly pickerProps?: Partial<import('vant').DatePickerProps> | undefined;
|
|
16
|
+
readonly startPickerProps?: Partial<import('vant').DatePickerProps> | undefined;
|
|
17
|
+
readonly endPickerProps?: Partial<import('vant').DatePickerProps> | undefined;
|
|
16
18
|
readonly pickerGroupProps?: Partial<import('vant').PickerGroupProps> | undefined;
|
|
19
|
+
readonly showDateRangeDelimiter?: string | undefined;
|
|
17
20
|
readonly showValueFormatter?: ((p: import('../DateRangePicker/DateRangePicker.vue').TDRPickerShowValueFormatterPayload) => string | undefined) | undefined;
|
|
18
21
|
readonly beforeConfirm?: ((newValues: TDateRangePickerProps["modelValue"]) => boolean) | undefined;
|
|
19
22
|
readonly onConfirm?: ((p: TDateRangePickerConfirmPayload) => any) | undefined;
|
|
@@ -94,7 +97,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
|
|
|
94
97
|
$props: {
|
|
95
98
|
readonly modelValue: string[];
|
|
96
99
|
readonly pickerProps?: Partial<import('vant').DatePickerProps> | undefined;
|
|
100
|
+
readonly startPickerProps?: Partial<import('vant').DatePickerProps> | undefined;
|
|
101
|
+
readonly endPickerProps?: Partial<import('vant').DatePickerProps> | undefined;
|
|
97
102
|
readonly pickerGroupProps?: Partial<import('vant').PickerGroupProps> | undefined;
|
|
103
|
+
readonly showDateRangeDelimiter?: string | undefined;
|
|
98
104
|
readonly showValueFormatter?: ((p: import('../DateRangePicker/DateRangePicker.vue').TDRPickerShowValueFormatterPayload) => string | undefined) | undefined;
|
|
99
105
|
readonly beforeConfirm?: ((newValues: TDateRangePickerProps["modelValue"]) => boolean) | undefined;
|
|
100
106
|
readonly onConfirm?: ((p: TDateRangePickerConfirmPayload) => any) | undefined;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { TConfirmEventPayload, TMultiPickerProps } from '../MultiPicker/MultiPicker.vue';
|
|
2
2
|
import { FieldProps } from 'vant';
|
|
3
|
-
type
|
|
3
|
+
export type TFieldMultiPickerProps = TMultiPickerProps & {
|
|
4
4
|
fieldProps: Partial<Omit<FieldProps, 'modelValue'>>;
|
|
5
5
|
};
|
|
6
|
-
declare const _default: import('vue').DefineComponent<
|
|
6
|
+
declare const _default: import('vue').DefineComponent<TFieldMultiPickerProps, {
|
|
7
7
|
getOptionsIdMapData: import('vue').ComputedRef<(() => {
|
|
8
8
|
[x: string]: any;
|
|
9
9
|
}) | undefined>;
|
|
@@ -12,7 +12,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
|
|
|
12
12
|
confirm: (p: TConfirmEventPayload) => any;
|
|
13
13
|
"update:modelValue": (value: any[]) => any;
|
|
14
14
|
toggleCheckbox: (value: any[]) => any;
|
|
15
|
-
}, string, import('vue').PublicProps, Readonly<
|
|
15
|
+
}, string, import('vue').PublicProps, Readonly<TFieldMultiPickerProps> & Readonly<{
|
|
16
16
|
onSearch?: ((value: string) => any) | undefined;
|
|
17
17
|
onConfirm?: ((p: TConfirmEventPayload) => any) | undefined;
|
|
18
18
|
"onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
|
|
@@ -32,6 +32,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
|
|
|
32
32
|
readonly tipTxt?: string | undefined;
|
|
33
33
|
readonly showSearch?: boolean | undefined;
|
|
34
34
|
readonly searchDelay?: number | undefined;
|
|
35
|
+
readonly processingFallbackOpts?: ((p: import('../MultiPicker/MultiPicker.vue').TMPProcessingFallbackOptsPayload) => any[]) | undefined;
|
|
35
36
|
readonly onSearch?: ((value: string) => any) | undefined;
|
|
36
37
|
readonly onConfirm?: ((p: TConfirmEventPayload) => any) | undefined;
|
|
37
38
|
readonly "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
|
|
@@ -74,6 +75,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
|
|
|
74
75
|
value: string;
|
|
75
76
|
};
|
|
76
77
|
tipTxt: string;
|
|
78
|
+
processingFallbackOpts: (p: import('../MultiPicker/MultiPicker.vue').TMPProcessingFallbackOptsPayload) => any[];
|
|
77
79
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
78
80
|
beforeCreate?: (() => void) | (() => void)[];
|
|
79
81
|
created?: (() => void) | (() => void)[];
|
|
@@ -103,12 +105,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
|
|
|
103
105
|
value: string;
|
|
104
106
|
};
|
|
105
107
|
tipTxt: string;
|
|
108
|
+
processingFallbackOpts: (p: import('../MultiPicker/MultiPicker.vue').TMPProcessingFallbackOptsPayload) => any[];
|
|
106
109
|
}> & Omit<Readonly<TMultiPickerProps> & Readonly<{
|
|
107
110
|
onSearch?: ((value: string) => any) | undefined;
|
|
108
111
|
onConfirm?: ((p: TConfirmEventPayload) => any) | undefined;
|
|
109
112
|
"onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
|
|
110
113
|
onToggleCheckbox?: ((value: any[]) => any) | undefined;
|
|
111
|
-
}>, "getOptionsIdMapData" | ("title" | "showSearch" | "searchDelay" | "fieldNames" | "tipTxt")> & import('vue').ShallowUnwrapRef<{
|
|
114
|
+
}>, "getOptionsIdMapData" | ("title" | "showSearch" | "searchDelay" | "fieldNames" | "tipTxt" | "processingFallbackOpts")> & import('vue').ShallowUnwrapRef<{
|
|
112
115
|
getOptionsIdMapData(): {
|
|
113
116
|
[x: string]: any;
|
|
114
117
|
};
|
|
@@ -1,29 +1,19 @@
|
|
|
1
1
|
import { TSinglePickerProps, TSPConfirmDisabledOptionPayload } from '../SinglePicker/SinglePicker.vue';
|
|
2
2
|
import { FieldProps } from 'vant';
|
|
3
|
-
type
|
|
3
|
+
export type TFieldSinglePickerProps = TSinglePickerProps & {
|
|
4
4
|
fieldProps: Partial<Omit<FieldProps, 'modelValue'>>;
|
|
5
5
|
};
|
|
6
|
-
declare
|
|
7
|
-
attrs: Partial<{}>;
|
|
8
|
-
slots: any;
|
|
9
|
-
refs: {};
|
|
10
|
-
rootEl: HTMLDivElement;
|
|
11
|
-
};
|
|
12
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
13
|
-
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
6
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TFieldSinglePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
14
7
|
search: (value: string) => any;
|
|
15
8
|
confirm: (option: any) => any;
|
|
16
9
|
confirmDisabledOption: (p: TSPConfirmDisabledOptionPayload) => any;
|
|
17
10
|
"update:modelValue": (value: any) => any;
|
|
18
|
-
}, string, import('vue').PublicProps, Readonly<
|
|
11
|
+
}, string, import('vue').PublicProps, Readonly<TFieldSinglePickerProps> & Readonly<{
|
|
19
12
|
onSearch?: ((value: string) => any) | undefined;
|
|
20
13
|
onConfirm?: ((option: any) => any) | undefined;
|
|
21
14
|
onConfirmDisabledOption?: ((p: TSPConfirmDisabledOptionPayload) => any) | undefined;
|
|
22
15
|
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
23
|
-
}>, {
|
|
24
|
-
showSearch: boolean;
|
|
25
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
26
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
16
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, Partial<Record<number, (_: any) => any>>>;
|
|
27
17
|
export default _default;
|
|
28
18
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
29
19
|
new (): {
|
|
@@ -5,6 +5,9 @@ type TFieldNames = {
|
|
|
5
5
|
label: string;
|
|
6
6
|
value: string;
|
|
7
7
|
};
|
|
8
|
+
export type TMPProcessingFallbackOptsPayload = {
|
|
9
|
+
prePathValues: any[];
|
|
10
|
+
};
|
|
8
11
|
export type TMultiPickerProps = {
|
|
9
12
|
modelValue: any[];
|
|
10
13
|
options: any[];
|
|
@@ -13,6 +16,7 @@ export type TMultiPickerProps = {
|
|
|
13
16
|
tipTxt?: string;
|
|
14
17
|
showSearch?: boolean;
|
|
15
18
|
searchDelay?: number;
|
|
19
|
+
processingFallbackOpts?: (p: TMPProcessingFallbackOptsPayload) => any[];
|
|
16
20
|
};
|
|
17
21
|
export type TConfirmEventPayload = {
|
|
18
22
|
values: any[];
|
|
@@ -36,6 +40,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TM
|
|
|
36
40
|
searchDelay: number;
|
|
37
41
|
fieldNames: TFieldNames;
|
|
38
42
|
tipTxt: string;
|
|
43
|
+
processingFallbackOpts: (p: TMPProcessingFallbackOptsPayload) => any[];
|
|
39
44
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
|
|
40
45
|
trigger?(_: {
|
|
41
46
|
triggerPopupShow: () => void;
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
import { PickerProps } from 'vant';
|
|
2
|
+
export type TSPProcessingFallbackOptPayload = {
|
|
3
|
+
prePathValue: any;
|
|
4
|
+
};
|
|
2
5
|
export type TSinglePickerProps = {
|
|
3
|
-
showSearch?: boolean;
|
|
4
|
-
searchDelay?: number;
|
|
5
6
|
modelValue: any;
|
|
6
7
|
pickerProps: Partial<PickerProps>;
|
|
8
|
+
processingFallbackOpt?: (p: TSPProcessingFallbackOptPayload) => any;
|
|
9
|
+
showSearch?: boolean;
|
|
10
|
+
searchDelay?: number;
|
|
7
11
|
};
|
|
8
12
|
export type TSPConfirmDisabledOptionPayload = {
|
|
9
13
|
option: any;
|
|
@@ -20,13 +24,14 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TS
|
|
|
20
24
|
onConfirmDisabledOption?: ((p: TSPConfirmDisabledOptionPayload) => any) | undefined;
|
|
21
25
|
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
22
26
|
}>, {
|
|
27
|
+
processingFallbackOpt: (p: TSPProcessingFallbackOptPayload) => any;
|
|
23
28
|
showSearch: boolean;
|
|
24
29
|
searchDelay: number;
|
|
25
30
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, Partial<Record<number, (_: any) => any>> & {
|
|
26
31
|
trigger?(_: {
|
|
27
32
|
triggerPopupShow: () => void;
|
|
28
33
|
showValue: any;
|
|
29
|
-
selectedOption:
|
|
34
|
+
selectedOption: any;
|
|
30
35
|
}): any;
|
|
31
36
|
}>;
|
|
32
37
|
export default _default;
|
package/dist/vant-kit.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.van-popup.van-toast{z-index:999999!important}.coloring-avatar-wrapper[data-v-daeab517]{box-sizing:border-box;width:var(--01db2b7c);height:var(--01db2b7c);overflow:hidden;display:flex;justify-content:center;align-items:center;background:var(--cc225d5a);border-radius:50%;border:.88px solid;border-image:linear-gradient(180deg,#fff,#fff0)}.coloring-avatar-wrapper .sub-name[data-v-daeab517]{color:#fff;font-size:var(--38beb273)}.default-trigger-btn[data-v-a0fe5e36]{width:32px;height:15px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;align-items:center;border:.5px solid rgba(0,0,0,.45);border-radius:112px;font-size:10px;color:#333}[data-v-
|
|
1
|
+
.van-popup.van-toast{z-index:999999!important}.coloring-avatar-wrapper[data-v-daeab517]{box-sizing:border-box;width:var(--01db2b7c);height:var(--01db2b7c);overflow:hidden;display:flex;justify-content:center;align-items:center;background:var(--cc225d5a);border-radius:50%;border:.88px solid;border-image:linear-gradient(180deg,#fff,#fff0)}.coloring-avatar-wrapper .sub-name[data-v-daeab517]{color:#fff;font-size:var(--38beb273)}.default-trigger-btn[data-v-a0fe5e36]{width:32px;height:15px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;align-items:center;border:.5px solid rgba(0,0,0,.45);border-radius:112px;font-size:10px;color:#333}[data-v-d7bb502f] .van-search,.multi-picker-header[data-v-0e287148] .van-search{flex:1}.multi-picker-main[data-v-0e287148]{min-height:200px;max-height:60vh;overflow:hidden;display:flex;flex-direction:column}.multi-picker-main .multi-picker-tip[data-v-0e287148]{padding:10px 16px;text-align:center;font-size:13px;color:#666}.multi-picker-main .multi-picker-cell-group[data-v-0e287148]{overflow-y:auto}.field-mask-txt-wrapper[data-v-c38b4355]{width:100%;background-color:var(--van-cell-background)}.field-mask-txt-show-content[data-v-c38b4355]{width:100%;display:flex;align-items:center}.field-mask-txt-show-content .view-trigger[data-v-c38b4355]{color:unset}.hidden[data-v-c38b4355]{display:none}.field-switch-btn-wrapper[data-v-aefa9670]{width:100%;background-color:var(--van-cell-background)}.field-switch-btn-show-content[data-v-aefa9670]{width:100%;display:flex}.field-switch-btn-show-content .field-switch-btns-container[data-v-aefa9670]{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:8px}.field-switch-btn-show-content .field-switch-btn[data-v-aefa9670]{padding:1px 12px;display:flex;justify-content:center;align-items:center;box-sizing:border-box;border:1px solid var(--van-button-primary-background);border-radius:4px;color:var(--van-button-primary-background);background:#fff;font-size:14px;cursor:pointer}.field-switch-btn-show-content .field-switch-btn-selected[data-v-aefa9670]{color:#fff;background:var(--van-button-primary-background)}.field-switch-btn-show-content .field-switch-btn-disabled[data-v-aefa9670]{color:#999;border-color:#9993;background:#9993;cursor:not-allowed}.hidden[data-v-aefa9670],.hidden[data-v-a5dd858a],.hidden[data-v-65a4a515],.hidden[data-v-294c848b],.hidden[data-v-916f5cef]{display:none}.mask-txt-wrapper[data-v-e7353b20]{display:flex;align-items:center;gap:8px}.slide_model[data-v-594c23f3]{width:100%;height:100vh;z-index:999;position:fixed;left:0;top:0;background:#0006;display:flex;align-items:center;justify-content:center}.slide_wrapper[data-v-594c23f3]{float:left;z-index:1;position:relative;background-color:#fff;width:335px;padding-top:20px}.canvas_img[data-v-594c23f3]{width:var(--b6aa8880);min-height:150px;position:relative;display:flex;align-items:center;justify-content:center;margin:0 0 20px 20px}.canvas_img img[src=""][data-v-594c23f3],.canvas_img img[data-v-594c23f3]:not([src]){visibility:hidden}.big-img[data-v-594c23f3]{width:100%;height:180px}.slider-img[data-v-594c23f3]{width:55px;height:180px;position:absolute;top:0;left:var(--d7a357ba);z-index:2}.canvas_slide[data-v-594c23f3]{width:295px;height:45px;background:#eee;text-align:center;line-height:40px;margin:0 auto;position:relative;font-size:13px}.canvas_kus[data-v-594c23f3]{width:48px;height:45px;background-color:#fff;font-size:18px;font-weight:700;position:absolute;left:var(--d7a357ba);top:0;border:1px solid #ddd;color:#fff;box-shadow:0 0 10px #0000004d;user-select:none;-webkit-user-select:none;cursor:grab;touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.canvas_kus .slide-icon[data-v-594c23f3]{width:20px;height:20px;margin-top:10px}.canvas_kus[data-v-594c23f3]:active{cursor:grabbing}.canvas_guil[data-v-594c23f3]{width:100%;border-top:1px solid #f4f4f4;height:50px;display:flex;align-items:center;float:left;font-size:15px;color:#666}.canvas_guil .footer-icon[data-v-594c23f3]{width:25px;height:25px;margin-left:15px}
|