@ebfe/vant-kit 0.0.5 → 0.0.7

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.
@@ -0,0 +1,82 @@
1
+ export type TCurrentCaptchaConfig = {
2
+ startSlidingTime: Date;
3
+ endSlidingTime: Date;
4
+ trackList: any[];
5
+ bgImageWidth: number;
6
+ bgImageHeight: number;
7
+ templateImageWidth: number;
8
+ templateImageHeight: number;
9
+ end: number;
10
+ startX: number;
11
+ startY: number;
12
+ isMoving: boolean;
13
+ moveX: number;
14
+ movePercent: number;
15
+ };
16
+ export type TFormatedCurrentCaptchaConfig = TCurrentCaptchaConfig & {
17
+ startSlidingTime: string;
18
+ endSlidingTime: string;
19
+ };
20
+ export type TVerifyCodeDatasource = {
21
+ id: string;
22
+ captcha: {
23
+ backgroundImage: string;
24
+ backgroundImageWidth: number;
25
+ backgroundImageHeight: number;
26
+ templateImage: string;
27
+ templateImageWidth: number;
28
+ templateImageHeight: number;
29
+ };
30
+ };
31
+ export type TCheckSliderVerifyCodeFuncPayload = {
32
+ id: string;
33
+ captchaInfo: TFormatedCurrentCaptchaConfig;
34
+ };
35
+ export type TCheckSliderVerifyCodeFuncRes = {
36
+ matching: boolean;
37
+ smsSendKey: string;
38
+ };
39
+ export type TSliderVerifyProcessingCloseFuncPayload = {
40
+ close: () => void;
41
+ };
42
+ export type TProcessingSliderVerifySuccessFuncPayload = {
43
+ checkVerifyCodePayload: TCheckSliderVerifyCodeFuncPayload;
44
+ checkVerifyRes: TCheckSliderVerifyCodeFuncRes;
45
+ close: () => void;
46
+ };
47
+ export type TProcessingSliderVerifyFailedFuncPayload = {
48
+ checkVerifyCodePayload: TCheckSliderVerifyCodeFuncPayload;
49
+ checkVerifyRes: TCheckSliderVerifyCodeFuncRes;
50
+ close: () => void;
51
+ };
52
+ export type TSliderVerifyProps = {
53
+ getVerifyCode: () => Promise<TVerifyCodeDatasource>;
54
+ checkVerifyCode: (p: TCheckSliderVerifyCodeFuncPayload) => Promise<TCheckSliderVerifyCodeFuncRes>;
55
+ processingClose?: (p: TSliderVerifyProcessingCloseFuncPayload) => any;
56
+ processingVerifySuccess?: (p: TProcessingSliderVerifySuccessFuncPayload) => any;
57
+ processingVerifyFailed?: (p: TProcessingSliderVerifyFailedFuncPayload) => any;
58
+ };
59
+ export type TVerifySuccessEventPayload = {
60
+ checkVerifyCodePayload: TCheckSliderVerifyCodeFuncPayload;
61
+ checkVerifyRes: TCheckSliderVerifyCodeFuncRes;
62
+ };
63
+ export type TVerifyFailedEventPayload = {
64
+ checkVerifyCodePayload: TCheckSliderVerifyCodeFuncPayload;
65
+ checkVerifyRes: TCheckSliderVerifyCodeFuncRes;
66
+ };
67
+ declare const _default: import('vue').DefineComponent<TSliderVerifyProps, {
68
+ open: () => void;
69
+ close: () => void;
70
+ reset: () => Promise<void>;
71
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
72
+ close: () => any;
73
+ verifySuccess: (p: TVerifySuccessEventPayload) => any;
74
+ verifyFailed: (p: TVerifyFailedEventPayload) => any;
75
+ }, string, import('vue').PublicProps, Readonly<TSliderVerifyProps> & Readonly<{
76
+ onClose?: (() => any) | undefined;
77
+ onVerifySuccess?: ((p: TVerifySuccessEventPayload) => any) | undefined;
78
+ onVerifyFailed?: ((p: TVerifyFailedEventPayload) => any) | undefined;
79
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
80
+ BgImageEleRef: HTMLImageElement;
81
+ }, any>;
82
+ export default _default;
@@ -1 +1,2 @@
1
1
  export * from './hooks/useMaskedFieldLogic';
2
+ export * from './constants';
package/dist/index.d.ts CHANGED
@@ -1,3 +1,7 @@
1
+ /**
2
+ * other
3
+ */
4
+ export * from './common';
1
5
  /**
2
6
  * 展示组件
3
7
  */
@@ -5,18 +9,31 @@ export { default as ColoringAvatar } from './ColoringAvatar/ColoringAvatar.vue';
5
9
  /**
6
10
  * 基础组件
7
11
  */
