@ebfe/vant-kit 0.0.11 → 0.0.13

package/dist/FieldDatePicker/FieldDatePicker.vue.d.ts

@@ -1,88 +1,14 @@
 import { FieldProps } from 'vant';
 import { TDatePickerConfirmPayload, TDatePickerProps } from '../DatePicker/DatePicker.vue';
-type __VLS_Props = TDatePickerProps & {
+export type TFieldDatePickerProps = TDatePickerProps & {
     fieldProps: Partial<Omit<FieldProps, 'modelValue'>>;
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: any;
-    refs: {
-        DatePickerRef: ({
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly modelValue: string | undefined;
-                readonly pickerProps?: Partial<import('vant').DatePickerProps> | undefined;
-                readonly showValueFormatter?: ((date?: Date) => string | undefined) | undefined;
-                readonly onConfirm?: ((option: TDatePickerConfirmPayload) => any) | undefined;
-                readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
-            }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: ((event: "confirm", option: TDatePickerConfirmPayload) => void) & ((event: "update:modelValue", value: string) => void);
-            $el: HTMLDivElement;
-            $options: import('vue').ComponentOptionsBase<Readonly<TDatePickerProps> & Readonly<{
-                onConfirm?: ((option: TDatePickerConfirmPayload) => any) | undefined;
-                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-            }>, {
-                setPickerRealtimeDate: (newValue: string | undefined) => void;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-                confirm: (option: TDatePickerConfirmPayload) => any;
-                "update:modelValue": (value: string) => any;
-            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
-            $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;
-        } & Readonly<{}> & Omit<Readonly<TDatePickerProps> & Readonly<{
-            onConfirm?: ((option: TDatePickerConfirmPayload) => any) | undefined;
-            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-        }>, "setPickerRealtimeDate"> & import('vue').ShallowUnwrapRef<{
-            setPickerRealtimeDate: (newValue: string | undefined) => void;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: Partial<Record<number, (_: any) => any>> & {
-                trigger?(_: {
-                    triggerPopupShow: () => void;
-                    showValue: string;
-                    pickerRealtimeOptions: string[];
-                }): any;
-            };
-        }) | null;
-    };
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TFieldDatePickerProps, {
     setPickerRealtimeDate: import('vue').ComputedRef<((newValue: string | undefined) => void) | undefined>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     confirm: (option: TDatePickerConfirmPayload) => any;
     "update:modelValue": (value: string) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<TFieldDatePickerProps> & Readonly<{
     onConfirm?: ((option: TDatePickerConfirmPayload) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
@@ -152,8 +78,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
             }): any;
         };
     }) | null;
-}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, HTMLDivElement>, Partial<Record<number, (_: any) => any>>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/FieldDateRangePicker/FieldDateRangePicker.vue.d.ts

@@ -1,93 +1,14 @@
 import { FieldProps } from 'vant';
 import { TDateRangePickerConfirmPayload, TDateRangePickerProps } from '../DateRangePicker/DateRangePicker.vue';
