@seresweb/website-component 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +144 -0
- package/dist/_vars-BV4QQF-p.js +4 -0
- package/dist/_vars-CyrPevgT.cjs +1 -0
- package/dist/cjs/Input.cjs +1 -0
- package/dist/cjs/accordion-info-panel.cjs +1 -0
- package/dist/cjs/animated-number.cjs +1 -0
- package/dist/cjs/drawer.cjs +1 -0
- package/dist/cjs/dropdown.cjs +1 -0
- package/dist/cjs/gradual-highlight.cjs +1 -0
- package/dist/cjs/horizontal-viewer.cjs +1 -0
- package/dist/cjs/image-indicator.cjs +1 -0
- package/dist/cjs/index.cjs +1 -0
- package/dist/cjs/layz-image.cjs +1 -0
- package/dist/cjs/parameter-box.cjs +1 -0
- package/dist/cjs/radio.cjs +1 -0
- package/dist/cjs/swiper-normal.cjs +1 -0
- package/dist/cjs/swiper-vehicle.cjs +1 -0
- package/dist/cjs/tab-indicator.cjs +1 -0
- package/dist/cjs/video.cjs +1 -0
- package/dist/css/accordion-info-panel.css +1 -0
- package/dist/css/drawer.css +1 -0
- package/dist/css/dropdown.css +1 -0
- package/dist/css/gradual-highlight.css +1 -0
- package/dist/css/horizontal-viewer.css +1 -0
- package/dist/css/image-indicator.css +1 -0
- package/dist/css/input.css +1 -0
- package/dist/css/layz-image.css +1 -0
- package/dist/css/parameter-box.css +1 -0
- package/dist/css/radio.css +1 -0
- package/dist/css/swiper-normal.css +1 -0
- package/dist/css/swiper-vehicle.css +1 -0
- package/dist/css/tab-indicator.css +1 -0
- package/dist/css/video.css +1 -0
- package/dist/es/Input.mjs +70 -0
- package/dist/es/accordion-info-panel.mjs +145 -0
- package/dist/es/animated-number.mjs +72 -0
- package/dist/es/drawer.mjs +174 -0
- package/dist/es/dropdown.mjs +62 -0
- package/dist/es/gradual-highlight.mjs +90 -0
- package/dist/es/horizontal-viewer.mjs +4 -0
- package/dist/es/image-indicator.mjs +4 -0
- package/dist/es/index.mjs +60 -0
- package/dist/es/layz-image.mjs +51 -0
- package/dist/es/parameter-box.mjs +115 -0
- package/dist/es/radio.mjs +56 -0
- package/dist/es/swiper-normal.mjs +4 -0
- package/dist/es/swiper-vehicle.mjs +4 -0
- package/dist/es/tab-indicator.mjs +184 -0
- package/dist/es/video.mjs +246 -0
- package/dist/global.d.ts +22 -0
- package/dist/index-BgNMAlW8.js +536 -0
- package/dist/index-BrggpRcU.js +5287 -0
- package/dist/index-DrnEpWXW.cjs +5 -0
- package/dist/index-LswhGmG3.cjs +1 -0
- package/dist/index.css +1 -0
- package/dist/scss/_animate.scss +132 -0
- package/dist/scss/_vars.scss +1 -0
- package/dist/scss/accordion-info-panel.scss +104 -0
- package/dist/scss/drawer.scss +64 -0
- package/dist/scss/dropdown.scss +21 -0
- package/dist/scss/gradual-highlight.scss +26 -0
- package/dist/scss/horizontal-viewer.scss +161 -0
- package/dist/scss/image-indicator.scss +79 -0
- package/dist/scss/index.scss +17 -0
- package/dist/scss/input.scss +46 -0
- package/dist/scss/layz-image.scss +11 -0
- package/dist/scss/parameter-box.scss +94 -0
- package/dist/scss/radio.scss +70 -0
- package/dist/scss/swiper-normal.scss +117 -0
- package/dist/scss/swiper-vehicle.scss +123 -0
- package/dist/scss/tab-indicator.scss +148 -0
- package/dist/scss/video.scss +169 -0
- package/dist/types/components/Input/Input.vue.d.ts +26 -0
- package/dist/types/components/Input/index.d.ts +6 -0
- package/dist/types/components/Input/type.d.ts +9 -0
- package/dist/types/components/_utils.d.ts +1 -0
- package/dist/types/components/_vars.d.ts +1 -0
- package/dist/types/components/accordion-info-panel/accordion-info-panel.vue.d.ts +5 -0
- package/dist/types/components/accordion-info-panel/index.d.ts +6 -0
- package/dist/types/components/accordion-info-panel/type.d.ts +26 -0
- package/dist/types/components/animated-number/animated-number.vue.d.ts +12 -0
- package/dist/types/components/animated-number/index.d.ts +6 -0
- package/dist/types/components/animated-number/type.d.ts +50 -0
- package/dist/types/components/drawer/drawer.vue.d.ts +37 -0
- package/dist/types/components/drawer/index.d.ts +6 -0
- package/dist/types/components/drawer/type.d.ts +43 -0
- package/dist/types/components/drawer/u.d.ts +1 -0
- package/dist/types/components/dropdown/dropdown.vue.d.ts +18 -0
- package/dist/types/components/dropdown/index.d.ts +5 -0
- package/dist/types/components/gradual-highlight/gradual-highlight.vue.d.ts +10 -0
- package/dist/types/components/gradual-highlight/index.d.ts +6 -0
- package/dist/types/components/gradual-highlight/type.d.ts +17 -0
- package/dist/types/components/horizontal-viewer/horizontal-viewer.vue.d.ts +5 -0
- package/dist/types/components/horizontal-viewer/index.d.ts +6 -0
- package/dist/types/components/horizontal-viewer/mb-viewer.vue.d.ts +5 -0
- package/dist/types/components/horizontal-viewer/pc-viewer.vue.d.ts +15 -0
- package/dist/types/components/horizontal-viewer/type.d.ts +15 -0
- package/dist/types/components/image-indicator/image-indicator.vue.d.ts +11 -0
- package/dist/types/components/image-indicator/index.d.ts +6 -0
- package/dist/types/components/image-indicator/type.d.ts +18 -0
- package/dist/types/components/index.d.ts +21 -0
- package/dist/types/components/layz-image/index.d.ts +6 -0
- package/dist/types/components/layz-image/layz-image.vue.d.ts +3 -0
- package/dist/types/components/layz-image/type.d.ts +35 -0
- package/dist/types/components/parameter-box/index.d.ts +6 -0
- package/dist/types/components/parameter-box/parameter-box.vue.d.ts +6 -0
- package/dist/types/components/parameter-box/type.d.ts +46 -0
- package/dist/types/components/radio/index.d.ts +6 -0
- package/dist/types/components/radio/radio.vue.d.ts +9 -0
- package/dist/types/components/radio/type.d.ts +8 -0
- package/dist/types/components/resolver.d.ts +18 -0
- package/dist/types/components/swiper-normal/index.d.ts +6 -0
- package/dist/types/components/swiper-normal/swiper-normal.vue.d.ts +19 -0
- package/dist/types/components/swiper-normal/type.d.ts +79 -0
- package/dist/types/components/swiper-vehicle/index.d.ts +6 -0
- package/dist/types/components/swiper-vehicle/swiper-vehicle.vue.d.ts +15 -0
- package/dist/types/components/swiper-vehicle/type.d.ts +54 -0
- package/dist/types/components/tab-indicator/index.d.ts +6 -0
- package/dist/types/components/tab-indicator/tab-indicator.vue.d.ts +15 -0
- package/dist/types/components/tab-indicator/type.d.ts +28 -0
- package/dist/types/components/video/index.d.ts +6 -0
- package/dist/types/components/video/type.d.ts +38 -0
- package/dist/types/components/video/video-wrapper.vue.d.ts +33 -0
- package/dist/types/components/video/video.vue.d.ts +183 -0
- package/package.json +48 -0
package/README.md
ADDED
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
# @seresweb/website-component
|
|
2
|
+
|
|
3
|
+
## 安装
|
|
4
|
+
|
|
5
|
+
```shell
|
|
6
|
+
npm i @seresweb/website-component
|
|
7
|
+
```
|
|
8
|
+
|
|
9
|
+
## 使用
|
|
10
|
+
|
|
11
|
+
提供了完整引用和按需引用两种方式
|
|
12
|
+
|
|
13
|
+
### 完整引用
|
|
14
|
+
|
|
15
|
+
```js
|
|
16
|
+
import { createApp } from 'vue';
|
|
17
|
+
import WebsiteComponent from '@seresweb/website-component';
|
|
18
|
+
import '@seresweb/website-component/dist/index.css';
|
|
19
|
+
import App from './App.vue';
|
|
20
|
+
|
|
21
|
+
const app = createApp(App);
|
|
22
|
+
|
|
23
|
+
app.use(WebsiteComponent).mount('#app');
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
### 按需引用
|
|
27
|
+
|
|
28
|
+
#### 自动导入
|
|
29
|
+
|
|
30
|
+
安装 `unplugin-vue-components`。
|
|
31
|
+
|
|
32
|
+
配置 vite.config.ts
|
|
33
|
+
|
|
34
|
+
```js
|
|
35
|
+
import Components from 'unplugin-vue-components/vite';
|
|
36
|
+
import { ComponentsResolver } from '@seresweb/website-component';
|
|
37
|
+
|
|
38
|
+
export default defineConfig({
|
|
39
|
+
plugins: [
|
|
40
|
+
Components({
|
|
41
|
+
resolvers: [ComponentsResolver()],
|
|
42
|
+
}),
|
|
43
|
+
],
|
|
44
|
+
});
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
配置 tsconfig.json
|
|
48
|
+
|
|
49
|
+
```json
|
|
50
|
+
{
|
|
51
|
+
"compilerOptions": {
|
|
52
|
+
"types": ["@seresweb/website-component/dist/global.d.ts"]
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
这样可以直接在模版中使用组件,例:
|
|
58
|
+
|
|
59
|
+
```vue
|
|
60
|
+
<template>
|
|
61
|
+
<ScDropdown />
|
|
62
|
+
</template>
|
|
63
|
+
|
|
64
|
+
<script setup lang="js">
|
|
65
|
+
// 不需要手动导入
|
|
66
|
+
</script>
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
#### 手动导入
|
|
70
|
+
|
|
71
|
+
安装 `@vavt/vite-plugin-auto-import-style`。
|
|
72
|
+
|
|
73
|
+
配置 vite.config.ts
|
|
74
|
+
|
|
75
|
+
```js
|
|
76
|
+
import { defineConfig } from 'vite';
|
|
77
|
+
import LibPlugin from '@vavt/vite-plugin-auto-import-style';
|
|
78
|
+
|
|
79
|
+
export default defineConfig({
|
|
80
|
+
plugins: [LibPlugin()],
|
|
81
|
+
});
|
|
82
|
+
```
|
|
83
|
+
|
|
84
|
+
在模版中使用组件,例:
|
|
85
|
+
|
|
86
|
+
```vue
|
|
87
|
+
<template>
|
|
88
|
+
<ScDropdown />
|
|
89
|
+
</template>
|
|
90
|
+
|
|
91
|
+
<script setup lang="js">
|
|
92
|
+
// 需要手动导入
|
|
93
|
+
import { ScDropdown } from '@seresweb/website-component'
|
|
94
|
+
</script>
|
|
95
|
+
```
|
|
96
|
+
|
|
97
|
+
## 开发
|
|
98
|
+
|
|
99
|
+
全局组件命名规则:`Sc` + 组件名称,例:`ScCard`,其中`Sc`来自`@seresweb/website-component`的`seres`和`component`的首字母(不采用 swc 这个保留字)。
|
|
100
|
+
|
|
101
|
+
注意!!!
|
|
102
|
+
|
|
103
|
+
开发组件 `ScMyButton`时,组件对应的文件夹及文件没有特殊要求,但是,要求样式文件 `my-button.scss` 必须是这种类型。因为 `resolver.ts` 中的处理逻辑限制如此!
|
|
104
|
+
|
|
105
|
+
### 调试
|
|
106
|
+
|
|
107
|
+
在 dev 目录下新增 test-components 目录,然后在目录下新建`*.vue`文件,`npm run dev` 启动项目,这些调试组件会自动加载到页面上。
|
|
108
|
+
|
|
109
|
+
### 开发流程
|
|
110
|
+
|
|
111
|
+
1. 在`packages/components`下新增以`组件名称`作为组件目录。
|
|
112
|
+
2. 在组件目录下新增`index.ts`和需要的组件,并在`index.ts`的完善自动注册并导出
|
|
113
|
+
3. 修改`components`下的`index.ts`,注册并导出新的组件
|
|
114
|
+
4. 在`dev/test-components`下调试组件
|
|
115
|
+
|
|
116
|
+
## 发布
|
|
117
|
+
|
|
118
|
+
目前无自动发布流程,请在本地构建后发布(请务必拉取 main 分支后再进行本地构建))
|
|
119
|
+
|
|
120
|
+
1. 本地构建
|
|
121
|
+
|
|
122
|
+
```
|
|
123
|
+
npm run build
|
|
124
|
+
```
|
|
125
|
+
|
|
126
|
+
2. 更新版本号
|
|
127
|
+
|
|
128
|
+
```
|
|
129
|
+
npm version [<newversion> | major | minor | patch | premajor | preminor | prepatch | prerelease]
|
|
130
|
+
```
|
|
131
|
+
|
|
132
|
+
```
|
|
133
|
+
1.0.0-0
|
|
134
|
+
| | | | - 测试版本号
|
|
135
|
+
| | | - 补丁版本
|
|
136
|
+
| | - 功能版本
|
|
137
|
+
| - 主版本
|
|
138
|
+
```
|
|
139
|
+
|
|
140
|
+
2. 推送
|
|
141
|
+
|
|
142
|
+
```
|
|
143
|
+
npm publish --access public
|
|
144
|
+
```
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";exports.PREFIX="sc";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("../_vars-CyrPevgT.cjs"),s=["id","name","type","value","placeholder","maxlength","autocomplete"],n=e.defineComponent({__name:"Input",props:{modelValue:{},id:{},name:{},placeholder:{},maxlength:{},type:{default:"text"},autocomplete:{default:"off"}},emits:["update:modelValue"],setup(o,{emit:r}){const u=r;return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`${e.unref(l.PREFIX)}-input`)},[e.createCommentVNode(" 前置内容 "),t.$slots.prefix?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(`${e.unref(l.PREFIX)}-input__prefix`)},[e.renderSlot(t.$slots,"prefix")],2)):e.createCommentVNode("v-if",!0),e.createCommentVNode(" 输入框 "),e.createElementVNode("input",{id:t.id,name:t.name,type:t.type,value:t.modelValue,onInput:a[0]||(a[0]=m=>u("update:modelValue",m.target.value)),placeholder:t.placeholder,maxlength:t.maxlength,autocomplete:t.autocomplete},null,40,s),e.createCommentVNode(" 后置内容 "),t.$slots.suffix?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(`${e.unref(l.PREFIX)}-input__suffix`)},[e.renderSlot(t.$slots,"suffix")],2)):e.createCommentVNode("v-if",!0)],2))}});n.install=o=>(o.component("ScInput",n),o);const p=n;exports.ScInput=p;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("../_vars-CyrPevgT.cjs"),u=require("./layz-image.cjs"),I=["onClick"],_=["innerHTML"],E=["innerHTML"],i=e.defineComponent({__name:"accordion-info-panel",props:{dataList:{},defaultOpenIndex:{default:0},singleImageSrc:{},singleImageAlt:{}},setup(c){const d=c,l=e.ref(d.defaultOpenIndex),f=t=>{l.value!==t&&(l.value=t)},r=e.computed(()=>l.value!==null?d.dataList[l.value]:null),m=t=>{const n=t;n.style.height="0",n.style.opacity="0",n.style.overflow="hidden"},v=t=>{const n=t,a=n.scrollHeight;n.style.height=`${a}px`,n.style.opacity="1"},g=t=>{const n=t;n.style.height="auto",n.style.overflow=""},h=t=>{const n=t;n.style.height=n.scrollHeight+"px",n.style.opacity="1",n.style.overflow="hidden"},y=t=>{const n=t;n.offsetHeight,n.style.height="0",n.style.opacity="0"},p=t=>{const n=t;n.style.height="",n.style.overflow=""};return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`${e.unref(o.PREFIX)}-accordion-info`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(o.PREFIX)}-accordion-info__image`)},[t.singleImageSrc?(e.openBlock(),e.createBlock(e.unref(u.ScLayzImage),{key:0,src:t.singleImageSrc,alt:t.singleImageAlt},null,8,["src","alt"])):(e.openBlock(),e.createBlock(e.Transition,{key:1,name:`${e.unref(o.PREFIX)}-fade`,mode:"out-in"},{default:e.withCtx(()=>[r.value?(e.openBlock(),e.createBlock(e.unref(u.ScLayzImage),{key:r.value.imgUrl,src:r.value.imgUrl||"",alt:r.value.alt},null,8,["src","alt"])):e.createCommentVNode("v-if",!0)]),_:1},8,["name"]))],2),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(o.PREFIX)}-accordion-info__content`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataList,(a,s)=>(e.openBlock(),e.createElementBlock("div",{key:a.title,class:e.normalizeClass(`${e.unref(o.PREFIX)}-accordion-info__item`),onClick:L=>f(s)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(o.PREFIX)}-accordion-info__header`)},[e.createElementVNode("span",{class:e.normalizeClass(`${e.unref(o.PREFIX)}-accordion-info__title`),innerHTML:a.title},null,10,_),e.createElementVNode("span",{class:e.normalizeClass(`${e.unref(o.PREFIX)}-accordion-info__icon`)},e.toDisplayString(l.value===s?"-":"+"),3)],2),e.createVNode(e.Transition,{name:`${e.unref(o.PREFIX)}-accordion`,onBeforeEnter:m,onEnter:v,onAfterEnter:g,onBeforeLeave:h,onLeave:y,onAfterLeave:p,persisted:""},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("p",{class:e.normalizeClass(`${e.unref(o.PREFIX)}-accordion-info__desc`),innerHTML:a.desc},null,10,E),[[e.vShow,l.value===s]])]),_:2},1032,["name"])],10,I))),128))],2)],2))}});i.install=c=>(c.component("ScAccordionInfoPanel",i),c);const k=i;exports.ScAccordionInfoPanel=k;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),p=a.defineComponent({__name:"animated-number",props:{value:{},format:{type:Boolean,default:!1},range:{},threshold:{default:.5},duration:{default:1500},once:{type:Boolean,default:!1},direction:{default:"auto"},isAnimation:{type:Boolean,default:!0}},setup(s){const e=s,i=e.range||e.value/10,m=a.ref(null),u=a.ref(e.value);let l=null,o=null,v=!1;const h=(t=>{if(!isFinite(t))return 0;const n=t.toString();if(n.includes("e")){const[r,d]=n.split("e"),c=r.split(".")[1]||"",f=parseInt(d,10);return Math.max(0,c.length-f)}else{const r=n.split(".");return r[1]?r[1].length:0}})(e.value),A=t=>e.format?t.toLocaleString():t.toString(),S=()=>{if(e.once&&v)return;let t;switch(e.direction){case"up":t=Math.max(e.value-i,0);break;case"down":t=e.value+i;break;default:t=e.value>Number(u.value)?Math.max(e.value-i,0):e.value+i;break}const n=e.value,r=e.duration,d=performance.now(),c=f=>{const y=f-d,g=Math.min(y/r,1),b=1-Math.pow(1-g,3),M=h===0?Math.round(t+(n-t)*b):(t+(n-t)*b).toFixed(h);u.value=M,g<1?o=requestAnimationFrame(c):(u.value=n,o=null,v=!0)};cancelAnimationFrame(o),o=requestAnimationFrame(c)};return a.onMounted(()=>{e.isAnimation&&(l=new IntersectionObserver(([t])=>{t.isIntersecting&&S()},{threshold:e.threshold}),m.value&&l.observe(m.value))}),a.onUnmounted(()=>{e.isAnimation&&(l==null||l.disconnect(),o!==null&&cancelAnimationFrame(o))}),(t,n)=>(a.openBlock(),a.createElementBlock("span",{ref_key:"el",ref:m},a.toDisplayString(A(u.value)),513))}});p.install=s=>(s.component("ScAnimatedNumber",p),s);const x=p;exports.ScAnimatedNumber=x;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("../_vars-CyrPevgT.cjs"),v=(()=>{let s=1e3;return()=>++s})(),p=e.defineComponent({__name:"drawer",props:{modelValue:{type:Boolean,default:!1},direction:{default:"right"},showMask:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0},hoverable:{type:Boolean,default:!1},triggerOnTop:{type:Boolean},width:{},class:{}},emits:["update:modelValue"],setup(s,{emit:y}){const C=`${o.PREFIX}-drawer`,B=`${o.PREFIX}-drawer-wrapper`,S=`${o.PREFIX}-drawer-content`,z=`${o.PREFIX}-drawer-mask`,w=`${o.PREFIX}-drawer-trigger`,I=`${o.PREFIX}-drawer-header`,r=s,$=y,h=e.useSlots(),k=e.computed(()=>!!h.trigger),R=e.computed(()=>!!h.header),l=e.ref(!!r.modelValue),c=e.ref(null),i=e.ref(null);e.watch(()=>r.modelValue,t=>l.value=!!t),e.watch(l,t=>$("update:modelValue",t));const V=e.computed(()=>`${o.PREFIX}-drawer-${r.direction}`),T=e.computed(()=>`${o.PREFIX}-drawer-${r.direction}`),d=e.computed(()=>{const t={zIndex:v()},a={},n={zIndex:v()},E={zIndex:v()};return(r.direction==="left"||r.direction==="right")&&(E.width=r.width||"50vw"),r.triggerOnTop&&(a.zIndex=v()),{main:t,mask:n,wrapper:E,trigger:a}}),_=()=>{r.maskClosable!==!1&&(l.value=!1)};let f=[],g=null;const u=()=>{g&&clearTimeout(g),l.value=!0},m=()=>{g=setTimeout(()=>{l.value=!1},200)};return e.onMounted(()=>{var t,a;r.hoverable&&c.value&&(f=Array.from(c.value.querySelectorAll("[data-hover-trigger]")),f.forEach(n=>{n.addEventListener("mouseenter",u),n.addEventListener("mouseleave",m)}),(t=i.value)==null||t.addEventListener("mouseenter",u),(a=i.value)==null||a.addEventListener("mouseleave",m))}),e.onBeforeUnmount(()=>{var t,a;f.forEach(n=>{n.removeEventListener("mouseenter",u),n.removeEventListener("mouseleave",m)}),(t=i.value)==null||t.removeEventListener("mouseenter",u),(a=i.value)==null||a.removeEventListener("mouseleave",m)}),(t,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[k.value&&!t.triggerOnTop?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(w),ref_key:"triggerRef",ref:c,style:e.normalizeStyle(d.value.trigger)},[e.renderSlot(t.$slots,"trigger")],4)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{class:e.normalizeClass([C,r.class]),style:e.normalizeStyle(d.value.main)},[k.value&&t.triggerOnTop?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(w),ref_key:"triggerRef",ref:c,style:e.normalizeStyle(d.value.trigger)},[e.renderSlot(t.$slots,"trigger")],4)):e.createCommentVNode("v-if",!0),(e.openBlock(),e.createBlock(e.Teleport,{to:"body",disabled:t.triggerOnTop},[t.showMask?(e.openBlock(),e.createBlock(e.Transition,{key:0,name:`${e.unref(o.PREFIX)}-fade`,persisted:""},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(z),style:e.normalizeStyle(d.value.mask),onClick:_},null,4),[[e.vShow,l.value]])]),_:1},8,["name"])):e.createCommentVNode("v-if",!0),e.createVNode(e.Transition,{name:V.value,persisted:""},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass([B,T.value]),style:e.normalizeStyle(d.value.wrapper),ref_key:"mainRef",ref:i},[R.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(I)},[e.renderSlot(t.$slots,"header")])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{class:e.normalizeClass(S)},[e.renderSlot(t.$slots,"default")])],6),[[e.vShow,l.value]])]),_:3},8,["name"])],8,["disabled"]))],6)],64))}});p.install=s=>(s.component("ScDrawer",p),s);const F=p;exports.ScDrawer=F;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("../_vars-CyrPevgT.cjs"),r=e.defineComponent({__name:"dropdown",setup(t){const a=`${n.PREFIX}-dropdown-wrapper`,l=`${n.PREFIX}-dropdown-trigger`,c=`${n.PREFIX}-dropdown-content`,d=`${n.PREFIX}-dropdown`,o=e.ref(!1),i=()=>{o.value||(o.value=!0)},u=()=>{o.value&&(o.value=!1)};return(s,v)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a),onMouseleave:u},[e.createElementVNode("div",{class:e.normalizeClass(l),onMouseenter:i},[e.renderSlot(s.$slots,"default")],32),e.createVNode(e.Transition,{name:d,persisted:""},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(c)},[e.renderSlot(s.$slots,"content")],512),[[e.vShow,o.value]])]),_:3})],32))}});r.install=t=>(t.component("ScDropdown",r),t);const p=r;exports.ScDropdown=p;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),g=require("../_vars-CyrPevgT.cjs"),k=["innerHTML"],H=["innerHTML"],_=e.defineComponent({__name:"gradual-highlight",props:{text:{},originColor:{default:"#fafafa"},highlightColor:{default:"#000"},startRatio:{default:.9},endRatio:{default:.5}},setup(l){const i=l,E=`${g.PREFIX}-gradual-highlight__wrap`,w=`${g.PREFIX}-gradual-highlight__pass`,y=e.computed(()=>i.text.split(/(\s+)/)),s=e.ref(),c=e.ref(0);let d=0,u=0,m=!1;const C=()=>{const n=d-c.value;if(Math.abs(n)<.001){c.value=d,m=!1;return}c.value+=n*.07,F(c.value),u=requestAnimationFrame(C)},h=()=>{if(!s.value)return;const n=s.value.getBoundingClientRect(),r=window.innerHeight,t=r*i.startRatio,a=r*i.endRatio,f=t-a;let o=(t-n.top)/f;o=Math.max(0,Math.min(1,o)),d=o,m||(m=!0,cancelAnimationFrame(u),u=requestAnimationFrame(C))},F=n=>{var a;const r=(a=s.value)==null?void 0:a.querySelectorAll(`.${E}`);if(!r)return;const t=1/r.length;r.forEach((f,o)=>{const S=o*t;let p=(n-S)/t;p=Math.max(0,Math.min(1,p));const $=Math.round(p*100),v=f.querySelector(`.${w}`);v&&(v.style.color=i.highlightColor,v.style.width=`${$}%`)})},M=()=>{h()};return e.onMounted(()=>{window.addEventListener("scroll",M,{passive:!0}),window.addEventListener("resize",h),h()}),e.onBeforeUnmount(()=>{window.removeEventListener("scroll",M),window.removeEventListener("resize",h),cancelAnimationFrame(u)}),(n,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"container",ref:s,class:e.normalizeClass(`${e.unref(g.PREFIX)}-gradual-highlight`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.value,(t,a)=>(e.openBlock(),e.createElementBlock("span",{key:`${t}-${a}`,class:e.normalizeClass(E),style:e.normalizeStyle(`color:${n.originColor}`)},[e.createElementVNode("span",{class:e.normalizeClass(`${e.unref(g.PREFIX)}-gradual-highlight__origin`),innerHTML:t},null,10,k),e.createElementVNode("span",{class:e.normalizeClass(w),innerHTML:t},null,8,H)],4))),128))],2))}});_.install=l=>(l.component("ScGradualHighlight",_),l);const L=_;exports.ScGradualHighlight=L;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-LswhGmG3.cjs");exports.ScHorizontalViewer=e.ScHorizontalViewer;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-LswhGmG3.cjs");exports.ScImageIndicator=e.ScImageIndicator;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./Input.cjs"),d=require("./accordion-info-panel.cjs"),u=require("./animated-number.cjs"),m=require("./drawer.cjs"),p=require("./dropdown.cjs"),w=require("./gradual-highlight.cjs"),c=require("../index-LswhGmG3.cjs"),I=require("./layz-image.cjs"),f=require("./parameter-box.cjs"),g=require("./radio.cjs"),h=require("../index-DrnEpWXW.cjs"),q=require("./tab-indicator.cjs"),b=require("./video.cjs"),S="@seresweb/website-component",V=(o={})=>{const i=o.prefix||"Sc",e=o.importStyle??"css";return{type:"component",resolve:s=>{if(!s.startsWith(i))return;const n=s.slice(i.length).replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),y=`${S}/dist/es/${n}`;let t;const a=r=>{if(r==="scss")return`${S}/dist/scss/${n}.scss`;if(r==="css")return`${S}/dist/css/${n}.css`};if(typeof e=="function"){const r=e(n);r==="css"||r==="scss"?t=a(r):r===!0&&(t=a("css"))}else(e===!0||e==="css"||e==="scss")&&(t=a(e===!0?"css":e));return{name:s,from:y,sideEffects:t?[t]:void 0}}}},N=[l.ScInput,d.ScAccordionInfoPanel,u.ScAnimatedNumber,m.ScDrawer,p.ScDropdown,w.ScGradualHighlight,c.ScHorizontalViewer,c.ScImageIndicator,I.ScLayzImage,f.ScParameterBox,g.ScRadio,c.ScSwiperNormal,h.ScSwiperVehicle,q.ScTabIndicator,b.ScVideo],P={install:o=>(N.forEach(i=>{o.use(i)}),o)};exports.ScInput=l.ScInput;exports.ScAccordionInfoPanel=d.ScAccordionInfoPanel;exports.ScAnimatedNumber=u.ScAnimatedNumber;exports.ScDrawer=m.ScDrawer;exports.ScDropdown=p.ScDropdown;exports.ScGradualHighlight=w.ScGradualHighlight;exports.ScHorizontalViewer=c.ScHorizontalViewer;exports.ScImageIndicator=c.ScImageIndicator;exports.ScSwiperNormal=c.ScSwiperNormal;exports.ScLayzImage=I.ScLayzImage;exports.ScParameterBox=f.ScParameterBox;exports.ScRadio=g.ScRadio;exports.ScSwiperVehicle=h.ScSwiperVehicle;exports.ScTabIndicator=q.ScTabIndicator;exports.ScVideo=b.ScVideo;exports.ComponentsResolver=V;exports.default=P;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=["srcset"],o=["srcset"],m=["srcset"],i=["src","alt"],r=e.defineComponent({__name:"layz-image",props:{src:{},lSrcset:{},mSrcset:{},sSrcset:{},alt:{},class:{},imgClass:{},style:{}},setup(t){const c=t,l=e.computed(()=>["sc-img",c.imgClass]),a=e.computed(()=>["sc-picture",c.class]);return(s,d)=>(e.openBlock(),e.createElementBlock("picture",{class:e.normalizeClass(a.value)},[e.createElementVNode("source",{srcset:s.lSrcset||s.src,media:"(min-width: 1921px)"},null,8,n),e.createElementVNode("source",{srcset:s.mSrcset||s.src,media:"(min-width: 768px)"},null,8,o),e.createElementVNode("source",{srcset:s.sSrcset||s.src,media:"(max-width: 767px)"},null,8,m),e.createElementVNode("img",{src:s.src,alt:s.alt,class:e.normalizeClass(l.value),style:e.normalizeStyle(s.style),loading:"lazy"},null,14,i)],2))}});r.install=t=>(t.component("ScLayzImage",r),t);const u=r;exports.ScLayzImage=u;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../_vars-CyrPevgT.cjs"),l=require("./animated-number.cjs"),i={key:0,class:"parameter-wrap"},s={class:"item-name"},c={class:"item-value"},u={key:1},m={key:1,class:"parameter-wrap"},p={class:"item-value"},d={key:1},v={class:"item-name"},r=e.defineComponent({__name:"parameter-box",props:{dataList:{},isAnimation:{type:Boolean,default:!0},showDivider:{type:Boolean},nameOnTop:{type:Boolean},colorMode:{default:"light"},inline:{type:Boolean}},setup(o){return(a,B)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`${e.unref(t.PREFIX)}-parameter-box`,`${e.unref(t.PREFIX)}-parameter-box--${a.colorMode}`,a.inline&&`${e.unref(t.PREFIX)}-parameter-box--inline`])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.dataList,n=>(e.openBlock(),e.createElementBlock("div",{key:n.name,class:"parameter-item"},[a.nameOnTop?(e.openBlock(),e.createElementBlock("div",i,[e.createElementVNode("div",s,e.toDisplayString(n.name),1),e.createElementVNode("div",c,[typeof n.value=="number"?(e.openBlock(),e.createBlock(e.unref(l.ScAnimatedNumber),{key:0,value:n.value,format:"",direction:"up",isAnimation:a.isAnimation,range:n.value/10},null,8,["value","isAnimation","range"])):(e.openBlock(),e.createElementBlock("span",u,e.toDisplayString(n.value),1)),e.createElementVNode("span",null,e.toDisplayString(n.unit),1)])])):(e.openBlock(),e.createElementBlock("div",m,[e.createElementVNode("div",p,[typeof n.value=="number"?(e.openBlock(),e.createBlock(e.unref(l.ScAnimatedNumber),{key:0,value:n.value,format:"",direction:"up",isAnimation:a.isAnimation,range:n.value/10},null,8,["value","isAnimation","range"])):(e.openBlock(),e.createElementBlock("span",d,e.toDisplayString(n.value),1)),e.createElementVNode("span",null,e.toDisplayString(n.unit),1)]),e.createElementVNode("div",v,e.toDisplayString(n.name),1)]))]))),128))],2))}});r.install=o=>(o.component("ScParameterBox",r),o);const k=r;exports.ScParameterBox=k;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),d=require("../_vars-CyrPevgT.cjs"),s=["id","name","value","checked","disabled"],r={class:"radio-label"},o=e.defineComponent({__name:"radio",props:{modelValue:{type:[String,Number,Boolean]},value:{type:[String,Number,Boolean]},label:{},disabled:{type:Boolean},id:{},name:{}},emits:["change","update:modelValue"],setup(n,{emit:i}){const t=i;return(a,l)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass([`${e.unref(d.PREFIX)}-radio`,a.disabled&&`${e.unref(d.PREFIX)}-disabled`])},[e.createElementVNode("input",{type:"radio",id:a.id,name:a.name,value:a.value,checked:a.modelValue===a.value,disabled:a.disabled,class:"radio-input",onChange:l[0]||(l[0]=m=>t("update:modelValue",a.value))},null,40,s),l[1]||(l[1]=e.createElementVNode("span",{class:"radio-box"},null,-1)),e.createElementVNode("span",r,e.toDisplayString(a.label),1)],2))}});o.install=n=>(n.component("ScRadio",o),n);const u=o;exports.ScRadio=u;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-LswhGmG3.cjs");exports.ScSwiperNormal=e.ScSwiperNormal;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-DrnEpWXW.cjs");exports.ScSwiperVehicle=e.ScSwiperVehicle;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("../_vars-CyrPevgT.cjs"),F=(a,_,u=500)=>{if(!a)return;const v=a.scrollLeft;let o=null;const d=r=>{o||(o=r);const s=r-o;if(s>=u)a.scrollLeft=_;else{const c=p(s,v,_-v,u);a.scrollLeft=c,requestAnimationFrame(d)}},p=(r,s,c,f)=>(r/=f/2,r<1?c/2*r+s:(r--,-c/2*(r*(r-2)-1)+s));requestAnimationFrame(d)},L=["onClick","innerHTML"],$=["innerHTML"],h=e.defineComponent({__name:"tab-indicator",props:{modelValue:{default:0},dataList:{},showIntro:{type:Boolean},isSeparate:{type:Boolean},adapt2TextWidth:{type:Boolean}},emits:["change","update:modelValue"],setup(a,{emit:_}){const u=a,v=_,o=e.ref(),d=e.ref([]),p=e.ref([]),r=e.ref(u.modelValue),s=e.ref({width:"0px",transform:"translateX(0)"}),c=e.ref({}),f=()=>{const t=d.value[r.value],b=(t==null?void 0:t.offsetWidth)||0,i=`translateX(${t==null?void 0:t.offsetLeft}px)`;s.value={width:`${b}px`,transform:i};const l=Math.max(...p.value.map(m=>m.offsetHeight));c.value={height:`${l}px`}};e.watch(()=>u.modelValue,()=>{r.value=u.modelValue});const k=t=>{const b=document.documentElement.getAttribute("dir")||"ltr",l=d.value.map(m=>m.offsetWidth).slice(0,t).reduce((m,I,y)=>m+(y+1===t?I*.5:I),0);F(o.value,b==="rtl"?-l:l,500)},R=t=>{k(t),r.value=t,v("change",t),v("update:modelValue",t)};let E=null;return e.onMounted(()=>{window.addEventListener("resize",f),o.value!==void 0&&(E=new IntersectionObserver(([t])=>{t.isIntersecting&&f()},{root:null,rootMargin:"200px",threshold:0}),E.observe(o.value))}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",f),E&&o.value&&E.unobserve(o.value)}),e.watchEffect(()=>{f()}),(t,b)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`${e.unref(n.PREFIX)}-tab-indicator`,t.isSeparate&&`${e.unref(n.PREFIX)}-tab-indicator__separate`,t.adapt2TextWidth&&`${e.unref(n.PREFIX)}-tab-indicator__adapt`])},[e.createElementVNode("div",{ref_key:"scrollRef",ref:o,class:e.normalizeClass(`${e.unref(n.PREFIX)}-tab-indicator__scroll`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-tab-indicator__wrap`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-tab-indicator__main`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataList,(i,l)=>(e.openBlock(),e.createElementBlock("div",{ref_for:!0,ref_key:"indicatorItemRef",ref:d,key:i.title,class:e.normalizeClass([`${e.unref(n.PREFIX)}-tab-indicator__item`,r.value===l&&`${e.unref(n.PREFIX)}-tab-indicator__active`]),onClick:m=>R(l),innerHTML:i.title},null,10,L))),128))],2),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-tab-indicator__scrollbar`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-tab-indicator__scrollbar-drag`),style:e.normalizeStyle(s.value)},null,6)],2)],2)],2),t.showIntro?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-tab-indicator__intro`),style:e.normalizeStyle(c.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataList,(i,l)=>(e.openBlock(),e.createElementBlock("p",{ref_for:!0,ref_key:"introItemRef",ref:p,key:i.title,class:e.normalizeClass([`${e.unref(n.PREFIX)}-tab-indicator__intro-item`,r.value===l&&`${e.unref(n.PREFIX)}-tab-indicator__active`]),innerHTML:i.desc},null,10,$))),128))],6)):e.createCommentVNode("v-if",!0)],2))}});h.install=a=>(a.component("ScTabIndicator",h),a);const g=h;exports.ScTabIndicator=g;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("../_vars-CyrPevgT.cjs"),w=require("./layz-image.cjs"),E=["controls","poster","src"],g=e.defineComponent({__name:"video-wrapper",props:{class:{default:""},style:{default:""},playerButtonClass:{default:""},playerButtonText:{default:"PLAY"},poster:{default:""},url:{default:""},autoPlay:{type:Boolean,default:!0},playable:{type:Boolean,default:!0}},setup(d,{expose:o}){const t=d,v=/xiaomi|miui/i,m=`${r.PREFIX}-player-wrapper`,B=`${r.PREFIX}-player-is-fullscreen`,C=`${r.PREFIX}-player-close-btn`,y=`${r.PREFIX}-player-icon`,a=e.ref(),s=e.ref(!0),c=e.ref(v.test(navigator.userAgent)?void 0:t.url);let n=null;const p=l=>{var u,i;l.target!==a.value&&((u=a.value)==null||u.pause(),s.value=!!((i=a.value)!=null&&i.paused))},f=l=>{const u=l[0],i=a.value;!i||!t.playable||(u.isIntersecting&&t.autoPlay&&i.paused?(i.play().catch(console.warn),s.value=!1):!u.isIntersecting&&!i.paused&&(i.pause(),s.value=!0))},k=()=>{t.autoPlay&&t.playable&&a.value&&(n=new IntersectionObserver(f,{threshold:.25}),n.observe(a.value))},b=()=>{n==null||n.disconnect(),n=null};return e.watch(()=>t.playable,()=>{b(),e.nextTick(()=>k())}),o({play(){a.value.play(),s.value=a.value.paused}}),e.onMounted(()=>{v.test(navigator.userAgent)&&fetch(t.url).then(l=>{if(!l.ok)throw new Error(`HTTP error! status: ${l.status}`);return l.blob()}).then(l=>{c.value=URL.createObjectURL(l)}).catch(l=>{console.error("获取视频失败:",l)}),k()}),e.onBeforeUnmount(()=>{b()}),(l,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([m,t.class,!s.value&&!t.autoPlay&&B])},[e.createElementVNode("video",{ref_key:"videoRef",ref:a,muted:"",loop:"",playsinline:"","webkit-playsinline":"","x5-video-player-type":"h5",controls:!s.value&&!t.autoPlay,poster:t.poster,src:c.value},null,8,E),!s.value&&!t.autoPlay?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(C),onClick:p},[e.renderSlot(l.$slots,"close",{},()=>[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(y),viewBox:"0 0 1121 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"200",height:"200"},[...u[0]||(u[0]=[e.createElementVNode("path",{d:"M1040.725333 49.005714l-965.485714 965.436953-48.420571-48.469334L992.256 0.487619l48.469333 48.518095z",fill:"#ffffff"},null,-1),e.createElementVNode("path",{d:"M1040.725333 1014.442667l-965.485714-965.485715 48.518095-48.420571L1089.194667 965.973333l-48.469334 48.469334z",fill:"#ffffff"},null,-1)])]))])])):e.createCommentVNode("v-if",!0)],2))}}),P=e.defineComponent({__name:"video",props:{class:{default:""},style:{default:""},playerButtonClass:{default:""},playerButtonText:{default:"PLAY"},poster:{default:""},url:{default:""},autoPlay:{type:Boolean,default:!0},playable:{type:Boolean,default:!0}},setup(d){const o=d,t=`${r.PREFIX}-player-wrapper`,v=`${r.PREFIX}-player-poster`,m=`${r.PREFIX}-player-btn`,B=`${r.PREFIX}-player-btn-text`,C=`${r.PREFIX}-player-icon`,y=e.ref(),a=e.ref(),s=p=>{var f;p.stopPropagation(),(f=a.value)==null||f.play()};let c=null;const n=e.ref(!1);return e.onMounted(()=>{c=new IntersectionObserver(([p])=>{p.isIntersecting&&(n.value=!0)},{threshold:.1}),y.value&&c.observe(y.value)}),e.onUnmounted(()=>{c==null||c.disconnect()}),(p,f)=>o.autoPlay?(e.openBlock(),e.createBlock(g,e.normalizeProps(e.mergeProps({key:0},o)),null,16)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{class:e.normalizeClass([t,o.class]),style:e.normalizeStyle(o.style)},[e.createVNode(e.unref(w.ScLayzImage),{class:e.normalizeClass(v),src:o.poster,alt:"AITO"},null,8,["src"]),e.createElementVNode("button",{ref_key:"btnRef",ref:y,class:e.normalizeClass([m,o.playerButtonClass]),onClick:s},[e.renderSlot(p.$slots,"play",{},()=>[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(C),viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"200",height:"200"},[...f[0]||(f[0]=[e.createElementVNode("path",{d:"M671.744 495.616c20.48 12.288 20.48 36.864 0 49.152l-217.088 126.976c-20.48 12.288-45.056-4.096-45.056-24.576V393.216c0-20.48 24.576-36.864 45.056-24.576l217.088 126.976z",fill:"#ffffff"},null,-1),e.createElementVNode("path",{d:"M512 1011.712C237.568 1011.712 12.288 786.432 12.288 512 12.288 237.568 237.568 12.288 512 12.288c274.432 0 499.712 225.28 499.712 499.712 0 274.432-225.28 499.712-499.712 499.712z m0-958.464c-253.952 0-458.752 204.8-458.752 458.752s204.8 458.752 458.752 458.752 458.752-204.8 458.752-458.752-204.8-458.752-458.752-458.752z",fill:"#ffffff"},null,-1)])])),e.createElementVNode("span",{class:e.normalizeClass(B)},e.toDisplayString(o.playerButtonText),1)])],2)],6),n.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"body"},[e.createVNode(g,e.mergeProps(o,{ref_key:"vwRef",ref:a}),null,16)])):e.createCommentVNode("v-if",!0)],64))}});P.install=d=>(d.component("ScVideo",P),d);const h=P;exports.ScVideo=h;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sc-accordion-info{display:flex;gap:40px;background-color:#000;color:#fff;border-radius:12px}.sc-accordion-info__image{flex:1;position:relative;height:760px}.sc-accordion-info__image .sc-picture{position:absolute;top:0;left:0;width:100%;height:100%}.sc-accordion-info__content{width:500px}.sc-accordion-info__item{cursor:pointer;padding:36px 0;border-bottom:1px solid rgba(255,255,255,.25);display:flex;flex-direction:column}.sc-accordion-info__header{display:flex;justify-content:space-between;align-items:center;line-height:54px}.sc-accordion-info__title{font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Medium;font-size:28px;font-style:normal;font-weight:500;line-height:normal}.sc-accordion-info__icon{font-size:20px}.sc-accordion-info__desc{font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin:0}@media (max-width: 768px){.sc-accordion-info{flex-direction:column;gap:20px}.sc-accordion-info__image{width:100%;height:240px;flex:unset}.sc-accordion-info__content{width:100%}.sc-accordion-info__item{padding:24px 0}.sc-accordion-info__header{line-height:48px}.sc-accordion-info__title{font-size:16px;font-style:normal;font-weight:500;line-height:24px}.sc-accordion-info__desc{font-size:10px;font-style:normal;font-weight:400;line-height:normal}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@charset "UTF-8";.sc-drawer,.sc-drawer-trigger{position:relative}.sc-drawer-wrapper{position:fixed;background:#fff;box-shadow:0 4px 12px #0000001a;pointer-events:auto;width:100%;transition:all .3s ease;display:flex;flex-direction:column}.sc-drawer-header{padding:20px 20px 0;margin-bottom:20px;position:relative}.sc-drawer-content{flex:1;overflow:auto;padding:20px}.sc-drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.sc-drawer-top{top:0;left:0;width:100vw}.sc-drawer-bottom{bottom:0;left:0;width:100vw}.sc-drawer-left{top:0;left:0;width:50vw;height:100vh}.sc-drawer-right{top:0;right:0;width:50vw;height:100vh}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sc-dropdown-wrapper{position:relative;display:inline-flex;justify-content:center}.sc-dropdown-trigger{cursor:pointer}.sc-dropdown-content{position:absolute;top:100%;background:#fff;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a;overflow:hidden;z-index:100}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sc-gradual-highlight__wrap{position:relative}.sc-gradual-highlight__origin{line-height:1;vertical-align:text-top}.sc-gradual-highlight__pass{display:inline-block;height:100%;position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;width:0%;transition:width .1s linear;line-height:1}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sc-horizontal-viewer{width:100vw;height:4000px;color:#fff;background-color:#000;position:relative}.sc-horizontal-viewer__header{width:1400px;margin:0 auto 40px}.sc-horizontal-viewer__header p:nth-of-type(1){color:#caab78;font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:44px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:16px}.sc-horizontal-viewer__header p:nth-of-type(2){color:#fff;font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:18px;font-style:normal;font-weight:400;line-height:27px}.sc-horizontal-viewer__container{width:100%;height:100vh;box-sizing:border-box;position:sticky;padding-top:160px;top:0;overflow:hidden}.sc-horizontal-viewer__container.has-header{padding-top:80px}.sc-horizontal-viewer__scroller{width:100%;box-sizing:border-box;padding:0 260px;overflow-x:hidden}.sc-horizontal-viewer__content{width:fit-content;display:flex;margin-bottom:40px}.sc-horizontal-viewer__content-item{position:relative;flex-shrink:0;width:1400px}.sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:40px}.sc-horizontal-viewer__content-item .sc-picture{height:100%}.sc-horizontal-viewer__content-item-footer{position:absolute;bottom:40px;left:40px;right:40px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(1){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:24px;font-style:normal;font-weight:500;line-height:36px;margin-bottom:8px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(2){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.sc-horizontal-viewer .has-header .sc-horizontal-viewer__content-item{width:1200px}.sc-horizontal-viewer__pagination{width:1400px;margin:0 auto;display:flex;justify-content:space-between;position:relative}.sc-horizontal-viewer__scrollbar{position:relative;width:100%;height:2px;border-radius:1px;background-color:#fff6}.sc-horizontal-viewer__scrollbar-drag{width:33.33%;position:absolute;height:4px;margin-top:-3px;left:0;border-radius:1px;background-color:#caab78;transition:transform .5s,width .5s}.sc-horizontal-viewer-mb{width:100vw;padding:0 24px;box-sizing:border-box;color:#fff}html[dir=rtl] .sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:0;margin-right:40px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sc-image-indicator{color:#fff;font-family:HarmonyOS_Sans_Regular}.sc-image-indicator__list{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.sc-image-indicator__list-item{flex:1;flex-shrink:0;opacity:.5;transition:opacity .5s}.sc-image-indicator .sc-image-indicator__active{opacity:1}.sc-image-indicator__intro{position:relative}.sc-image-indicator__intro-item{word-wrap:break-word;white-space:normal;width:100%;position:absolute;left:50%;transform:translate(-50%);opacity:0;transition:opacity .25s}.sc-image-indicator__intro-title{font-size:24px;font-style:normal;font-weight:500;line-height:36px;margin-bottom:8px}.sc-image-indicator__intro-desc{font-size:16px;font-style:normal;font-weight:400;line-height:24px}@media (max-width: 768px){.sc-image-indicator__list{gap:8px;margin-bottom:20px}.sc-image-indicator__intro-item{text-align:center}.sc-image-indicator__intro-title{font-size:16px;line-height:24px}.sc-image-indicator__intro-desc{font-size:10px;line-height:normal}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sc-input{font-size:16px;display:flex;align-items:center;position:relative;margin-top:4px;height:54px;border-radius:2px;border-bottom:1px solid rgba(0,0,0,.1);transition:border-color .3s ease-in-out}.sc-input:hover{border-color:#000}.sc-input input{border:none;outline:none;flex:1;height:54px}.sc-input input::placeholder{height:25px;font-weight:500;color:#000;line-height:21px;opacity:.3}.sc-input__prefix,.sc-input__suffix{display:flex;align-items:center;height:100%;padding:0 8px;position:relative;z-index:1}@media (max-width: 768px){.sc-input{font-size:14px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sc-picture{display:flex}.sc-picture .sc-img{width:100%;height:100%;object-fit:cover}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sc-parameter-box{width:1400px;display:flex;justify-content:space-between}.sc-parameter-box .parameter-item{border-right-color:#fff6;border-right-width:1px;border-right-style:solid;flex:1;display:flex;justify-content:center}.sc-parameter-box .parameter-item:last-child{border-right:none}.sc-parameter-box .parameter-item .parameter-wrap{width:fit-content;text-align:left}.sc-parameter-box .parameter-item .item-value{color:#fff;font-family:HarmonyOS_Sans_Light;font-size:44px;line-height:52px;font-weight:300}.sc-parameter-box .parameter-item .item-name{color:#fff9;font-family:HarmonyOS_Sans_Light;font-size:18px;font-weight:400;line-height:21px}.sc-parameter-box .parameter-item .item-name+.item-value,.sc-parameter-box .parameter-item .item-value+.item-name{margin-top:8px}.sc-parameter-box--dark .parameter-item{border-right-color:#0006}.sc-parameter-box--dark .parameter-item .item-value{color:#000}.sc-parameter-box--dark .parameter-item .item-name{color:#0009}@media (max-width: 768px){.sc-parameter-box{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.sc-parameter-box .parameter-item{justify-content:flex-start}.sc-parameter-box .parameter-item:nth-child(2n){border-right-width:0}.sc-parameter-box .parameter-item .item-value{font-size:28px;line-height:33px}.sc-parameter-box .parameter-item .item-name{font-size:12px;line-height:14px}.sc-parameter-box--inline{display:flex;grid-template-columns:unset;flex-direction:row}.sc-parameter-box--inline .parameter-item:nth-child(2n){border-right-width:1px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@charset "UTF-8";.sc-radio{display:inline-flex;align-items:flex-start;font-size:16px;color:#000;cursor:pointer}.sc-radio.disabled{opacity:.5;pointer-events:none}.sc-radio .radio-input{position:absolute;opacity:0;width:0;height:0}.sc-radio .radio-box{display:inline-block;width:18px;height:18px;border:1px solid rgba(0,0,0,.2);border-radius:50%;transition:all .2s ease;position:relative;flex-shrink:0;margin-top:3px}.sc-radio .radio-box:after{content:"";position:absolute;display:none;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg) translate(-.5px,-.5px)}.sc-radio .radio-label{margin-left:8px;font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:16px;color:#000}.sc-radio .radio-input:checked~.radio-box{background-color:#000}.sc-radio .radio-input:checked~.radio-box:after{display:block}.sc-radio:not(.disabled):hover .radio-box{border-color:#000}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@charset "UTF-8";.sc-swiper{--swiper-navigation-sides-offset: 48px;position:relative;display:flex;flex-direction:column;align-items:center}.sc-swiper-main{overflow:hidden;position:relative}.sc-swiper-main__middle{width:1400px}.sc-swiper-main__full{width:100%}.sc-swiper-main .swiper-slide{height:auto}.sc-swiper-main .swiper-button-next,.sc-swiper-main .swiper-button-prev{width:fit-content;height:fit-content;padding:12px;border-radius:50%;background-color:#3339;transform:translateY(-50%);transition:all .3s}.sc-swiper-main .swiper-button-next:hover,.sc-swiper-main .swiper-button-prev:hover{background-color:#333c}.sc-swiper-main .swiper-button-next svg,.sc-swiper-main .swiper-button-prev svg{width:24px;height:24px}.sc-swiper-main .swiper-button-next:after,.sc-swiper-main .swiper-button-prev:after{display:none}.sc-swiper-mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background:linear-gradient(180deg,#0000 60.02%,#000000a6)}.sc-swiper .sc-tab-indicator,.sc-swiper .sc-image-indicator{margin-top:40px;max-width:100%;width:fit-content}.sc-swiper-indicator-absolute{z-index:100;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}@media (max-width: 768px){.sc-swiper-main__middle{width:100%}.sc-swiper-main .swiper-button-next,.sc-swiper-main .swiper-button-prev{display:none}.sc-swiper .sc-tab-indicator,.sc-swiper .sc-image-indicator{width:100%;margin-top:20px}.sc-swiper .sc-tab-indicator__wrap,.sc-swiper .sc-tab-indicator__main,.sc-swiper .sc-image-indicator__wrap,.sc-swiper .sc-image-indicator__main{width:fit-content}.sc-swiper .sc-tab-indicator__item,.sc-swiper .sc-image-indicator__item{width:155px;word-break:normal;overflow-wrap:break-word;white-space:normal}.sc-swiper-indicator-absolute{position:relative;bottom:unset;left:unset;transform:unset}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sc-swiper-vehicle{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.sc-swiper-vehicle__bg{width:100%;height:100%;position:absolute;left:0;top:0}.sc-swiper-vehicle__main{overflow:hidden;width:100%;height:100%}.sc-swiper-vehicle__main .swiper-slide .sc-picture{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.sc-swiper-vehicle__text-bg{font-family:HarmonyOS_Sans_Light;font-weight:400;font-size:160px;font-style:normal;text-transform:none;white-space:nowrap;color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,#ffffff40,#ffffff0d);position:absolute;left:50%;top:25%;transform:translate(-50%,-50%)}.sc-swiper-vehicle__indicator{margin-top:22px;display:flex;flex-direction:column;z-index:2}.sc-swiper-vehicle__indicator-control{display:flex;padding:14px 16px;align-items:center;gap:16px;border-radius:100px;background-color:#fff3;margin-bottom:16px}.sc-swiper-vehicle__indicator-control .color-stroke{border-radius:50%;width:24px;height:24px;border:1px solid transparent;position:relative;transition:transform .5s cubic-bezier(0,.5,0,.23);cursor:pointer}.sc-swiper-vehicle__indicator-control .color-stroke.active{transform:scale(1.33);border-color:#fff!important}.sc-swiper-vehicle__indicator-text{font-family:HarmonyOS_Sans_Light;position:relative;left:50%;transform:translate(-50%);font-weight:400;white-space:nowrap;font-size:16px;line-height:22px;text-align:center;color:#fff}@media (max-width: 768px){.sc-swiper-vehicle__main .swiper-slide .sc-picture.sc-swiper-vehicle__full-height{height:100%}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@charset "UTF-8";.sc-tab-indicator{color:#fff}.sc-tab-indicator__scroll{overflow-x:auto}.sc-tab-indicator__scroll::-webkit-scrollbar{display:none}.sc-tab-indicator__main{display:flex;justify-content:space-between;position:relative;margin-bottom:16px}.sc-tab-indicator__item{font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:20px;line-height:24px;text-align:center;white-space:nowrap;padding:0 40px;flex:1;opacity:.6;display:flex;align-items:center;justify-content:center;cursor:pointer}.sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:40px}.sc-tab-indicator__active{opacity:1!important}.sc-tab-indicator__scrollbar{position:relative;width:100%;height:2px;border-radius:1px;margin-bottom:20px;background-color:#fff6}.sc-tab-indicator__scrollbar-drag{position:absolute;height:4px;top:50%;margin-top:-3px;left:0;border-radius:1px;background-color:#caab78;width:20px;transition:transform .5s,width .5s}.sc-tab-indicator__intro{position:relative}.sc-tab-indicator__intro-item{font-family:HarmonyOS_Sans_Light;text-align:center;word-wrap:break-word;white-space:normal;width:100%;font-weight:400;font-size:16px;line-height:24px;position:absolute;left:50%;transform:translate(-50%);opacity:0;transition:opacity .25s}.sc-tab-indicator__separate .sc-tab-indicator__active{color:#caab78}.sc-tab-indicator__adapt .sc-tab-indicator__item{padding:0}.sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:60px}@media (max-width: 768px){.sc-tab-indicator__item{font-size:16px;padding:0}.sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:10px}.sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:10px}}html[dir=rtl] .sc-tab-indicator .sc-tab-indicator__item+.sc-tab-indicator__item{margin-right:40px;margin-left:0}html[dir=rtl] .sc-tab-indicator__adapt .sc-tab-indicator__item{padding:0}html[dir=rtl] .sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-right:60px;margin-left:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sc-player-wrapper{width:100%;height:100%;position:relative;display:inline-block}.sc-player-wrapper .sc-player-poster{width:100%;height:100%}.sc-player-wrapper video{width:100%;height:100%;object-fit:fill}.sc-player-wrapper .sc-player-btn{position:absolute;bottom:65px;right:47px;z-index:100;color:#fff;cursor:pointer;outline:none;border:0;background-color:transparent}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:50px;height:50px;vertical-align:middle;margin-right:22px}.sc-player-wrapper .sc-player-btn-text{font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:36px;color:#fff;line-height:42px;text-align:left;font-style:normal;text-transform:none;display:inline-block;vertical-align:middle}body>.sc-player-wrapper{display:none}body>.sc-player-is-fullscreen{display:flex}.sc-player-is-fullscreen{background-color:#000000f9;z-index:10000;position:fixed;top:0;left:0;width:100vw;height:100vh;padding:100px;box-sizing:border-box;display:flex;align-items:center}.sc-player-is-fullscreen video{height:auto}.sc-player-is-fullscreen .sc-player-close-btn{position:absolute;right:40px;top:40px;border:none;outline:none;background-color:transparent;color:#fff;cursor:pointer}@media (max-width: 768px){.sc-player-wrapper video{object-fit:cover}.sc-player-wrapper .sc-player-btn{bottom:20px;right:20px}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:24px;height:24px;margin-right:10px}.sc-player-wrapper .sc-player-btn-text{font-size:16px;line-height:19px;text-align:left;margin-left:0}}.sc-player-is-fullscreen{padding:24px}.sc-player-is-fullscreen .sc-player-close-btn{right:40px;top:40px}.sc-player-is-fullscreen .sc-player-close-btn .sc-player-icon{width:20px;height:20px}html[dir=rtl] .sc-player-wrapper .sc-player-btn{left:47px;right:unset}html[dir=rtl] .sc-player-wrapper .sc-player-btn .sc-player-icon{margin-right:0}html[dir=rtl] .sc-player-wrapper .sc-player-btn-text{margin-right:10px}html[dir=rtl] .sc-player-is-fullscreen .sc-player-close-btn{left:40px;right:unset}@media (max-width: 768px){html[dir=rtl] .sc-player-wrapper .sc-player-btn{bottom:20px;left:20px;right:unset}}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { defineComponent as c, createElementBlock as o, openBlock as n, normalizeClass as a, unref as p, createCommentVNode as t, createElementVNode as h, renderSlot as r } from "vue";
|
|
2
|
+
import { P as u } from "../_vars-BV4QQF-p.js";
|
|
3
|
+
const $ = ["id", "name", "type", "value", "placeholder", "maxlength", "autocomplete"], s = /* @__PURE__ */ c({
|
|
4
|
+
__name: "Input",
|
|
5
|
+
props: {
|
|
6
|
+
modelValue: {},
|
|
7
|
+
id: {},
|
|
8
|
+
name: {},
|
|
9
|
+
placeholder: {},
|
|
10
|
+
maxlength: {},
|
|
11
|
+
type: { default: "text" },
|
|
12
|
+
autocomplete: { default: "off" }
|
|
13
|
+
},
|
|
14
|
+
emits: ["update:modelValue"],
|
|
15
|
+
setup(l, { emit: i }) {
|
|
16
|
+
const d = i;
|
|
17
|
+
return (e, m) => (n(), o(
|
|
18
|
+
"div",
|
|
19
|
+
{
|
|
20
|
+
class: a(`${p(u)}-input`)
|
|
21
|
+
},
|
|
22
|
+
[
|
|
23
|
+
t(" 前置内容 "),
|
|
24
|
+
e.$slots.prefix ? (n(), o(
|
|
25
|
+
"span",
|
|
26
|
+
{
|
|
27
|
+
key: 0,
|
|
28
|
+
class: a(`${p(u)}-input__prefix`)
|
|
29
|
+
},
|
|
30
|
+
[
|
|
31
|
+
r(e.$slots, "prefix")
|
|
32
|
+
],
|
|
33
|
+
2
|
|
34
|
+
/* CLASS */
|
|
35
|
+
)) : t("v-if", !0),
|
|
36
|
+
t(" 输入框 "),
|
|
37
|
+
h("input", {
|
|
38
|
+
id: e.id,
|
|
39
|
+
name: e.name,
|
|
40
|
+
type: e.type,
|
|
41
|
+
value: e.modelValue,
|
|
42
|
+
onInput: m[0] || (m[0] = (f) => d("update:modelValue", f.target.value)),
|
|
43
|
+
placeholder: e.placeholder,
|
|
44
|
+
maxlength: e.maxlength,
|
|
45
|
+
autocomplete: e.autocomplete
|
|
46
|
+
}, null, 40, $),
|
|
47
|
+
t(" 后置内容 "),
|
|
48
|
+
e.$slots.suffix ? (n(), o(
|
|
49
|
+
"span",
|
|
50
|
+
{
|
|
51
|
+
key: 1,
|
|
52
|
+
class: a(`${p(u)}-input__suffix`)
|
|
53
|
+
},
|
|
54
|
+
[
|
|
55
|
+
r(e.$slots, "suffix")
|
|
56
|
+
],
|
|
57
|
+
2
|
|
58
|
+
/* CLASS */
|
|
59
|
+
)) : t("v-if", !0)
|
|
60
|
+
],
|
|
61
|
+
2
|
|
62
|
+
/* CLASS */
|
|
63
|
+
));
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
s.install = (l) => (l.component("ScInput", s), l);
|
|
67
|
+
const V = s;
|
|
68
|
+
export {
|
|
69
|
+
V as ScInput
|
|
70
|
+
};
|
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
import { defineComponent as w, ref as H, computed as A, createElementBlock as m, openBlock as c, normalizeClass as l, unref as n, createElementVNode as s, createBlock as u, Transition as g, withCtx as p, createCommentVNode as C, Fragment as B, renderList as T, createVNode as M, toDisplayString as P, withDirectives as N, vShow as V } from "vue";
|
|
2
|
+
import { P as o } from "../_vars-BV4QQF-p.js";
|
|
3
|
+
import { ScLayzImage as y } from "./layz-image.mjs";
|
|
4
|
+
const b = ["onClick"], z = ["innerHTML"], D = ["innerHTML"], v = /* @__PURE__ */ w({
|
|
5
|
+
__name: "accordion-info-panel",
|
|
6
|
+
props: {
|
|
7
|
+
dataList: {},
|
|
8
|
+
defaultOpenIndex: { default: 0 },
|
|
9
|
+
singleImageSrc: {},
|
|
10
|
+
singleImageAlt: {}
|
|
11
|
+
},
|
|
12
|
+
setup(r) {
|
|
13
|
+
const h = r, a = H(h.defaultOpenIndex), _ = (t) => {
|
|
14
|
+
a.value !== t && (a.value = t);
|
|
15
|
+
}, d = A(() => a.value !== null ? h.dataList[a.value] : null), L = (t) => {
|
|
16
|
+
const e = t;
|
|
17
|
+
e.style.height = "0", e.style.opacity = "0", e.style.overflow = "hidden";
|
|
18
|
+
}, I = (t) => {
|
|
19
|
+
const e = t, i = e.scrollHeight;
|
|
20
|
+
e.style.height = `${i}px`, e.style.opacity = "1";
|
|
21
|
+
}, $ = (t) => {
|
|
22
|
+
const e = t;
|
|
23
|
+
e.style.height = "auto", e.style.overflow = "";
|
|
24
|
+
}, k = (t) => {
|
|
25
|
+
const e = t;
|
|
26
|
+
e.style.height = e.scrollHeight + "px", e.style.opacity = "1", e.style.overflow = "hidden";
|
|
27
|
+
}, S = (t) => {
|
|
28
|
+
const e = t;
|
|
29
|
+
e.offsetHeight, e.style.height = "0", e.style.opacity = "0";
|
|
30
|
+
}, E = (t) => {
|
|
31
|
+
const e = t;
|
|
32
|
+
e.style.height = "", e.style.overflow = "";
|
|
33
|
+
};
|
|
34
|
+
return (t, e) => (c(), m(
|
|
35
|
+
"div",
|
|
36
|
+
{
|
|
37
|
+
class: l(`${n(o)}-accordion-info`)
|
|
38
|
+
},
|
|
39
|
+
[
|
|
40
|
+
s(
|
|
41
|
+
"div",
|
|
42
|
+
{
|
|
43
|
+
class: l(`${n(o)}-accordion-info__image`)
|
|
44
|
+
},
|
|
45
|
+
[
|
|
46
|
+
t.singleImageSrc ? (c(), u(n(y), {
|
|
47
|
+
key: 0,
|
|
48
|
+
src: t.singleImageSrc,
|
|
49
|
+
alt: t.singleImageAlt
|
|
50
|
+
}, null, 8, ["src", "alt"])) : (c(), u(g, {
|
|
51
|
+
key: 1,
|
|
52
|
+
name: `${n(o)}-fade`,
|
|
53
|
+
mode: "out-in"
|
|
54
|
+
}, {
|
|
55
|
+
default: p(() => [
|
|
56
|
+
d.value ? (c(), u(n(y), {
|
|
57
|
+
key: d.value.imgUrl,
|
|
58
|
+
src: d.value.imgUrl || "",
|
|
59
|
+
alt: d.value.alt
|
|
60
|
+
}, null, 8, ["src", "alt"])) : C("v-if", !0)
|
|
61
|
+
]),
|
|
62
|
+
_: 1
|
|
63
|
+
/* STABLE */
|
|
64
|
+
}, 8, ["name"]))
|
|
65
|
+
],
|
|
66
|
+
2
|
|
67
|
+
/* CLASS */
|
|
68
|
+
),
|
|
69
|
+
s(
|
|
70
|
+
"div",
|
|
71
|
+
{
|
|
72
|
+
class: l(`${n(o)}-accordion-info__content`)
|
|
73
|
+
},
|
|
74
|
+
[
|
|
75
|
+
(c(!0), m(
|
|
76
|
+
B,
|
|
77
|
+
null,
|
|
78
|
+
T(t.dataList, (i, f) => (c(), m("div", {
|
|
79
|
+
key: i.title,
|
|
80
|
+
class: l(`${n(o)}-accordion-info__item`),
|
|
81
|
+
onClick: (F) => _(f)
|
|
82
|
+
}, [
|
|
83
|
+
s(
|
|
84
|
+
"div",
|
|
85
|
+
{
|
|
86
|
+
class: l(`${n(o)}-accordion-info__header`)
|
|
87
|
+
},
|
|
88
|
+
[
|
|
89
|
+
s("span", {
|
|
90
|
+
class: l(`${n(o)}-accordion-info__title`),
|
|
91
|
+
innerHTML: i.title
|
|
92
|
+
}, null, 10, z),
|
|
93
|
+
s(
|
|
94
|
+
"span",
|
|
95
|
+
{
|
|
96
|
+
class: l(`${n(o)}-accordion-info__icon`)
|
|
97
|
+
},
|
|
98
|
+
P(a.value === f ? "-" : "+"),
|
|
99
|
+
3
|
|
100
|
+
/* TEXT, CLASS */
|
|
101
|
+
)
|
|
102
|
+
],
|
|
103
|
+
2
|
|
104
|
+
/* CLASS */
|
|
105
|
+
),
|
|
106
|
+
M(g, {
|
|
107
|
+
name: `${n(o)}-accordion`,
|
|
108
|
+
onBeforeEnter: L,
|
|
109
|
+
onEnter: I,
|
|
110
|
+
onAfterEnter: $,
|
|
111
|
+
onBeforeLeave: k,
|
|
112
|
+
onLeave: S,
|
|
113
|
+
onAfterLeave: E,
|
|
114
|
+
persisted: ""
|
|
115
|
+
}, {
|
|
116
|
+
default: p(() => [
|
|
117
|
+
N(s("p", {
|
|
118
|
+
class: l(`${n(o)}-accordion-info__desc`),
|
|
119
|
+
innerHTML: i.desc
|
|
120
|
+
}, null, 10, D), [
|
|
121
|
+
[V, a.value === f]
|
|
122
|
+
])
|
|
123
|
+
]),
|
|
124
|
+
_: 2
|
|
125
|
+
/* DYNAMIC */
|
|
126
|
+
}, 1032, ["name"])
|
|
127
|
+
], 10, b))),
|
|
128
|
+
128
|
|
129
|
+
/* KEYED_FRAGMENT */
|
|
130
|
+
))
|
|
131
|
+
],
|
|
132
|
+
2
|
|
133
|
+
/* CLASS */
|
|
134
|
+
)
|
|
135
|
+
],
|
|
136
|
+
2
|
|
137
|
+
/* CLASS */
|
|
138
|
+
));
|
|
139
|
+
}
|
|
140
|
+
});
|
|
141
|
+
v.install = (r) => (r.component("ScAccordionInfoPanel", v), r);
|
|
142
|
+
const R = v;
|
|
143
|
+
export {
|
|
144
|
+
R as ScAccordionInfoPanel
|
|
145
|
+
};
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { defineComponent as _, ref as b, onMounted as k, onUnmounted as w, createElementBlock as y, openBlock as S, toDisplayString as B } from "vue";
|
|
2
|
+
const f = /* @__PURE__ */ _({
|
|
3
|
+
__name: "animated-number",
|
|
4
|
+
props: {
|
|
5
|
+
value: {},
|
|
6
|
+
format: { type: Boolean, default: !1 },
|
|
7
|
+
range: {},
|
|
8
|
+
threshold: { default: 0.5 },
|
|
9
|
+
duration: { default: 1500 },
|
|
10
|
+
once: { type: Boolean, default: !1 },
|
|
11
|
+
direction: { default: "auto" },
|
|
12
|
+
isAnimation: { type: Boolean, default: !0 }
|
|
13
|
+
},
|
|
14
|
+
setup(l) {
|
|
15
|
+
const e = l, s = e.range || e.value / 10, c = b(null), i = b(e.value);
|
|
16
|
+
let r = null, a = null, p = !1;
|
|
17
|
+
const v = ((t) => {
|
|
18
|
+
if (!isFinite(t)) return 0;
|
|
19
|
+
const n = t.toString();
|
|
20
|
+
if (n.includes("e")) {
|
|
21
|
+
const [o, m] = n.split("e"), u = o.split(".")[1] || "", d = parseInt(m, 10);
|
|
22
|
+
return Math.max(0, u.length - d);
|
|
23
|
+
} else {
|
|
24
|
+
const o = n.split(".");
|
|
25
|
+
return o[1] ? o[1].length : 0;
|
|
26
|
+
}
|
|
27
|
+
})(e.value), A = (t) => e.format ? t.toLocaleString() : t.toString(), x = () => {
|
|
28
|
+
if (e.once && p) return;
|
|
29
|
+
let t;
|
|
30
|
+
switch (e.direction) {
|
|
31
|
+
case "up":
|
|
32
|
+
t = Math.max(e.value - s, 0);
|
|
33
|
+
break;
|
|
34
|
+
case "down":
|
|
35
|
+
t = e.value + s;
|
|
36
|
+
break;
|
|
37
|
+
default:
|
|
38
|
+
t = e.value > Number(i.value) ? Math.max(e.value - s, 0) : e.value + s;
|
|
39
|
+
break;
|
|
40
|
+
}
|
|
41
|
+
const n = e.value, o = e.duration, m = performance.now(), u = (d) => {
|
|
42
|
+
const F = d - m, h = Math.min(F / o, 1), g = 1 - Math.pow(1 - h, 3), M = v === 0 ? Math.round(t + (n - t) * g) : (t + (n - t) * g).toFixed(v);
|
|
43
|
+
i.value = M, h < 1 ? a = requestAnimationFrame(u) : (i.value = n, a = null, p = !0);
|
|
44
|
+
};
|
|
45
|
+
cancelAnimationFrame(a), a = requestAnimationFrame(u);
|
|
46
|
+
};
|
|
47
|
+
return k(() => {
|
|
48
|
+
e.isAnimation && (r = new IntersectionObserver(
|
|
49
|
+
([t]) => {
|
|
50
|
+
t.isIntersecting && x();
|
|
51
|
+
},
|
|
52
|
+
{ threshold: e.threshold }
|
|
53
|
+
), c.value && r.observe(c.value));
|
|
54
|
+
}), w(() => {
|
|
55
|
+
e.isAnimation && (r == null || r.disconnect(), a !== null && cancelAnimationFrame(a));
|
|
56
|
+
}), (t, n) => (S(), y(
|
|
57
|
+
"span",
|
|
58
|
+
{
|
|
59
|
+
ref_key: "el",
|
|
60
|
+
ref: c
|
|
61
|
+
},
|
|
62
|
+
B(A(i.value)),
|
|
63
|
+
513
|
|
64
|
+
/* TEXT, NEED_PATCH */
|
|
65
|
+
));
|
|
66
|
+
}
|
|
67
|
+
});
|
|
68
|
+
f.install = (l) => (l.component("ScAnimatedNumber", f), l);
|
|
69
|
+
const D = f;
|
|
70
|
+
export {
|
|
71
|
+
D as ScAnimatedNumber
|
|
72
|
+
};
|