@seresweb/website-component 2.2.1 → 2.3.0

package/dist/types/components/date-picker/index.d.ts

@@ -0,0 +1,53 @@
+export declare const ScDatePicker: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').DatePickerProps> & Readonly<{
+        onChange?: ((value: string | Date | null) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | Date | null) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        change: (value: string | Date | null) => any;
+        "update:modelValue": (value: string | Date | null) => any;
+    }, import('vue').PublicProps, {
+        format: string;
+        modelValue: Date | string | null;
+        disabled: boolean;
+        dark: boolean;
+        minDate: Date | string;
+        maxDate: Date | string;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./type').DatePickerProps> & Readonly<{
+        onChange?: ((value: string | Date | null) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | Date | null) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        format: string;
+        modelValue: Date | string | null;
+        disabled: boolean;
+        dark: boolean;
+        minDate: Date | string;
+        maxDate: Date | string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./type').DatePickerProps> & Readonly<{
+    onChange?: ((value: string | Date | null) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | Date | null) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: string | Date | null) => any;
+    "update:modelValue": (value: string | Date | null) => any;
+}, string, {
+    format: string;
+    modelValue: Date | string | null;
+    disabled: boolean;
+    dark: boolean;
+    minDate: Date | string;
+    maxDate: Date | string;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: import('vue').App): void;
+};
+export default ScDatePicker;
+export * from './type';

package/dist/types/components/date-picker/type.d.ts

@@ -0,0 +1,12 @@
+export interface DatePickerProps {
+    modelValue?: Date | string | null;
+    format?: string;
+    disabled?: boolean;
+    dark?: boolean;
+    minDate?: Date | string;
+    maxDate?: Date | string;
+}
+export interface DatePickerEmits {
+    (e: 'update:modelValue', value: Date | string | null): void;
+    (e: 'change', value: Date | string | null): void;
+}

package/dist/types/components/date-select/date-select.vue.d.ts