-type __VLS_Props = TDateRangePickerProps & {
+export type TFieldDateRangePickerProps = TDateRangePickerProps & {
     fieldProps: Partial<Omit<FieldProps, 'modelValue'>>;
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: any;
-    refs: {
-        DateRangePickerRef: ({
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly modelValue: string[];
-                readonly pickerProps?: Partial<import('vant').DatePickerProps> | undefined;
-                readonly startPickerProps?: Partial<import('vant').DatePickerProps> | undefined;
-                readonly endPickerProps?: Partial<import('vant').DatePickerProps> | undefined;
-                readonly pickerGroupProps?: Partial<import('vant').PickerGroupProps> | undefined;
-                readonly showDateRangeDelimiter?: string | undefined;
-                readonly showValueFormatter?: ((p: import('../DateRangePicker/DateRangePicker.vue').TDRPickerShowValueFormatterPayload) => string | undefined) | undefined;
-                readonly beforeConfirm?: ((newValues: TDateRangePickerProps["modelValue"]) => boolean) | undefined;
-                readonly onConfirm?: ((p: TDateRangePickerConfirmPayload) => any) | undefined;
-                readonly "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
-            }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: ((event: "confirm", p: TDateRangePickerConfirmPayload) => void) & ((event: "update:modelValue", value: string[]) => void);
-            $el: HTMLDivElement;
-            $options: import('vue').ComponentOptionsBase<Readonly<TDateRangePickerProps> & Readonly<{
-                onConfirm?: ((p: TDateRangePickerConfirmPayload) => any) | undefined;
-                "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
-            }>, {
-                setPickerRealtimeDate(p: import('../DateRangePicker/DateRangePicker.vue').TSetDRPickerRealtimeDatePayload): void;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-                confirm: (p: TDateRangePickerConfirmPayload) => any;
-                "update:modelValue": (value: string[]) => any;
-            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
-            $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;
-        } & Readonly<{}> & Omit<Readonly<TDateRangePickerProps> & Readonly<{
-            onConfirm?: ((p: TDateRangePickerConfirmPayload) => any) | undefined;
-            "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
-        }>, "setPickerRealtimeDate"> & import('vue').ShallowUnwrapRef<{
-            setPickerRealtimeDate(p: import('../DateRangePicker/DateRangePicker.vue').TSetDRPickerRealtimeDatePayload): void;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: Partial<Record<number, (_: any) => any>> & Partial<Record<`${number}-start`, (_: any) => any>> & Partial<Record<`${number}-end`, (_: any) => any>> & {
-                trigger?(_: {
-                    showValue: string;
-                    triggerPopupShow: () => void;
-                    pickerRealtimeOptions: string[][];
-                }): any;
-            };
-        }) | null;
-    };
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TFieldDateRangePickerProps, {
     setPickerRealtimeDate: import('vue').ComputedRef<((p: import('../DateRangePicker/DateRangePicker.vue').TSetDRPickerRealtimeDatePayload) => void) | undefined>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     confirm: (p: TDateRangePickerConfirmPayload) => any;
     "update:modelValue": (value: string[]) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<TFieldDateRangePickerProps> & Readonly<{
     onConfirm?: ((p: TDateRangePickerConfirmPayload) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
@@ -162,8 +83,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
             }): any;
         };
     }) | null;
-}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, HTMLDivElement>, Partial<Record<number, (_: any) => any>>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/FieldMaskTxt/FieldMaskTxt.vue.d.ts

