@ebfe/vant-kit 0.0.4 → 0.0.5

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/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,22 @@
 /**
- * 组件导出
+ * 展示组件
  */
 export { default as ColoringAvatar } from './ColoringAvatar/ColoringAvatar.vue';
-export { default as FieldMultiPicker } from './FieldMultiPicker/FieldMultiPicker.vue';
-export { default as FieldSinglePicker } from './FieldSinglePicker/FieldSinglePicker.vue';
-export { default as MultiPicker, type TMultiPickerProps, type TConfirmEventPayload, } from './MultiPicker/MultiPicker.vue';
+/**
+ * 基础组件
+ */
+export { default as CopyTxtTrigger, type TCopyTxtTriggerProps } from './CopyTxtTrigger/CopyTxtTrigger.vue';
+export { default as MaskTxt, type TMaskTxtProps } from './MaskTxt/MaskTxt.vue';
 export { default as SinglePicker, type TSinglePickerProps, type TSPConfirmDisabledOptionPayload, } from './SinglePicker/SinglePicker.vue';
+export { default as MultiPicker, type TMultiPickerProps, type TConfirmEventPayload, } from './MultiPicker/MultiPicker.vue';
+export { default as DatePicker, type TDatePickerProps, type TDatePickerConfirmPayload, } from './DatePicker/DatePicker.vue';
+export { default as DateRangePicker, type TDateRangePickerProps, type TDateRangePickerConfirmPayload, type TDRPickerShowValueFormatterPayload, type TSetDRPickerRealtimeDatePayload, } from './DateRangePicker/DateRangePicker.vue';
+/**
+ * 表单组件
+ */
+export { default as FieldMaskTxt, type TFieldMaskTxtProps } from './FieldMaskTxt/FieldMaskTxt.vue';
+export { default as FieldSwitchBtn, type TFieldSwitchBtnProps } from './FieldSwitchBtn/FieldSwitchBtn.vue';
+export { default as FieldSinglePicker } from './FieldSinglePicker/FieldSinglePicker.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';

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}.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}