@ebfe/vant-kit 0.0.14 → 0.0.15

package/dist/DatePicker/DatePicker.vue.d.ts

@@ -1,4 +1,4 @@
-import { DatePickerProps } from 'vant';
+import { DatePickerProps, PopupProps } from 'vant';
 export type TDatePickerConfirmPayload = {
     selectedValues: string[];
     selectedOptions: Array<{
@@ -10,10 +10,12 @@ export type TDatePickerConfirmPayload = {
 export type TDatePickerProps = {
     modelValue: string | undefined;
     pickerProps?: Partial<DatePickerProps>;
+    popupProps?: Partial<PopupProps>;
     showValueFormatter?: (date?: Date) => string | undefined;
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TDatePickerProps, {
     setPickerRealtimeDate: (newValue: string | undefined) => void;
+    handleCancel: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     confirm: (option: TDatePickerConfirmPayload) => any;
     "update:modelValue": (value: string) => any;

package/dist/DateRangePicker/DateRangePicker.vue.d.ts

@@ -1,4 +1,4 @@
-import { DatePickerProps, PickerGroupProps } from 'vant';
+import { DatePickerProps, PickerGroupProps, PopupProps } from 'vant';
 export type TDateRangePickerConfirmPayload = {
     values: TDateRangePickerProps['modelValue'];
 };
@@ -13,6 +13,7 @@ export type TDRPickerShowValueFormatterPayload = {
 export type TDateRangePickerProps = {
     modelValue: string[];
     pickerProps?: Partial<DatePickerProps>;
+    popupProps?: Partial<PopupProps>;
     startPickerProps?: Partial<DatePickerProps>;
     endPickerProps?: Partial<DatePickerProps>;
     pickerGroupProps?: Partial<PickerGroupProps>;
@@ -22,6 +23,7 @@ export type TDateRangePickerProps = {
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TDateRangePickerProps, {
     setPickerRealtimeDate(p: TSetDRPickerRealtimeDatePayload): void;
+    handleCancel: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     confirm: (p: TDateRangePickerConfirmPayload) => any;
     "update:modelValue": (value: string[]) => any;

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

@@ -5,6 +5,7 @@ export type TFieldDatePickerProps = TDatePickerProps & {
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TFieldDatePickerProps, {
     setPickerRealtimeDate: import('vue').ComputedRef<((newValue: string | undefined) => void) | undefined>;
+    handleCancel: import('vue').ComputedRef<(() => void) | undefined>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     confirm: (option: TDatePickerConfirmPayload) => any;
     "update:modelValue": (value: string) => any;
@@ -18,6 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TF
         $props: {
             readonly modelValue: string | undefined;
             readonly pickerProps?: Partial<import('vant').DatePickerProps> | undefined;
+            readonly popupProps?: Partial<import('vant').PopupProps> | undefined;
             readonly showValueFormatter?: ((date?: Date) => string | undefined) | undefined;
             readonly onConfirm?: ((option: TDatePickerConfirmPayload) => any) | undefined;
             readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
@@ -41,6 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TF
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         }>, {
             setPickerRealtimeDate: (newValue: string | undefined) => void;
+            handleCancel: () => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             confirm: (option: TDatePickerConfirmPayload) => any;
             "update:modelValue": (value: string) => any;
@@ -67,8 +70,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TF
     } & Readonly<{}> & Omit<Readonly<TDatePickerProps> & Readonly<{
         onConfirm?: ((option: TDatePickerConfirmPayload) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    }>, "setPickerRealtimeDate"> & import('vue').ShallowUnwrapRef<{
+    }>, "handleCancel" | "setPickerRealtimeDate"> & import('vue').ShallowUnwrapRef<{
         setPickerRealtimeDate: (newValue: string | undefined) => void;
+        handleCancel: () => void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: Partial<Record<number, (_: any) => any>> & {
             trigger?(_: {

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

@@ -5,6 +5,7 @@ export type TFieldDateRangePickerProps = TDateRangePickerProps & {
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TFieldDateRangePickerProps, {
     setPickerRealtimeDate: import('vue').ComputedRef<((p: import('../DateRangePicker/DateRangePicker.vue').TSetDRPickerRealtimeDatePayload) => void) | undefined>;
+    handleCancel: import('vue').ComputedRef<(() => void) | undefined>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     confirm: (p: TDateRangePickerConfirmPayload) => any;
     "update:modelValue": (value: string[]) => any;
@@ -18,6 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TF
         $props: {
             readonly modelValue: string[];
             readonly pickerProps?: Partial<import('vant').DatePickerProps> | undefined;
+            readonly popupProps?: Partial<import('vant').PopupProps> | undefined;
             readonly startPickerProps?: Partial<import('vant').DatePickerProps> | undefined;
             readonly endPickerProps?: Partial<import('vant').DatePickerProps> | undefined;
             readonly pickerGroupProps?: Partial<import('vant').PickerGroupProps> | undefined;
@@ -46,6 +48,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TF
             "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
         }>, {
             setPickerRealtimeDate(p: import('../DateRangePicker/DateRangePicker.vue').TSetDRPickerRealtimeDatePayload): void;
+            handleCancel: () => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             confirm: (p: TDateRangePickerConfirmPayload) => any;
             "update:modelValue": (value: string[]) => any;
@@ -72,8 +75,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TF
     } & Readonly<{}> & Omit<Readonly<TDateRangePickerProps> & Readonly<{
         onConfirm?: ((p: TDateRangePickerConfirmPayload) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
-    }>, "setPickerRealtimeDate"> & import('vue').ShallowUnwrapRef<{
+    }>, "handleCancel" | "setPickerRealtimeDate"> & import('vue').ShallowUnwrapRef<{
         setPickerRealtimeDate(p: import('../DateRangePicker/DateRangePicker.vue').TSetDRPickerRealtimeDatePayload): void;
+        handleCancel: () => void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: Partial<Record<number, (_: any) => any>> & Partial<Record<`${number}-start`, (_: any) => any>> & Partial<Record<`${number}-end`, (_: any) => any>> & {
             trigger?(_: {

package/dist/FieldMultiPicker/FieldMultiPicker.vue.d.ts

@@ -7,6 +7,7 @@ declare const _default: import('vue').DefineComponent<TFieldMultiPickerProps, {
     getOptionsIdMapData: import('vue').ComputedRef<(() => {
         [x: string]: any;
     }) | undefined>;
+    handleCancel: import('vue').ComputedRef<(() => void) | undefined>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     search: (value: string) => any;
     confirm: (p: TConfirmEventPayload) => any;
@@ -33,6 +34,7 @@ declare const _default: import('vue').DefineComponent<TFieldMultiPickerProps, {
             readonly showSearch?: boolean | undefined;
             readonly searchDelay?: number | undefined;
             readonly processingFallbackOpts?: ((p: import('../MultiPicker/MultiPicker.vue').TMPProcessingFallbackOptsPayload) => any[]) | undefined;
+            readonly popupProps?: Partial<import('vant').PopupProps> | undefined;
             readonly onSearch?: ((value: string) => any) | undefined;
             readonly onConfirm?: ((p: TConfirmEventPayload) => any) | undefined;
             readonly "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
@@ -61,6 +63,7 @@ declare const _default: import('vue').DefineComponent<TFieldMultiPickerProps, {
             getOptionsIdMapData(): {
                 [x: string]: any;
             };
+            handleCancel: () => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             search: (value: string) => any;
             confirm: (p: TConfirmEventPayload) => any;
@@ -68,6 +71,7 @@ declare const _default: import('vue').DefineComponent<TFieldMultiPickerProps, {
             toggleCheckbox: (value: any[]) => any;
         }, string, {
             title: string;
+            popupProps: Partial<import('vant').PopupProps>;
             showSearch: boolean;
             searchDelay: number;
             fieldNames: {
@@ -98,6 +102,7 @@ declare const _default: import('vue').DefineComponent<TFieldMultiPickerProps, {
         $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<{
         title: string;
+        popupProps: Partial<import('vant').PopupProps>;
         showSearch: boolean;
         searchDelay: number;
         fieldNames: {
@@ -111,10 +116,11 @@ declare const _default: import('vue').DefineComponent<TFieldMultiPickerProps, {
         onConfirm?: ((p: TConfirmEventPayload) => any) | undefined;
         "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
         onToggleCheckbox?: ((value: any[]) => any) | undefined;
-    }>, "getOptionsIdMapData" | ("title" | "showSearch" | "searchDelay" | "fieldNames" | "tipTxt" | "processingFallbackOpts")> & import('vue').ShallowUnwrapRef<{
+    }>, "handleCancel" | "getOptionsIdMapData" | ("title" | "popupProps" | "showSearch" | "searchDelay" | "fieldNames" | "tipTxt" | "processingFallbackOpts")> & import('vue').ShallowUnwrapRef<{
         getOptionsIdMapData(): {
             [x: string]: any;
         };
+        handleCancel: () => void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             trigger?(_: {

package/dist/FieldSinglePicker/FieldSinglePicker.vue.d.ts

@@ -3,7 +3,9 @@ import { FieldProps } from 'vant';
 export type TFieldSinglePickerProps = TSinglePickerProps & {
     fieldProps: Partial<Omit<FieldProps, 'modelValue'>>;
 };
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TFieldSinglePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TFieldSinglePickerProps, {
+    handleCancel: import('vue').ComputedRef<(() => void) | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     search: (value: string) => any;
     confirm: (option: any) => any;
     confirmDisabledOption: (p: TSPConfirmDisabledOptionPayload) => any;

package/dist/MultiPicker/MultiPicker.vue.d.ts

@@ -1,3 +1,4 @@
+import { PopupProps } from 'vant';
 type IdMapData = {
     [key in string]: any;
 };
@@ -17,6 +18,7 @@ export type TMultiPickerProps = {
     showSearch?: boolean;
     searchDelay?: number;
     processingFallbackOpts?: (p: TMPProcessingFallbackOptsPayload) => any[];
+    popupProps?: Partial<PopupProps>;
 };
 export type TConfirmEventPayload = {
     values: any[];
@@ -24,6 +26,7 @@ export type TConfirmEventPayload = {
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TMultiPickerProps, {
     getOptionsIdMapData(): IdMapData;
+    handleCancel: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     search: (value: string) => any;
     confirm: (p: TConfirmEventPayload) => any;
@@ -36,6 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TM
     onToggleCheckbox?: ((value: any[]) => any) | undefined;
 }>, {
     title: string;
+    popupProps: Partial<PopupProps>;
     showSearch: boolean;
     searchDelay: number;
     fieldNames: TFieldNames;

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

@@ -1,10 +1,11 @@
-import { PickerProps } from 'vant';
+import { PickerProps, PopupProps } from 'vant';
 export type TSPProcessingFallbackOptPayload = {
     prePatchValue: any;
 };
 export type TSinglePickerProps = {
     modelValue: any;
     pickerProps: Partial<PickerProps>;
+    popupProps?: Partial<PopupProps>;
     processingFallbackOpt?: (p: TSPProcessingFallbackOptPayload) => any;
     showSearch?: boolean;
     searchDelay?: number;
@@ -13,7 +14,9 @@ export type TSPConfirmDisabledOptionPayload = {
     option: any;
     closePopup: () => void;
 };
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TSinglePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TSinglePickerProps, {
+    handleCancel: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     search: (value: string) => any;
     confirm: (option: any) => any;
     confirmDisabledOption: (p: TSPConfirmDisabledOptionPayload) => any;
@@ -24,6 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TS
     onConfirmDisabledOption?: ((p: TSPConfirmDisabledOptionPayload) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
+    popupProps: Partial<PopupProps>;
     processingFallbackOpt: (p: TSPProcessingFallbackOptPayload) => any;
     showSearch: boolean;
     searchDelay: number;

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-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}
+.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-bae41a77] .van-search,.multi-picker-header[data-v-6db95caa] .van-search{flex:1;padding-left:0;padding-right:0}.multi-picker-main[data-v-6db95caa]{min-height:200px;max-height:60vh;overflow:hidden;display:flex;flex-direction:column}.multi-picker-main .multi-picker-tip[data-v-6db95caa]{padding:10px 16px;text-align:center;font-size:13px;color:#666}.multi-picker-main .multi-picker-cell-group[data-v-6db95caa]{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-eac0face],.hidden[data-v-18b4e420],.hidden[data-v-0e9513a6],.hidden[data-v-d967364f]{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}