@@ -1,6 +1,7 @@
 import { IUseMaskedFieldOptions } from '../common';
 import { FieldProps } from 'vant';
 export type TFieldMaskTxtProps = {
+    hideEyeIcon?: boolean;
     maskId: string;
     modelValue: any;
     fieldProps: Partial<Omit<FieldProps, 'modelValue'>>;
@@ -17,6 +18,7 @@ declare const _default: import('vue').DefineComponent<TFieldMaskTxtProps, {}, {}
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
     loading: boolean;
+    hideEyeIcon: boolean;
     genFieldRules: (p: {
         isPlaintextVisible: boolean;
     }) => FieldProps["rules"];

package/dist/FieldTextarea/FieldTextarea.vue.d.ts

@@ -0,0 +1,14 @@
+import { FieldProps } from 'vant';
+export type TFieldTextareaProps = {
+    fieldProps: Partial<Omit<FieldProps, 'modelValue'>>;
+};
+declare const _default: import('vue').DefineComponent<{
+    modelValue?: string;
+} & TFieldTextareaProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue?: string;
+} & TFieldTextareaProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -24,6 +24,7 @@ export declare function useMaskedField(options: IUseMaskedFieldOptions): {
     isPlaintextVisible: import('vue').Ref<boolean, boolean>;
     fetchPlaintextLoading: import('vue').Ref<boolean, boolean>;
     canUseBackendUnmask: ComputedRef<boolean>;
+    setIsPlaintextVisible: (newValue: boolean) => void;
     revealPlaintext: () => Promise<void>;
     hidePlaintext: () => void;
     toggleVisibility: () => Promise<void>;

package/dist/index.d.ts

@@ -27,9 +27,15 @@ 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 type * from './FieldSinglePicker/FieldSinglePicker.vue';
 export { default as FieldMultiPicker } from './FieldMultiPicker/FieldMultiPicker.vue';
+export type * from './FieldMultiPicker/FieldMultiPicker.vue';
 export { default as FieldDatePicker } from './FieldDatePicker/FieldDatePicker.vue';
+export type * from './FieldDatePicker/FieldDatePicker.vue';
 export { default as FieldDateRangePicker } from './FieldDateRangePicker/FieldDateRangePicker.vue';
+export type * from './FieldDateRangePicker/FieldDateRangePicker.vue';
+export { default as FieldTextarea } from './FieldTextarea/FieldTextarea.vue';
+export type * from './FieldTextarea/FieldTextarea.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)}.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-7ddeb8f9] .van-search,.multi-picker-header[data-v-bca51595] .van-search{flex:1}.multi-picker-main[data-v-bca51595]{min-height:200px;max-height:60vh;overflow:hidden;display:flex;flex-direction:column}.multi-picker-main .multi-picker-tip[data-v-bca51595]{padding:10px 16px;text-align:center;font-size:13px;color:#666}.multi-picker-main .multi-picker-cell-group[data-v-bca51595]{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-12b4a20e]{width:100%;background-color:var(--van-cell-background)}.field-switch-btn-show-content[data-v-12b4a20e]{width:100%;display:flex}.field-switch-btn-show-content .field-switch-btns-container[data-v-12b4a20e]{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:8px}.field-switch-btn-show-content .field-switch-btn[data-v-12b4a20e]{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-12b4a20e]{color:#fff;background:var(--van-button-primary-background)}.field-switch-btn-show-content .field-switch-btn-disabled[data-v-12b4a20e]{color:#999;border-color:#9993;background:#9993;cursor:not-allowed}.hidden[data-v-12b4a20e],.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}
+.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-92a1a6f6] .van-search,.multi-picker-header[data-v-c62a92ff] .van-search{flex:1;padding-left:0;padding-right:0}.multi-picker-main[data-v-c62a92ff]{min-height:200px;max-height:60vh;overflow:hidden;display:flex;flex-direction:column}.multi-picker-main .multi-picker-tip[data-v-c62a92ff]{padding:10px 16px;text-align:center;font-size:13px;color:#666}.multi-picker-main .multi-picker-cell-group[data-v-c62a92ff]{overflow-y:auto}.field-mask-txt-wrapper[data-v-278e9330]{width:100%;background-color:var(--van-cell-background)}.field-mask-txt-show-content[data-v-278e9330]{width:100%;display:flex;align-items:center}.field-mask-txt-show-content .view-trigger[data-v-278e9330]{color:unset}.hidden[data-v-278e9330]{display:none}.field-switch-btn-wrapper[data-v-12b4a20e]{width:100%;background-color:var(--van-cell-background)}.field-switch-btn-show-content[data-v-12b4a20e]{width:100%;display:flex}.field-switch-btn-show-content .field-switch-btns-container[data-v-12b4a20e]{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:8px}.field-switch-btn-show-content .field-switch-btn[data-v-12b4a20e]{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-12b4a20e]{color:#fff;background:var(--van-button-primary-background)}.field-switch-btn-show-content .field-switch-btn-disabled[data-v-12b4a20e]{color:#999;border-color:#9993;background:#9993;cursor:not-allowed}.hidden[data-v-12b4a20e],.hidden[data-v-a5dd858a],.hidden[data-v-65a4a515],.hidden[data-v-886c6741],.hidden[data-v-69e4a9e7]{display:none}[data-v-6ec0e192] .van-field__label--top{margin-bottom:12px}[data-v-6ec0e192] .van-field__value{background-color:#f8f8f8;border-radius:6px;padding:6px 16px}.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}