@@ -0,0 +1,16 @@
+import { DateSelectProps } from './type';
+declare const _default: import('vue').DefineComponent<DateSelectProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: string | Date | null) => any;
+    "update:modelValue": (value: string | Date | null) => any;
+}, string, import('vue').PublicProps, Readonly<DateSelectProps> & Readonly<{
+    onChange?: ((value: string | Date | null) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | Date | null) => any) | undefined;
+}>, {
+    placeholder: string;
+    format: string;
+    modelValue: Date | string | null;
+    disabled: boolean;
+    dark: boolean;
+    clearable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/types/components/date-select/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+import { default as Component } from './date-select.vue';
+import { DateSelectProps, DateSelectEmits } from './type';
+export declare const ScDateSelect: typeof Component & {
+    install: (app: App) => App;
+};
+export type { DateSelectProps, DateSelectEmits };

package/dist/types/components/date-select/type.d.ts

@@ -0,0 +1,16 @@
+import { DatePickerProps } from '../date-picker/type';
+export interface DateSelectProps {
+    modelValue?: Date | string | null;
+    format?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    dark?: boolean;
+    clearable?: boolean;
+    minDate?: Date | string;
+    maxDate?: Date | string;
+}
+export interface DateSelectEmits {
+    (e: 'update:modelValue', value: Date | string | null): void;
+    (e: 'change', value: Date | string | null): void;
+}
+export type DateSelectPickerProps = Pick<DatePickerProps, 'minDate' | 'maxDate' | 'format' | 'disabled'>;

package/dist/types/components/index.d.ts

@@ -1,6 +1,11 @@
 import { App } from 'vue';
 export * from './accordion-info-panel';
 export * from './animated-number';
+export * from './checkbox';
+export * from './col';
+export * from './config-provider';
+export * from './date-picker';
+export * from './date-select';
 export * from './drawer';
 export * from './dropdown';
 export * from './gradual-highlight';
@@ -8,8 +13,11 @@ export * from './horizontal-viewer';
 export * from './image-indicator';
 export * from './input';
 export * from './layz-image';
+export * from './locales';
 export * from './parameter-box';
 export * from './radio';
+export * from './row';
+export * from './select';
 export * from './swiper-normal';
 export * from './swiper-showcase';
 export * from './swiper-vehicle';

package/dist/types/components/input/input.vue.d.ts

@@ -15,6 +15,7 @@ declare const __VLS_component: import('vue').DefineComponent<InputProps, {}, {},
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
     type: "text" | "email" | "tel";
+    dark: boolean;
     autocomplete: "on" | "off";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/types/components/input/type.d.ts

@@ -6,4 +6,5 @@ export interface InputProps {
     maxlength?: number;
     type?: 'text' | 'email' | 'tel';
     autocomplete?: 'on' | 'off';
+    dark?: boolean;
 }

package/dist/types/components/locales/ar-SA.d.ts

@@ -0,0 +1,20 @@
+declare const _default: {
+    datePicker: {
+        months: string[];
+        weekdays: string[];
+        today: string;
+        clear: string;
+        confirm: string;
+        cancel: string;
+        selectDate: string;
+        selectTime: string;
+        selectDateTime: string;
+        year: string;
+        month: string;
+        startDate: string;
+        endDate: string;
+        startTime: string;
+        endTime: string;
+    };
+};
+export default _default;

package/dist/types/components/locales/en-US.d.ts

@@ -0,0 +1,20 @@
+declare const _default: {
+    datePicker: {
+        months: string[];
+        weekdays: string[];
+        today: string;
+        clear: string;
+        confirm: string;
+        cancel: string;
+        selectDate: string;
+        selectTime: string;
+        selectDateTime: string;
+        year: string;
+        month: string;
+        startDate: string;
+        endDate: string;
+        startTime: string;
+        endTime: string;
+    };
+};
+export default _default;

package/dist/types/components/locales/index.d.ts

@@ -0,0 +1,44 @@
+import { default as enUS } from './en-US';
+import { default as arSA } from './ar-SA';
+export type Locale = typeof enUS;
+export { enUS, arSA };
+export declare const ScLocales: {
+    enUS: {
+        datePicker: {
+            months: string[];
+            weekdays: string[];
+            today: string;
+            clear: string;
+            confirm: string;
+            cancel: string;
+            selectDate: string;
+            selectTime: string;
+            selectDateTime: string;
+            year: string;
+            month: string;
+            startDate: string;
+            endDate: string;
+            startTime: string;
+            endTime: string;
+        };
+    };
+    arSA: {
+        datePicker: {
+            months: string[];
+            weekdays: string[];
+            today: string;
+            clear: string;
+            confirm: string;
+            cancel: string;
+            selectDate: string;
+            selectTime: string;
+            selectDateTime: string;
+            year: string;
+            month: string;
+            startDate: string;
+            endDate: string;
+            startTime: string;
+            endTime: string;
+        };
+    };
+};

package/dist/types/components/radio/radio.vue.d.ts

@@ -1,9 +1,9 @@
 import { RadioProps } from './type';
 declare const _default: import('vue').DefineComponent<RadioProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
     change: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<RadioProps> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLabelElement>;
 export default _default;

package/dist/types/components/row/index.d.ts

@@ -0,0 +1,6 @@
+import { App } from 'vue';
+import { default as Component } from './row.vue';
+export * from './type';
+export declare const ScRow: typeof Component & {
+    install: (app: App) => App;
+};

package/dist/types/components/row/row.vue.d.ts

@@ -0,0 +1,23 @@
+import { RowProps, GutterType } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<RowProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<RowProps> & Readonly<{}>, {
+    gutter: number | GutterType;
+    justify: "start" | "end" | "center" | "space-between" | "space-around" | "space-evenly";
+    align: "top" | "middle" | "bottom" | "stretch";
+    wrap: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/row/type.d.ts

@@ -0,0 +1,7 @@
+export type GutterType = 'small' | 'medium' | 'large';
+export interface RowProps {
+    gutter?: number | GutterType;
+    justify?: 'start' | 'end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+    align?: 'top' | 'middle' | 'bottom' | 'stretch';
+    wrap?: boolean;
+}

package/dist/types/components/select/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+import { default as Component } from './select.vue';
+import { SelectProps, SelectEmits, SelectOption } from './type';
+export declare const ScSelect: typeof Component & {
+    install: (app: App) => App;
+};
+export type { SelectProps, SelectEmits, SelectOption };

package/dist/types/components/select/select.vue.d.ts

@@ -0,0 +1,48 @@
+import { SelectProps } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        selected?(_: {
+            value: string;
+            hasValue: boolean;
+        }): any;
+        option?(_: {
+            option: import('./type').SelectOption;
+        }): any;
+        default?(_: {
+            select: (option: any) => void;
+            close: (e?: MouseEvent) => void;
+        }): any;
+    };
+    refs: {
+        selectRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
+    close: (e?: MouseEvent) => void;
+    selectOption: (option: any) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: string | number | null) => any;
+    "update:modelValue": (value: string | number | null) => any;
+}, string, import('vue').PublicProps, Readonly<SelectProps> & Readonly<{
+    onChange?: ((value: string | number | null) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
+}>, {
+    placeholder: string;
+    modelValue: string | number | null;
+    disabled: boolean;
+    dark: boolean;
+    options: import('./type').SelectOption[];
+    clearable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    selectRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/select/type.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Select 组件的类型定义
+ */
+export interface SelectOption {
+    label: string;
+    value: string | number;
+    disabled?: boolean;
+}
+export interface SelectProps {
+    modelValue: string | number | null;
+    options?: SelectOption[];
+    placeholder?: string;
+    disabled?: boolean;
+    dark?: boolean;
+    clearable?: boolean;
+}
+export interface SelectEmits {
+    (e: 'update:modelValue', value: string | number | null): void;
+    (e: 'change', value: string | number | null): void;
+}

package/dist/types/components/swiper-normal/swiper-normal.vue.d.ts

@@ -1,10 +1,10 @@
 import { SwiperNormalProps } from './type';
 declare const _default: import('vue').DefineComponent<SwiperNormalProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
     change: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<SwiperNormalProps> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     modelValue: number;
     swiperOptions: import('swiper/types').SwiperOptions;

package/dist/types/components/swiper-showcase/type.d.ts

@@ -1,10 +1,38 @@
 import { SwiperOptions } from 'swiper/types';
 export interface SwiperShowcaseItem {
+    /**
+     * 标题
+     */
     title: string;
+    /**
+     * 描述文本(可选)
+     */
     desc?: string;
+    /**
+     * 图片地址(可选)
+     */
     url?: string;
+    /**
+     * 图片 alt 文本(可选)
+     */
     alt?: string;
+    /**
+     * 标签文本(可选)
+     */
     tag?: string;
+    /**
+     * 日期文本(可选)
+     */
+    date?: string;
+    /**
+     * 链接地址(可选)
+     */
+    link?: string;
+    /**
+     * 链接文本(可选)
+     * @default 'Read More'
+     */
+    linkText?: string;
 }
 export interface SwiperShowcaseProps {
     /**

package/dist/types/components/swiper-vehicle/swiper-vehicle.vue.d.ts

@@ -1,10 +1,10 @@
 import { SwiperVehicleProps } from './type';
 declare const _default: import('vue').DefineComponent<SwiperVehicleProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
     change: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<SwiperVehicleProps> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     modelValue: number;
     swiperOptions: import('swiper/types').SwiperOptions;

package/dist/types/components/tab-indicator/tab-indicator.vue.d.ts

@@ -1,10 +1,10 @@
 import { TabIndicatorProps } from './type';
 declare const _default: import('vue').DefineComponent<TabIndicatorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
     change: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<TabIndicatorProps> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     modelValue: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seresweb/website-component",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "author": "Seres",
   "license": "UNLICENSED",
   "description": "官方网站类的组件",
@@ -43,6 +43,7 @@
   },
   "dependencies": {
     "@vavt/util": "^2.1.0",
+    "dayjs": "^1.11.19",
     "swiper": "^12.0.3"
   }
 }

package/dist/index-BIPlvoY9.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),H=require("./swiper-bundle-gkukcY4l.cjs"),r=require("./_vars-CyrPevgT.cjs");require("./cjs/accordion-info-panel.cjs");require("./cjs/animated-number.cjs");require("./cjs/drawer.cjs");require("./cjs/dropdown.cjs");require("./cjs/gradual-highlight.cjs");const X=require("@vavt/util");require("./cjs/input.cjs");const V=require("./cjs/layz-image.cjs");require("./cjs/parameter-box.cjs");require("./cjs/radio.cjs");require("./cjs/swiper-showcase.cjs");require("./cjs/swiper-vehicle.cjs");const q=require("./cjs/tab-indicator.cjs"),$=require("./cjs/video.cjs"),W=["innerHTML"],O=["innerHTML"],U=["innerHTML"],D=["innerHTML"],A=e.defineComponent({__name:"pc-viewer",props:{title:{},desc:{},dataList:{},extraTopSpacing:{default:0},extraBottomSpacing:{default:0}},setup(l){const p=l,a=e.ref(),v=e.ref(),o=e.ref(),d=e.ref(),f=e.ref(),i=e.ref(),h=e.reactive({container:"",root:"",item:""}),u=n=>typeof n!="number"||Number.isNaN(n)?0:n,g=(n,s,c)=>{const k=Math.min(Math.max(n,0),c),_=Math.min(Math.max(s,0),Math.max(c-k,0));return{safeTop:k,safeBottom:_}},B=()=>{var b;if(!o.value)return;const n=o.value.offsetHeight,s=window.innerHeight,c=((b=i.value)==null?void 0:b.offsetHeight)||0,k=m(i.value),_=u(p.extraTopSpacing),E=u(p.extraBottomSpacing),{safeTop:I,safeBottom:L}=g(_,E,s),C=Math.max(s-I-L,0),z=Math.max((C-c-n-k)/2,0),M=I+z,N=L+z;h.container=`padding-top: ${M}px; padding-bottom: ${N}px; min-height: ${s}px;`;const x=o.value.scrollWidth;h.root=`height: ${Math.max(x,s)}px`},t=()=>{const n=document.documentElement.getAttribute("dir")||"ltr",s=n==="rtl"?"right":"left";if(!a.value||!o.value||!d.value||!f.value)return;const k=a.value.clientHeight-window.innerHeight,{offsetTop:_}=X.getRootOffset(a.value),E=document.documentElement.scrollTop-_;if(E<0){o.value.scrollTo({left:0}),f.value.style[s]="0px";return}if(E>k){const z=o.value.scrollWidth-window.innerWidth;o.value.scrollTo({left:n==="rtl"?-z:z}),f.value.style[s]=d.value.clientWidth-f.value.clientWidth+"px";return}const I=E/k,L=I*(o.value.scrollWidth-window.innerWidth),C=I*(d.value.clientWidth*2/3);o.value.scrollTo({left:n==="rtl"?-L:L}),f.value.style[s]=`${C}px`},w=()=>{h.container="",B()},m=n=>{if(!(n instanceof HTMLElement))return 0;const s=window.getComputedStyle(n),c=parseFloat(s.marginTop)||0,k=parseFloat(s.marginBottom)||0;return c+k};let y;return e.watch(()=>[p.extraTopSpacing,p.extraBottomSpacing],()=>{h.container="",B()}),e.onMounted(()=>{y=new IntersectionObserver(n=>{n.forEach(s=>{s.isIntersecting&&(h.container="",B())})},{root:null,rootMargin:"200px 0px 200px 0px",threshold:0}),window.addEventListener("scroll",t),window.addEventListener("resize",w),a.value&&y.observe(a.value)}),e.onBeforeUnmount(()=>{window.removeEventListener("scroll",t),window.removeEventListener("resize",w),y&&y.disconnect()}),(n,s)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:a,class:e.normalizeClass(`${e.unref(r.PREFIX)}-horizontal-viewer`),style:e.normalizeStyle(h.root)},[e.createElementVNode("div",{ref_key:"containerRef",ref:v,class:e.normalizeClass([`${e.unref(r.PREFIX)}-horizontal-viewer__container`,(n.title||n.desc)&&"has-header"]),style:e.normalizeStyle(h.container)},[n.title||n.desc?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(r.PREFIX)}-horizontal-viewer__header`),ref_key:"headerRef",ref:i},[n.title?(e.openBlock(),e.createElementBlock("p",{key:0,innerHTML:n.title},null,8,W)):e.createCommentVNode("v-if",!0),n.desc?(e.openBlock(),e.createElementBlock("p",{key:1,innerHTML:n.desc},null,8,O)):e.createCommentVNode("v-if",!0)],2)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{ref_key:"scrollerRef",ref:o,class:e.normalizeClass(`${e.unref(r.PREFIX)}-horizontal-viewer__scroller`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(r.PREFIX)}-horizontal-viewer__content`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.dataList,c=>(e.openBlock(),e.createElementBlock("div",{key:c.title,class:e.normalizeClass(`${e.unref(r.PREFIX)}-horizontal-viewer__content-item`)},[c.type==="img"?(e.openBlock(),e.createBlock(e.unref(V.ScLayzImage),{key:0,src:c.url,alt:c.alt},null,8,["src","alt"])):(e.openBlock(),e.createBlock(e.unref($.ScVideo),{key:1,url:c.url,poster:c.poster,"auto-play":!1},null,8,["url","poster"])),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(r.PREFIX)}-horizontal-viewer__content-item-footer`)},[e.createElementVNode("p",{innerHTML:c.title},null,8,U),e.createElementVNode("p",{innerHTML:c.desc},null,8,D)],2)],2))),128))],2)],2),e.createElementVNode("div",{ref_key:"paginationRef",ref:d,class:e.normalizeClass(`${e.unref(r.PREFIX)}-horizontal-viewer__pagination`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(r.PREFIX)}-horizontal-viewer__scrollbar`)},[e.createElementVNode("div",{ref_key:"scrollbarDragRef",ref:f,class:e.normalizeClass(`${e.unref(r.PREFIX)}-horizontal-viewer__scrollbar-drag`)},null,2)],2)],2)],6)],6))}}),Y=e.defineComponent({__name:"mb-viewer",props:{title:{},desc:{},isMobile:{type:Boolean},extraTopSpacing:{},extraBottomSpacing:{},modelValue:{},dataList:{},swiperOptions:{},effect:{},showIntro:{type:Boolean},videoProps:{},indicatorClass:{},tabIndicatorBottom:{},widthType:{},indicatorType:{},showIndicator:{type:Boolean},indicatorPosition:{}},setup(l){const p=l,a=e.ref();return(v,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:a,class:e.normalizeClass(`${e.unref(r.PREFIX)}-horizontal-viewer-mb`)},[e.createVNode(e.unref(F),e.mergeProps(p,{indicatorType:"image"}),null,16)],2))}}),R=e.defineComponent({__name:"horizontal-viewer",props:{title:{},desc:{},isMobile:{type:Boolean},extraTopSpacing:{},extraBottomSpacing:{},modelValue:{},dataList:{},swiperOptions:{},effect:{},showIntro:{type:Boolean},videoProps:{},indicatorClass:{},tabIndicatorBottom:{},widthType:{},indicatorType:{},showIndicator:{type:Boolean,default:!0},indicatorPosition:{}},setup(l){const p=l;return(a,v)=>a.isMobile?(e.openBlock(),e.createBlock(Y,e.normalizeProps(e.mergeProps({key:0},p)),null,16)):(e.openBlock(),e.createBlock(A,e.normalizeProps(e.mergeProps({key:1},p)),null,16))}});R.install=l=>(l.component("ScHorizontalViewer",R),l);const Z=R,j=["onClick"],G=["innerHTML"],J=["innerHTML"],P=e.defineComponent({__name:"image-indicator",props:{dataList:{},showIntro:{type:Boolean,default:!0}},emits:["change"],setup(l,{emit:p}){const a=p,v=e.ref(0),o=e.ref([]),d=e.computed(()=>{const i=o.value[v.value];return{height:`${i==null?void 0:i.offsetHeight}px`}}),f=i=>{v.value=i,a("change",i)};return(i,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`${e.unref(r.PREFIX)}-image-indicator`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(r.PREFIX)}-image-indicator__list`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.dataList,(u,g)=>(e.openBlock(),e.createElementBlock("div",{key:u.url,class:e.normalizeClass([`${e.unref(r.PREFIX)}-image-indicator__list-item`,v.value===g?`${e.unref(r.PREFIX)}-image-indicator__active`:""]),onClick:B=>f(g)},[e.createVNode(e.unref(V.ScLayzImage),{src:u.url,alt:u.alt},null,8,["src","alt"])],10,j))),128))],2),i.showIntro?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(r.PREFIX)}-image-indicator__intro`),style:e.normalizeStyle(d.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.dataList,(u,g)=>(e.openBlock(),e.createElementBlock("div",{key:u.url,ref_for:!0,ref_key:"introItemRef",ref:o,class:e.normalizeClass([`${e.unref(r.PREFIX)}-image-indicator__intro-item`,v.value===g&&`${e.unref(r.PREFIX)}-image-indicator__active`])},[u.title?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(`${e.unref(r.PREFIX)}-image-indicator__intro-title`),innerHTML:u.title},null,10,G)):e.createCommentVNode("v-if",!0),u.desc?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(`${e.unref(r.PREFIX)}-image-indicator__intro-desc`),innerHTML:u.desc},null,10,J)):e.createCommentVNode("v-if",!0)],2))),128))],6)):e.createCommentVNode("v-if",!0)],2))}});P.install=l=>(l.component("ScImageIndicator",P),l);const T=P,K={class:"swiper-wrapper"},S=e.defineComponent({__name:"swiper-normal",props:{modelValue:{default:0},dataList:{},swiperOptions:{default:()=>({})},effect:{},showIntro:{type:Boolean,default:!0},videoProps:{},indicatorClass:{},tabIndicatorBottom:{},widthType:{default:"full"},indicatorType:{default:"tab"},showIndicator:{type:Boolean,default:!0},indicatorPosition:{default:"relative"}},emits:["change","update:modelValue"],setup(l,{emit:p}){const a=l,v=p;let o=null;const d=e.ref(a.modelValue),f=e.ref(),i=e.computed(()=>{const t=[`${r.PREFIX}-swiper-main`];return a.widthType==="middle"?t.push(`${r.PREFIX}-swiper-main__middle`):t.push(`${r.PREFIX}-swiper-main__full`),t}),h=e.computed(()=>{const t={};return a.tabIndicatorBottom&&(t.position="absolute",t.zIndex=1,t.bottom=typeof a.tabIndicatorBottom=="number"?`${a.tabIndicatorBottom}px`:a.tabIndicatorBottom),t});e.watch(()=>a.modelValue,()=>{d.value=a.modelValue,g(d.value)});const u=e.computed(()=>a.dataList.map(t=>({...t,url:t.type==="img"?t.url||"":t.poster||""}))),g=t=>{o==null||o.slideTo(t)},B=()=>{o==null||o.destroy(),f.value&&(o=new H.Swiper(f.value,{slidesPerView:1,allowTouchMove:!1,effect:a.effect,navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},...a.swiperOptions}),o.on("slideChange",t=>{d.value=t.activeIndex,v("change",t.activeIndex),v("update:modelValue",t.activeIndex)}))};return e.onMounted(()=>{B(),window.addEventListener("resize",B)}),e.onBeforeUnmount(()=>{o==null||o.destroy(),window.removeEventListener("resize",B)}),(t,w)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`${e.unref(r.PREFIX)}-swiper`)},[e.createElementVNode("div",{ref_key:"swiperRef",ref:f,class:e.normalizeClass(i.value)},[e.createElementVNode("div",K,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataList,(m,y)=>(e.openBlock(),e.createElementBlock("div",{key:m.title,class:"swiper-slide"},[m.type==="img"?(e.openBlock(),e.createBlock(e.unref(V.ScLayzImage),{key:0,src:m.url,alt:m.alt},null,8,["src","alt"])):(e.openBlock(),e.createBlock(e.unref($.ScVideo),e.mergeProps({key:1,ref_for:!0},t.videoProps,{url:m.url,poster:m.poster,playable:d.value===y}),null,16,["url","poster","playable"])),m.mask?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(`${e.unref(r.PREFIX)}-swiper-mask`)},null,2)):e.createCommentVNode("v-if",!0)]))),128))]),w[2]||(w[2]=e.createStaticVNode('<div class="swiper-button-next"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><path d="M9.64299 3.12871L9.51887 5.83301L15.6859 12L9.51887 18.167L9.64299 20.8713L18.5143 12L9.64299 3.12871Z" fill="white"></path></svg></div><div class="swiper-button-prev"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15.1289 3.12871L15.2531 5.83301L9.08609 12L15.2531 18.167L15.1289 20.8713L6.25766 12L15.1289 3.12871Z" fill="white"></path></svg></div>',2))],2),t.showIndicator?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.indicatorType==="tab"?(e.openBlock(),e.createBlock(e.unref(q.ScTabIndicator),{key:0,modelValue:d.value,"onUpdate:modelValue":w[0]||(w[0]=m=>d.value=m),class:e.normalizeClass([t.indicatorClass,t.indicatorPosition==="absolute"&&`${e.unref(r.PREFIX)}-swiper-indicator-absolute`]),dataList:t.dataList,"show-intro":t.showIntro,style:e.normalizeStyle(h.value),onChange:g},null,8,["modelValue","class","dataList","show-intro","style"])):(e.openBlock(),e.createBlock(e.unref(T),{key:1,modelValue:d.value,"onUpdate:modelValue":w[1]||(w[1]=m=>d.value=m),dataList:u.value,onChange:g},null,8,["modelValue","dataList"]))],64)):e.createCommentVNode("v-if",!0)],2))}});S.install=l=>(l.component("ScSwiperNormal",S),l);const F=S;exports.ScHorizontalViewer=Z;exports.ScImageIndicator=T;exports.ScSwiperNormal=F;