@ebfe/vant-kit 0.0.3 → 0.0.4
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/ColoringAvatar/ColoringAvatar.vue.d.ts +16 -0
- package/dist/FieldMultiPicker/FieldMultiPicker.vue.d.ts +126 -0
- package/dist/FieldSinglePicker/FieldSinglePicker.vue.d.ts +32 -0
- package/dist/MultiPicker/MultiPicker.vue.d.ts +52 -0
- package/dist/SinglePicker/SinglePicker.vue.d.ts +37 -0
- package/dist/index.d.ts +8 -0
- package/dist/vant-kit.css +1 -0
- package/dist/vant-kit.es.js +14051 -0
- package/dist/vant-kit.umd.js +44 -0
- package/package.json +31 -32
- package/es/field-multi-picker/README.md +0 -97
- package/es/field-multi-picker/index-sfc.less +0 -3
- package/es/field-multi-picker/index.ts +0 -139
- package/es/field-multi-picker/style/index.js +0 -0
- package/es/field-multi-picker/style/less.js +0 -0
- package/es/field-single-picker/README.md +0 -94
- package/es/field-single-picker/index-sfc.less +0 -3
- package/es/field-single-picker/index.ts +0 -158
- package/es/field-single-picker/style/index.js +0 -0
- package/es/field-single-picker/style/less.js +0 -0
- package/es/index.js +0 -25
- package/es/multi-picker/README.md +0 -183
- package/es/multi-picker/index-sfc.less +0 -20
- package/es/multi-picker/index.ts +0 -399
- package/es/multi-picker/style/index.js +0 -0
- package/es/multi-picker/style/less.js +0 -0
- package/es/single-picker/README.md +0 -239
- package/es/single-picker/index-sfc.less +0 -4
- package/es/single-picker/index.ts +0 -253
- package/es/single-picker/style/index.js +0 -0
- package/es/single-picker/style/less.js +0 -0
- package/es/vue-sfc-shim.d.ts +0 -5
- package/lib/field-multi-picker/README.md +0 -97
- package/lib/field-multi-picker/index-sfc.less +0 -3
- package/lib/field-multi-picker/index.ts +0 -139
- package/lib/field-multi-picker/style/index.js +0 -0
- package/lib/field-multi-picker/style/less.js +0 -0
- package/lib/field-single-picker/README.md +0 -94
- package/lib/field-single-picker/index-sfc.less +0 -3
- package/lib/field-single-picker/index.ts +0 -158
- package/lib/field-single-picker/style/index.js +0 -0
- package/lib/field-single-picker/style/less.js +0 -0
- package/lib/index.js +0 -25
- package/lib/index.less +0 -0
- package/lib/multi-picker/README.md +0 -183
- package/lib/multi-picker/index-sfc.less +0 -20
- package/lib/multi-picker/index.ts +0 -399
- package/lib/multi-picker/style/index.js +0 -0
- package/lib/multi-picker/style/less.js +0 -0
- package/lib/single-picker/README.md +0 -239
- package/lib/single-picker/index-sfc.less +0 -4
- package/lib/single-picker/index.ts +0 -253
- package/lib/single-picker/style/index.js +0 -0
- package/lib/single-picker/style/less.js +0 -0
- package/lib/vue-sfc-shim.d.ts +0 -5
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{
|
|
2
|
+
name: string;
|
|
3
|
+
size?: number;
|
|
4
|
+
fontSize?: number;
|
|
5
|
+
bgAttr?: string;
|
|
6
|
+
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
|
|
7
|
+
name: string;
|
|
8
|
+
size?: number;
|
|
9
|
+
fontSize?: number;
|
|
10
|
+
bgAttr?: string;
|
|
11
|
+
}> & Readonly<{}>, {
|
|
12
|
+
size: number;
|
|
13
|
+
fontSize: number;
|
|
14
|
+
bgAttr: string;
|
|
15
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
16
|
+
export default _default;
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
import { TConfirmEventPayload, TMultiPickerProps } from '../MultiPicker/MultiPicker.vue';
|
|
2
|
+
import { FieldProps } from 'vant';
|
|
3
|
+
type __VLS_Props = TMultiPickerProps & {
|
|
4
|
+
fieldProps: Partial<Omit<FieldProps, 'modelValue'>>;
|
|
5
|
+
};
|
|
6
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {
|
|
7
|
+
getOptionsIdMapData(): {
|
|
8
|
+
[x: string]: any;
|
|
9
|
+
} | undefined;
|
|
10
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
11
|
+
search: (value: string) => any;
|
|
12
|
+
toggleCheckbox: (value: any[]) => any;
|
|
13
|
+
confirm: (p: TConfirmEventPayload) => any;
|
|
14
|
+
"update:modelValue": (value: any[]) => any;
|
|
15
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
16
|
+
onSearch?: ((value: string) => any) | undefined;
|
|
17
|
+
onToggleCheckbox?: ((value: any[]) => any) | undefined;
|
|
18
|
+
onConfirm?: ((p: TConfirmEventPayload) => any) | undefined;
|
|
19
|
+
"onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
|
|
20
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
21
|
+
MultiPickerRef: ({
|
|
22
|
+
$: import('vue').ComponentInternalInstance;
|
|
23
|
+
$data: {};
|
|
24
|
+
$props: {
|
|
25
|
+
readonly modelValue: any[];
|
|
26
|
+
readonly options: any[];
|
|
27
|
+
readonly fieldNames?: {
|
|
28
|
+
label: string;
|
|
29
|
+
value: string;
|
|
30
|
+
} | undefined;
|
|
31
|
+
readonly title?: string | undefined;
|
|
32
|
+
readonly tipTxt?: string | undefined;
|
|
33
|
+
readonly showSearch?: boolean | undefined;
|
|
34
|
+
readonly searchDelay?: number | undefined;
|
|
35
|
+
readonly onSearch?: ((value: string) => any) | undefined;
|
|
36
|
+
readonly onToggleCheckbox?: ((value: any[]) => any) | undefined;
|
|
37
|
+
readonly onConfirm?: ((p: TConfirmEventPayload) => any) | undefined;
|
|
38
|
+
readonly "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
|
|
39
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
40
|
+
$attrs: {
|
|
41
|
+
[x: string]: unknown;
|
|
42
|
+
};
|
|
43
|
+
$refs: {
|
|
44
|
+
[x: string]: unknown;
|
|
45
|
+
};
|
|
46
|
+
$slots: Readonly<{
|
|
47
|
+
[name: string]: import('vue').Slot<any> | undefined;
|
|
48
|
+
}>;
|
|
49
|
+
$root: import('vue').ComponentPublicInstance | null;
|
|
50
|
+
$parent: import('vue').ComponentPublicInstance | null;
|
|
51
|
+
$host: Element | null;
|
|
52
|
+
$emit: ((event: "search", value: string) => void) & ((event: "toggleCheckbox", value: any[]) => void) & ((event: "confirm", p: TConfirmEventPayload) => void) & ((event: "update:modelValue", value: any[]) => void);
|
|
53
|
+
$el: HTMLDivElement;
|
|
54
|
+
$options: import('vue').ComponentOptionsBase<Readonly<TMultiPickerProps> & Readonly<{
|
|
55
|
+
onSearch?: ((value: string) => any) | undefined;
|
|
56
|
+
onToggleCheckbox?: ((value: any[]) => any) | undefined;
|
|
57
|
+
onConfirm?: ((p: TConfirmEventPayload) => any) | undefined;
|
|
58
|
+
"onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
|
|
59
|
+
}>, {
|
|
60
|
+
getOptionsIdMapData(): {
|
|
61
|
+
[x: string]: any;
|
|
62
|
+
};
|
|
63
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
64
|
+
search: (value: string) => any;
|
|
65
|
+
toggleCheckbox: (value: any[]) => any;
|
|
66
|
+
confirm: (p: TConfirmEventPayload) => any;
|
|
67
|
+
"update:modelValue": (value: any[]) => any;
|
|
68
|
+
}, string, {
|
|
69
|
+
title: string;
|
|
70
|
+
fieldNames: {
|
|
71
|
+
label: string;
|
|
72
|
+
value: string;
|
|
73
|
+
};
|
|
74
|
+
tipTxt: string;
|
|
75
|
+
showSearch: boolean;
|
|
76
|
+
searchDelay: number;
|
|
77
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
78
|
+
beforeCreate?: (() => void) | (() => void)[];
|
|
79
|
+
created?: (() => void) | (() => void)[];
|
|
80
|
+
beforeMount?: (() => void) | (() => void)[];
|
|
81
|
+
mounted?: (() => void) | (() => void)[];
|
|
82
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
|
83
|
+
updated?: (() => void) | (() => void)[];
|
|
84
|
+
activated?: (() => void) | (() => void)[];
|
|
85
|
+
deactivated?: (() => void) | (() => void)[];
|
|
86
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
|
87
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
|
88
|
+
destroyed?: (() => void) | (() => void)[];
|
|
89
|
+
unmounted?: (() => void) | (() => void)[];
|
|
90
|
+
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
91
|
+
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
92
|
+
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
93
|
+
};
|
|
94
|
+
$forceUpdate: () => void;
|
|
95
|
+
$nextTick: typeof import('vue').nextTick;
|
|
96
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
97
|
+
} & Readonly<{
|
|
98
|
+
title: string;
|
|
99
|
+
fieldNames: {
|
|
100
|
+
label: string;
|
|
101
|
+
value: string;
|
|
102
|
+
};
|
|
103
|
+
tipTxt: string;
|
|
104
|
+
showSearch: boolean;
|
|
105
|
+
searchDelay: number;
|
|
106
|
+
}> & Omit<Readonly<TMultiPickerProps> & Readonly<{
|
|
107
|
+
onSearch?: ((value: string) => any) | undefined;
|
|
108
|
+
onToggleCheckbox?: ((value: any[]) => any) | undefined;
|
|
109
|
+
onConfirm?: ((p: TConfirmEventPayload) => any) | undefined;
|
|
110
|
+
"onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
|
|
111
|
+
}>, "getOptionsIdMapData" | ("title" | "fieldNames" | "tipTxt" | "showSearch" | "searchDelay")> & import('vue').ShallowUnwrapRef<{
|
|
112
|
+
getOptionsIdMapData(): {
|
|
113
|
+
[x: string]: any;
|
|
114
|
+
};
|
|
115
|
+
}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
116
|
+
$slots: {
|
|
117
|
+
trigger?(_: {
|
|
118
|
+
triggerPopupShow: () => void;
|
|
119
|
+
showValue: string;
|
|
120
|
+
selectedOptions: any[];
|
|
121
|
+
}): any;
|
|
122
|
+
title?(_: {}): any;
|
|
123
|
+
};
|
|
124
|
+
}) | null;
|
|
125
|
+
}, HTMLDivElement>;
|
|
126
|
+
export default _default;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { TSinglePickerProps, TSPConfirmDisabledOptionPayload } from '../SinglePicker/SinglePicker.vue';
|
|
2
|
+
import { FieldProps } from 'vant';
|
|
3
|
+
type __VLS_Props = TSinglePickerProps & {
|
|
4
|
+
fieldProps: Partial<Omit<FieldProps, 'modelValue'>>;
|
|
5
|
+
};
|
|
6
|
+
declare function __VLS_template(): {
|
|
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, {} & {
|
|
14
|
+
search: (value: string) => any;
|
|
15
|
+
confirm: (option: any) => any;
|
|
16
|
+
"update:modelValue": (value: any) => any;
|
|
17
|
+
confirmDisabledOption: (p: TSPConfirmDisabledOptionPayload) => any;
|
|
18
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
19
|
+
onSearch?: ((value: string) => any) | undefined;
|
|
20
|
+
onConfirm?: ((option: any) => any) | undefined;
|
|
21
|
+
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
22
|
+
onConfirmDisabledOption?: ((p: TSPConfirmDisabledOptionPayload) => 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"]>;
|
|
27
|
+
export default _default;
|
|
28
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
29
|
+
new (): {
|
|
30
|
+
$slots: S;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
type IdMapData = {
|
|
2
|
+
[key in string]: any;
|
|
3
|
+
};
|
|
4
|
+
type TFieldNames = {
|
|
5
|
+
label: string;
|
|
6
|
+
value: string;
|
|
7
|
+
};
|
|
8
|
+
export type TMultiPickerProps = {
|
|
9
|
+
modelValue: any[];
|
|
10
|
+
options: any[];
|
|
11
|
+
fieldNames?: TFieldNames;
|
|
12
|
+
title?: string;
|
|
13
|
+
tipTxt?: string;
|
|
14
|
+
showSearch?: boolean;
|
|
15
|
+
searchDelay?: number;
|
|
16
|
+
};
|
|
17
|
+
export type TConfirmEventPayload = {
|
|
18
|
+
values: any[];
|
|
19
|
+
options: any[];
|
|
20
|
+
};
|
|
21
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TMultiPickerProps, {
|
|
22
|
+
getOptionsIdMapData(): IdMapData;
|
|
23
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
24
|
+
search: (value: string) => any;
|
|
25
|
+
toggleCheckbox: (value: any[]) => any;
|
|
26
|
+
confirm: (p: TConfirmEventPayload) => any;
|
|
27
|
+
"update:modelValue": (value: any[]) => any;
|
|
28
|
+
}, string, import('vue').PublicProps, Readonly<TMultiPickerProps> & Readonly<{
|
|
29
|
+
onSearch?: ((value: string) => any) | undefined;
|
|
30
|
+
onToggleCheckbox?: ((value: any[]) => any) | undefined;
|
|
31
|
+
onConfirm?: ((p: TConfirmEventPayload) => any) | undefined;
|
|
32
|
+
"onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
|
|
33
|
+
}>, {
|
|
34
|
+
title: string;
|
|
35
|
+
fieldNames: TFieldNames;
|
|
36
|
+
tipTxt: string;
|
|
37
|
+
showSearch: boolean;
|
|
38
|
+
searchDelay: number;
|
|
39
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
|
|
40
|
+
trigger?(_: {
|
|
41
|
+
triggerPopupShow: () => void;
|
|
42
|
+
showValue: string;
|
|
43
|
+
selectedOptions: any[];
|
|
44
|
+
}): any;
|
|
45
|
+
title?(_: {}): any;
|
|
46
|
+
}>;
|
|
47
|
+
export default _default;
|
|
48
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
49
|
+
new (): {
|
|
50
|
+
$slots: S;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { PickerProps } from 'vant';
|
|
2
|
+
export type TSinglePickerProps = {
|
|
3
|
+
showSearch?: boolean;
|
|
4
|
+
searchDelay?: number;
|
|
5
|
+
modelValue: any;
|
|
6
|
+
pickerProps: Partial<PickerProps>;
|
|
7
|
+
};
|
|
8
|
+
export type TSPConfirmDisabledOptionPayload = {
|
|
9
|
+
option: any;
|
|
10
|
+
closePopup: () => void;
|
|
11
|
+
};
|
|
12
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TSinglePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
13
|
+
search: (value: string) => any;
|
|
14
|
+
confirm: (option: any) => any;
|
|
15
|
+
"update:modelValue": (value: any) => any;
|
|
16
|
+
confirmDisabledOption: (p: TSPConfirmDisabledOptionPayload) => any;
|
|
17
|
+
}, string, import('vue').PublicProps, Readonly<TSinglePickerProps> & Readonly<{
|
|
18
|
+
onSearch?: ((value: string) => any) | undefined;
|
|
19
|
+
onConfirm?: ((option: any) => any) | undefined;
|
|
20
|
+
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
21
|
+
onConfirmDisabledOption?: ((p: TSPConfirmDisabledOptionPayload) => any) | undefined;
|
|
22
|
+
}>, {
|
|
23
|
+
showSearch: boolean;
|
|
24
|
+
searchDelay: number;
|
|
25
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, Partial<Record<number, (_: any) => any>> & {
|
|
26
|
+
trigger?(_: {
|
|
27
|
+
triggerPopupShow: () => void;
|
|
28
|
+
showValue: any;
|
|
29
|
+
selectedOption: string;
|
|
30
|
+
}): any;
|
|
31
|
+
}>;
|
|
32
|
+
export default _default;
|
|
33
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
34
|
+
new (): {
|
|
35
|
+
$slots: S;
|
|
36
|
+
};
|
|
37
|
+
};
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 组件导出
|
|
3
|
+
*/
|
|
4
|
+
export { default as ColoringAvatar } from './ColoringAvatar/ColoringAvatar.vue';
|
|
5
|
+
export { default as FieldMultiPicker } from './FieldMultiPicker/FieldMultiPicker.vue';
|
|
6
|
+
export { default as FieldSinglePicker } from './FieldSinglePicker/FieldSinglePicker.vue';
|
|
7
|
+
export { default as MultiPicker, type TMultiPickerProps, type TConfirmEventPayload, } from './MultiPicker/MultiPicker.vue';
|
|
8
|
+
export { default as SinglePicker, type TSinglePickerProps, type TSPConfirmDisabledOptionPayload, } from './SinglePicker/SinglePicker.vue';
|
|
@@ -0,0 +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)}.multi-picker-header[data-v-93bbec47] .van-search{width:250px}.multi-picker-main[data-v-93bbec47]{min-height:200px;max-height:60vh;overflow:hidden;display:flex;flex-direction:column}.multi-picker-main .multi-picker-tip[data-v-93bbec47]{padding:10px 16px;text-align:center;font-size:13px;color:#666}.multi-picker-main .multi-picker-cell-group[data-v-93bbec47]{overflow-y:auto}.hidden[data-v-4d219067]{display:none}[data-v-215a62c8] .van-search{width:250px}.hidden[data-v-188c9d88]{display:none}
|