@ebfe/vant-kit 0.0.4 → 0.0.6

package/dist/SinglePicker/SinglePicker.vue.d.ts

@@ -12,13 +12,13 @@ export type TSPConfirmDisabledOptionPayload = {
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TSinglePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     search: (value: string) => any;
     confirm: (option: any) => any;
-    "update:modelValue": (value: any) => any;
     confirmDisabledOption: (p: TSPConfirmDisabledOptionPayload) => any;
+    "update:modelValue": (value: any) => any;
 }, string, import('vue').PublicProps, Readonly<TSinglePickerProps> & Readonly<{
     onSearch?: ((value: string) => any) | undefined;
     onConfirm?: ((option: any) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     onConfirmDisabledOption?: ((p: TSPConfirmDisabledOptionPayload) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
     showSearch: boolean;
     searchDelay: number;

package/dist/SliderVerify/SliderVerify.vue.d.ts

@@ -0,0 +1,78 @@
+export type TCurrentCaptchaConfig = {
+    startSlidingTime: Date;
+    endSlidingTime: Date;
+    trackList: any[];
+    bgImageWidth: number;
+    bgImageHeight: number;
+    templateImageWidth: number;
+    templateImageHeight: number;
+    end: number;
+    startX: number;
+    startY: number;
+    isMoving: boolean;
+    moveX: number;
+    movePercent: number;
+};
+export type TVerifyCodeDatasource = {
+    id: string;
+    captcha: {
+        backgroundImage: string;
+        backgroundImageWidth: number;
+        backgroundImageHeight: number;
+        templateImage: string;
+        templateImageWidth: number;
+        templateImageHeight: number;
+    };
+};
+export type TCheckSliderVerifyCodeFuncPayload = {
+    id: string;
+    captchaInfo: TCurrentCaptchaConfig;
+};
+export type TCheckSliderVerifyCodeFuncRes = {
+    matching: boolean;
+    smsSendKey: string;
+};
+export type TSliderVerifyProcessingCloseFuncPayload = {
+    close: () => void;
+};
+export type TProcessingSliderVerifySuccessFuncPayload = {
+    checkVerifyCodePayload: TCheckSliderVerifyCodeFuncPayload;
+    checkVerifyRes: TCheckSliderVerifyCodeFuncRes;
+    close: () => void;
+};
+export type TProcessingSliderVerifyFailedFuncPayload = {
+    checkVerifyCodePayload: TCheckSliderVerifyCodeFuncPayload;
+    checkVerifyRes: TCheckSliderVerifyCodeFuncRes;
+    close: () => void;
+};
+export type TSliderVerifyProps = {
+    getVerifyCode: () => Promise<TVerifyCodeDatasource>;
+    checkVerifyCode: (p: TCheckSliderVerifyCodeFuncPayload) => Promise<TCheckSliderVerifyCodeFuncRes>;
+    processingClose?: (p: TSliderVerifyProcessingCloseFuncPayload) => any;
+    processingVerifySuccess?: (p: TProcessingSliderVerifySuccessFuncPayload) => any;
+    processingVerifyFailed?: (p: TProcessingSliderVerifyFailedFuncPayload) => any;
+};
+export type TVerifySuccessEventPayload = {
+    checkVerifyCodePayload: TCheckSliderVerifyCodeFuncPayload;
+    checkVerifyRes: TCheckSliderVerifyCodeFuncRes;
+};
+export type TVerifyFailedEventPayload = {
+    checkVerifyCodePayload: TCheckSliderVerifyCodeFuncPayload;
+    checkVerifyRes: TCheckSliderVerifyCodeFuncRes;
+};
+declare const _default: import('vue').DefineComponent<TSliderVerifyProps, {
+    open: () => void;
+    close: () => void;
+    reset: () => Promise<void>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: () => any;
+    verifySuccess: (p: TVerifySuccessEventPayload) => any;
+    verifyFailed: (p: TVerifyFailedEventPayload) => any;
+}, string, import('vue').PublicProps, Readonly<TSliderVerifyProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onVerifySuccess?: ((p: TVerifySuccessEventPayload) => any) | undefined;
+    onVerifyFailed?: ((p: TVerifyFailedEventPayload) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    BgImageEleRef: HTMLImageElement;
+}, any>;
+export default _default;

package/dist/common/constants.d.ts

@@ -0,0 +1,2 @@
+import { FieldProps } from 'vant';
+export declare const CommonFieldProps: Partial<FieldProps>;

package/dist/common/hooks/useMaskedFieldLogic.d.ts

@@ -0,0 +1,32 @@
+import { ComputedRef } from 'vue';
+export type TMaskType = 'id' | 'phone' | 'bankCard' | 'email';
+export interface IUseMaskedFieldOptions {
+    modelValue: ComputedRef<string>;
+    maskId: ComputedRef<string>;
+    fetchPlaintext: (maskId: string) => Promise<string>;
+    decrypt: (cipher: string) => string;
+    encrypt?: (plain: string) => string;
+    placeholder?: string;
+    /**
+     * 自定义脱敏函数（最高优先级）
+     * 若提供，则忽略 maskType 和 placeholder
+     */
+    maskStrategy?: (str: string) => string;
+    /**
+     * 使用内置脱敏策略（中优先级）
+     * 若未提供 maskStrategy，则使用此策略
+     */
+    maskType?: TMaskType;
+    onValueUpdate?: (value: string) => void;
+}
+export declare function useMaskedField(options: IUseMaskedFieldOptions): {
+    showValue: ComputedRef<string>;
+    isPlaintextVisible: import('vue').Ref<boolean, boolean>;
+    fetchPlaintextLoading: import('vue').Ref<boolean, boolean>;
+    canUseBackendUnmask: ComputedRef<boolean>;
+    revealPlaintext: () => Promise<void>;
+    hidePlaintext: () => void;
+    toggleVisibility: () => Promise<void>;
+    plainTextValue: ComputedRef<string>;
+    updateModelValue: (inputValue: string) => void;
+};

package/dist/common/index.d.ts

@@ -0,0 +1 @@
+export * from './hooks/useMaskedFieldLogic';

package/dist/index.d.ts

@@ -1,8 +1,35 @@
 /**
- * 组件导出
+ * 展示组件
  */
 export { default as ColoringAvatar } from './ColoringAvatar/ColoringAvatar.vue';
-export { default as FieldMultiPicker } from './FieldMultiPicker/FieldMultiPicker.vue';
+/**
+ * 基础组件
+ */
+export { default as CopyTxtTrigger } from './CopyTxtTrigger/CopyTxtTrigger.vue';
+export type * from './CopyTxtTrigger/CopyTxtTrigger.vue';
+export { default as SinglePicker } from './SinglePicker/SinglePicker.vue';
+export type * from './SinglePicker/SinglePicker.vue';
+export { default as MultiPicker } from './MultiPicker/MultiPicker.vue';
+export type * from './MultiPicker/MultiPicker.vue';
+export { default as DatePicker } from './DatePicker/DatePicker.vue';
+export type * from './DatePicker/DatePicker.vue';
+export { default as DateRangePicker } from './DateRangePicker/DateRangePicker.vue';
+export type * from './DateRangePicker/DateRangePicker.vue';
+/**
+ * 表单组件
+ */
+export { default as FieldMaskTxt } from './FieldMaskTxt/FieldMaskTxt.vue';
+export type * from './FieldMaskTxt/FieldMaskTxt.vue';
+export { default as FieldSwitchBtn } from './FieldSwitchBtn/FieldSwitchBtn.vue';
+export type * from './FieldSwitchBtn/FieldSwitchBtn.vue';
 export { default as FieldSinglePicker } from './FieldSinglePicker/FieldSinglePicker.vue';
-export { default as MultiPicker, type TMultiPickerProps, type TConfirmEventPayload, } from './MultiPicker/MultiPicker.vue';
-export { default as SinglePicker, type TSinglePickerProps, type TSPConfirmDisabledOptionPayload, } from './SinglePicker/SinglePicker.vue';
+export { default as FieldMultiPicker } from './FieldMultiPicker/FieldMultiPicker.vue';
+export { default as FieldDatePicker } from './FieldDatePicker/FieldDatePicker.vue';
+export { default as FieldDateRangePicker } from './FieldDateRangePicker/FieldDateRangePicker.vue';
+/**
+ * 业务组件
+ */
+export { default as MaskTxt } from './MaskTxt/MaskTxt.vue';
+export type * from './MaskTxt/MaskTxt.vue';
+export { default as SliderVerify } from './SliderVerify/SliderVerify.vue';
+export type * from './SliderVerify/SliderVerify.vue';

package/dist/vant-kit.css

@@ -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}
+.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-d89f17f8]{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-d89f17f8]{float:left;z-index:1;position:relative;background-color:#fff;width:335px;padding-top:20px}.canvas_img[data-v-d89f17f8]{width:var(--7cf68fb8);min-height:150px;position:relative;display:flex;align-items:center;justify-content:center;margin:0 0 20px 20px}.canvas_img img[src=""][data-v-d89f17f8],.canvas_img img[data-v-d89f17f8]:not([src]){visibility:hidden}.big-img[data-v-d89f17f8]{width:100%;height:180px}.slider-img[data-v-d89f17f8]{width:55px;height:180px;position:absolute;top:0;left:var(--699c212b);z-index:2}.canvas_slide[data-v-d89f17f8]{width:295px;height:45px;background:#eee;text-align:center;line-height:40px;margin:0 auto;position:relative;font-size:13px}.canvas_kus[data-v-d89f17f8]{width:48px;height:45px;background-color:#fff;font-size:18px;font-weight:700;position:absolute;left:var(--699c212b);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-d89f17f8]{width:20px;height:20px;margin-top:10px}.canvas_kus[data-v-d89f17f8]:active{cursor:grabbing}.canvas_guil[data-v-d89f17f8]{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-d89f17f8]{width:25px;height:25px;margin-left:15px}