8
- export { default as CopyTxtTrigger, type TCopyTxtTriggerProps } from './CopyTxtTrigger/CopyTxtTrigger.vue';
9
- export { default as MaskTxt, type TMaskTxtProps } from './MaskTxt/MaskTxt.vue';
10
- export { default as SinglePicker, type TSinglePickerProps, type TSPConfirmDisabledOptionPayload, } from './SinglePicker/SinglePicker.vue';
11
- export { default as MultiPicker, type TMultiPickerProps, type TConfirmEventPayload, } from './MultiPicker/MultiPicker.vue';
12
- export { default as DatePicker, type TDatePickerProps, type TDatePickerConfirmPayload, } from './DatePicker/DatePicker.vue';
13
- export { default as DateRangePicker, type TDateRangePickerProps, type TDateRangePickerConfirmPayload, type TDRPickerShowValueFormatterPayload, type TSetDRPickerRealtimeDatePayload, } from './DateRangePicker/DateRangePicker.vue';
12
+ export { default as CopyTxtTrigger } from './CopyTxtTrigger/CopyTxtTrigger.vue';
13
+ export type * from './CopyTxtTrigger/CopyTxtTrigger.vue';
14
+ export { default as SinglePicker } from './SinglePicker/SinglePicker.vue';
15
+ export type * from './SinglePicker/SinglePicker.vue';
16
+ export { default as MultiPicker } from './MultiPicker/MultiPicker.vue';
17
+ export type * from './MultiPicker/MultiPicker.vue';
18
+ export { default as DatePicker } from './DatePicker/DatePicker.vue';
19
+ export type * from './DatePicker/DatePicker.vue';
20
+ export { default as DateRangePicker } from './DateRangePicker/DateRangePicker.vue';
21
+ export type * from './DateRangePicker/DateRangePicker.vue';
14
22
  /**
15
23
  * 表单组件
16
24
  */
17
- export { default as FieldMaskTxt, type TFieldMaskTxtProps } from './FieldMaskTxt/FieldMaskTxt.vue';
18
- export { default as FieldSwitchBtn, type TFieldSwitchBtnProps } from './FieldSwitchBtn/FieldSwitchBtn.vue';
25
+ export { default as FieldMaskTxt } from './FieldMaskTxt/FieldMaskTxt.vue';
26
+ export type * from './FieldMaskTxt/FieldMaskTxt.vue';
27
+ export { default as FieldSwitchBtn } from './FieldSwitchBtn/FieldSwitchBtn.vue';
28
+ export type * from './FieldSwitchBtn/FieldSwitchBtn.vue';
19
29
  export { default as FieldSinglePicker } from './FieldSinglePicker/FieldSinglePicker.vue';
20
30
  export { default as FieldMultiPicker } from './FieldMultiPicker/FieldMultiPicker.vue';
21
31
  export { default as FieldDatePicker } from './FieldDatePicker/FieldDatePicker.vue';
22
32
  export { default as FieldDateRangePicker } from './FieldDateRangePicker/FieldDateRangePicker.vue';
33
+ /**
34
+ * 业务组件
35
+ */
36
+ export { default as MaskTxt } from './MaskTxt/MaskTxt.vue';
37
+ export type * from './MaskTxt/MaskTxt.vue';
38
+ export { default as SliderVerify } from './SliderVerify/SliderVerify.vue';
39
+ export type * from './SliderVerify/SliderVerify.vue';
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}.mask-txt-wrapper[data-v-e7353b20]{display:flex;align-items:center;gap:8px}[data-v-f7dfebe9] .van-search,.multi-picker-header[data-v-4f98a95a] .van-search{flex:1}.multi-picker-main[data-v-4f98a95a]{min-height:200px;max-height:60vh;overflow:hidden;display:flex;flex-direction:column}.multi-picker-main .multi-picker-tip[data-v-4f98a95a]{padding:10px 16px;text-align:center;font-size:13px;color:#666}.multi-picker-main .multi-picker-cell-group[data-v-4f98a95a]{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-a3ec332c],.hidden[data-v-852e2256],.hidden[data-v-294c848b],.hidden[data-v-916f5cef]{display:none}
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-d73a6d55] .van-search,.multi-picker-header[data-v-4f98a95a] .van-search{flex:1}.multi-picker-main[data-v-4f98a95a]{min-height:200px;max-height:60vh;overflow:hidden;display:flex;flex-direction:column}.multi-picker-main .multi-picker-tip[data-v-4f98a95a]{padding:10px 16px;text-align:center;font-size:13px;color:#666}.multi-picker-main .multi-picker-cell-group[data-v-4f98a95a]{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-a3ec332c],.hidden[data-v-852e2256],.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}