@opendesign-plus/components 0.0.1-rc.2 → 0.0.1-rc.21
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/dist/chunk-OElCookieNotice.cjs.js +1 -0
- package/dist/chunk-OElCookieNotice.es.js +839 -0
- package/dist/components/OBanner.vue.d.ts +10 -1
- package/dist/components/OCookieNotice.vue.d.ts +6 -5
- package/dist/components/OFooter.vue.d.ts +46 -0
- package/dist/components/OHeaderSearch.vue.d.ts +10 -14
- package/dist/components/OHeaderUser.vue.d.ts +40 -0
- package/dist/components/OSourceCode.vue.d.ts +18 -0
- package/dist/components/activity/OActivityApproval.vue.d.ts +273 -0
- package/dist/components/activity/OActivityForm.vue.d.ts +138 -0
- package/dist/components/activity/OMyActivityCalendar.vue.d.ts +570 -0
- package/dist/components/activity/composables/useActivityConfig.d.ts +17 -0
- package/dist/components/activity/config.d.ts +1 -0
- package/dist/components/activity/index.d.ts +615 -0
- package/dist/components/activity/types.d.ts +88 -0
- package/dist/components/element-plus/OElCookieNotice.vue.d.ts +34 -0
- package/dist/components/element-plus/index.d.ts +2 -0
- package/dist/components/events/OEventsApply.vue.d.ts +16 -0
- package/dist/components/events/OEventsCalendar.vue.d.ts +5 -0
- package/dist/components/events/OEventsList.vue.d.ts +26 -0
- package/dist/components/events/config.d.ts +14 -0
- package/dist/components/events/index.d.ts +78 -0
- package/dist/components/events/types.d.ts +69 -0
- package/dist/components/events/utils.d.ts +7 -0
- package/dist/components/header/OHeader.vue.d.ts +30 -0
- package/dist/components/header/OHeaderMobile.vue.d.ts +178 -0
- package/dist/components/header/components/HeaderContent.vue.d.ts +13 -0
- package/dist/components/header/components/HeaderNav.vue.d.ts +19 -0
- package/dist/components/header/components/HeaderNavMobile.vue.d.ts +36 -0
- package/dist/components/header/index.d.ts +152 -0
- package/dist/components/header/types.d.ts +84 -0
- package/dist/components/meeting/OMeetingCalendar.vue.d.ts +295 -0
- package/dist/components/meeting/OMeetingForm.vue.d.ts +143 -0
- package/dist/components/meeting/OMeetingPlayback.vue.d.ts +45 -0
- package/dist/components/meeting/OMyMeetingCalendar.vue.d.ts +578 -0
- package/dist/components/meeting/OSigMeetingCalendar.vue.d.ts +24 -0
- package/dist/components/meeting/components/OMeetingCalendarList.vue.d.ts +28 -0
- package/dist/components/meeting/components/OMeetingCalendarSelector.vue.d.ts +664 -0
- package/dist/components/meeting/components/OMeetingDetail.vue.d.ts +13 -0
- package/dist/components/meeting/components/OMeetingPlaybackSubtitles.vue.d.ts +5 -0
- package/dist/components/meeting/components/OMeetingPlaybackVideo.vue.d.ts +17 -0
- package/dist/components/meeting/components/OSigMeetingAside.vue.d.ts +16 -0
- package/dist/components/meeting/composables/useMeetingConfig.d.ts +14 -0
- package/dist/components/meeting/config.d.ts +12 -0
- package/dist/components/meeting/index.d.ts +786 -0
- package/dist/components/meeting/types.d.ts +233 -0
- package/dist/components/meeting/utils.d.ts +8 -0
- package/dist/components.cjs.js +224 -1
- package/dist/components.css +1 -1
- package/dist/components.element.cjs.js +1 -0
- package/dist/components.element.es.js +4 -0
- package/dist/components.es.js +44417 -784
- package/dist/index.d.ts +9 -2
- package/docs/design.md +27 -27
- package/docs/design_banner.md +41 -41
- package/docs/design_section.md +27 -27
- package/package.json +13 -4
- package/scripts/generate-components-index.js +103 -80
- package/src/assets/events/svg-icons/icon-checked.svg +3 -0
- package/src/assets/events/svg-icons/icon-competition.svg +7 -0
- package/src/assets/events/svg-icons/icon-events.svg +4 -0
- package/src/assets/events/svg-icons/icon-release.svg +4 -0
- package/src/assets/events/svg-icons/icon-summit.svg +4 -0
- package/src/assets/meeting/svg-icons/icon-all.svg +3 -0
- package/src/assets/meeting/svg-icons/icon-backward.svg +4 -0
- package/src/assets/meeting/svg-icons/icon-calendar.svg +3 -0
- package/src/assets/meeting/svg-icons/icon-cancel.svg +4 -0
- package/src/assets/meeting/svg-icons/icon-captions.svg +4 -0
- package/src/assets/meeting/svg-icons/icon-close-captions.svg +6 -0
- package/src/assets/meeting/svg-icons/icon-close-fullscreen.svg +6 -0
- package/src/assets/meeting/svg-icons/icon-copy.svg +3 -0
- package/src/assets/meeting/svg-icons/icon-create.svg +5 -0
- package/src/assets/meeting/svg-icons/icon-delete.svg +7 -0
- package/src/assets/meeting/svg-icons/icon-empty.svg +31 -0
- package/src/assets/meeting/svg-icons/icon-empty_dark.svg +49 -0
- package/src/assets/meeting/svg-icons/icon-event.svg +3 -0
- package/src/assets/meeting/svg-icons/icon-export.svg +3 -0
- package/src/assets/meeting/svg-icons/icon-forward.svg +4 -0
- package/src/assets/meeting/svg-icons/icon-fullscreen.svg +6 -0
- package/src/assets/meeting/svg-icons/icon-help.svg +3 -0
- package/src/assets/meeting/svg-icons/icon-important.svg +4 -0
- package/src/assets/meeting/svg-icons/icon-info.svg +3 -0
- package/src/assets/meeting/svg-icons/icon-meet.svg +3 -0
- package/src/assets/meeting/svg-icons/icon-meeting-message.svg +5 -0
- package/src/assets/meeting/svg-icons/icon-meeting.svg +4 -0
- package/src/assets/meeting/svg-icons/icon-play.svg +5 -0
- package/src/assets/meeting/svg-icons/icon-playing-tip.svg +7 -0
- package/src/assets/meeting/svg-icons/icon-playing.svg +5 -0
- package/src/assets/meeting/svg-icons/icon-question.svg +4 -0
- package/src/assets/meeting/svg-icons/icon-sound.svg +5 -0
- package/src/assets/meeting/svg-icons/icon-speaker.svg +3 -0
- package/src/assets/meeting/svg-icons/icon-summit.svg +3 -0
- package/src/assets/meeting/svg-icons/icon-telligent.svg +3 -0
- package/src/assets/meeting/svg-icons/icon-tip.svg +3 -0
- package/src/assets/meeting/svg-icons/icon-todo.svg +4 -0
- package/src/assets/meeting/transparent.png +0 -0
- package/src/assets/svg-icons/icon-arrow-left.svg +3 -0
- package/src/assets/svg-icons/icon-avatar-line.svg +3 -0
- package/src/assets/svg-icons/icon-caret-left.svg +3 -0
- package/src/assets/svg-icons/icon-caret-right.svg +3 -0
- package/src/assets/svg-icons/icon-chevron-down.svg +3 -0
- package/src/assets/svg-icons/icon-chevron-right.svg +3 -3
- package/src/assets/svg-icons/icon-chevron-up.svg +3 -0
- package/src/assets/svg-icons/icon-close.svg +3 -3
- package/src/assets/svg-icons/icon-delete.svg +3 -3
- package/src/assets/svg-icons/icon-filter.svg +3 -0
- package/src/assets/svg-icons/icon-header-back.svg +3 -3
- package/src/assets/svg-icons/icon-header-delete.svg +3 -3
- package/src/assets/svg-icons/icon-header-menu.svg +3 -0
- package/src/assets/svg-icons/icon-header-person.svg +3 -0
- package/src/assets/svg-icons/icon-header-search.svg +4 -4
- package/src/assets/svg-icons/icon-loading.svg +4 -0
- package/src/assets/svg-icons/icon-locale.svg +3 -0
- package/src/assets/svg-icons/icon-log-off.svg +3 -0
- package/src/assets/svg-icons/icon-message.svg +3 -0
- package/src/assets/svg-icons/icon-moon.svg +3 -3
- package/src/assets/svg-icons/icon-outlink.svg +3 -0
- package/src/assets/svg-icons/icon-overview.svg +3 -0
- package/src/assets/svg-icons/icon-search.svg +3 -0
- package/src/assets/svg-icons/icon-setting.svg +3 -0
- package/src/assets/svg-icons/icon-sun.svg +3 -3
- package/src/assets/svg-icons/icon-tips.svg +3 -0
- package/src/components/OBanner.vue +398 -390
- package/src/components/OCookieNotice.vue +575 -424
- package/src/components/OFooter.vue +576 -0
- package/src/components/OHeaderSearch.vue +601 -601
- package/src/components/OHeaderUser.vue +237 -0
- package/src/components/OPlusConfigProvider.vue +32 -32
- package/src/components/OSection.vue +178 -178
- package/src/components/OSourceCode.vue +151 -0
- package/src/components/OThemeSwitcher.vue +108 -108
- package/src/components/activity/OActivityApproval.vue +864 -0
- package/src/components/activity/OActivityForm.vue +542 -0
- package/src/components/activity/OMyActivityCalendar.vue +1502 -0
- package/src/components/activity/composables/useActivityConfig.ts +141 -0
- package/src/components/activity/config.ts +1 -0
- package/src/components/activity/index.ts +24 -0
- package/src/components/activity/types.ts +95 -0
- package/src/components/common/AppAvatar.vue +83 -0
- package/src/components/common/ClientOnlyWrapper.ts +21 -21
- package/src/components/common/ContentWrapper.vue +85 -85
- package/src/components/common/MoreText.vue +124 -0
- package/src/components/common/ThFilter.vue +330 -0
- package/src/components/element-plus/OElCookieNotice.vue +603 -0
- package/src/components/element-plus/index.ts +3 -0
- package/src/components/events/OEventsApply.vue +418 -0
- package/src/components/events/OEventsCalendar.vue +598 -0
- package/src/components/events/OEventsList.vue +389 -0
- package/src/components/events/config.ts +35 -0
- package/src/components/events/index.ts +24 -0
- package/src/components/events/types.ts +83 -0
- package/src/components/events/utils.ts +9 -0
- package/src/components/header/OHeader.vue +157 -0
- package/src/components/header/OHeaderMobile.vue +184 -0
- package/src/components/header/components/HeaderContent.vue +1125 -0
- package/src/components/header/components/HeaderNav.vue +278 -0
- package/src/components/header/components/HeaderNavMobile.vue +380 -0
- package/src/components/header/index.ts +16 -0
- package/src/components/header/types.ts +95 -0
- package/src/components/meeting/OMeetingCalendar.vue +890 -0
- package/src/components/meeting/OMeetingForm.vue +1072 -0
- package/src/components/meeting/OMeetingPlayback.vue +439 -0
- package/src/components/meeting/OMyMeetingCalendar.vue +1508 -0
- package/src/components/meeting/OSigMeetingCalendar.vue +413 -0
- package/src/components/meeting/components/OMeetingCalendarList.vue +515 -0
- package/src/components/meeting/components/OMeetingCalendarSelector.vue +210 -0
- package/src/components/meeting/components/OMeetingDetail.vue +244 -0
- package/src/components/meeting/components/OMeetingPlaybackSubtitles.vue +611 -0
- package/src/components/meeting/components/OMeetingPlaybackVideo.vue +741 -0
- package/src/components/meeting/components/OSigMeetingAside.vue +199 -0
- package/src/components/meeting/composables/useMeetingConfig.ts +108 -0
- package/src/components/meeting/config.ts +48 -0
- package/src/components/meeting/index.ts +45 -0
- package/src/components/meeting/types.ts +266 -0
- package/src/components/meeting/utils.ts +70 -0
- package/src/draft/Banner.vue +265 -265
- package/src/draft/ButtonCards.vue +105 -105
- package/src/draft/Feature.vue +133 -133
- package/src/draft/Footer.vue +512 -512
- package/src/draft/HorizontalAnchor.vue +165 -165
- package/src/draft/ItemSwiper.vue +133 -133
- package/src/draft/Logo.vue +141 -141
- package/src/draft/LogoCard.vue +74 -74
- package/src/draft/LogoV2.vue +19 -19
- package/src/draft/MainCard.vue +38 -38
- package/src/draft/MultiCard.vue +94 -94
- package/src/draft/MultiIconCard.vue +73 -73
- package/src/draft/OInfoCard.vue +176 -176
- package/src/draft/Process.vue +81 -81
- package/src/draft/Section.vue +167 -167
- package/src/draft/SingleTabCard.vue +84 -84
- package/src/draft/SliderCard.vue +110 -110
- package/src/env.d.ts +16 -1
- package/src/i18n/en.ts +264 -20
- package/src/i18n/index.ts +56 -42
- package/src/i18n/zh.ts +253 -9
- package/src/index.ts +14 -3
- package/src/shared/provide.ts +6 -6
- package/src/shims-vue-dompurify-html.d.ts +17 -0
- package/src/vue.d.ts +9 -9
- package/tsconfig.json +37 -33
- package/vite.config.ts +119 -94
- package/dist/components/OCookieNoticeEl.vue.d.ts +0 -29
- package/dist/components.umd.js +0 -1
- package/src/components/OCookieNoticeEl.vue +0 -404
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
type __VLS_Props = {
|
|
2
|
-
visible?: boolean;
|
|
3
|
-
enableGrid?: boolean;
|
|
4
|
-
community: string;
|
|
5
|
-
aboutPathZh: string;
|
|
6
|
-
aboutPathEn: string;
|
|
7
|
-
teleportTarget?: string | HTMLElement;
|
|
8
|
-
};
|
|
9
|
-
declare function __VLS_template(): {
|
|
10
|
-
attrs: Partial<{}>;
|
|
11
|
-
slots: {
|
|
12
|
-
'close-icon'?(_: {}): any;
|
|
13
|
-
};
|
|
14
|
-
refs: {};
|
|
15
|
-
rootEl: any;
|
|
16
|
-
};
|
|
17
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
18
|
-
declare const __VLS_component: import('../../vue/dist/vue.esm-bundler.js').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {} & {
|
|
19
|
-
"update:visible": (value: boolean) => any;
|
|
20
|
-
}, string, import('../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
21
|
-
"onUpdate:visible"?: ((value: boolean) => any) | undefined;
|
|
22
|
-
}>, {}, {}, {}, {}, string, import('../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, false, {}, any>;
|
|
23
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
24
|
-
export default _default;
|
|
25
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
26
|
-
new (): {
|
|
27
|
-
$slots: S;
|
|
28
|
-
};
|
|
29
|
-
};
|
package/dist/components.umd.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(function(C,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@opensig/opendesign"),require("@opendesign-plus/composables"),require("@vueuse/core"),require("element-plus"),require("element-plus/es/components/button/style/index"),require("element-plus/es/components/dialog/style/index"),require("element-plus/es/components/switch/style/index"),require("element-plus/es/components/icon/style/index")):typeof define=="function"&&define.amd?define(["exports","vue","@opensig/opendesign","@opendesign-plus/composables","@vueuse/core","element-plus","element-plus/es/components/button/style/index","element-plus/es/components/dialog/style/index","element-plus/es/components/switch/style/index","element-plus/es/components/icon/style/index"],e):(C=typeof globalThis<"u"?globalThis:C||self,e(C.OpenDesignPlusComponents={},C.Vue,C.OpenDesign,C.OpenDesignPlusComposables,C.VueUse,C.ElementPlus))})(this,(function(C,e,i,z,P,x){"use strict";const v=e.defineComponent({__name:"ContentWrapper",props:{verticalPadding:{type:[Boolean,String,Array],default:void 0}},setup(t){const o=Symbol("default"),n=t,p=e.computed(()=>n.verticalPadding?i.isBoolean(n.verticalPadding)?o:i.isString(n.verticalPadding)?n.verticalPadding:n.verticalPadding[0]:0),r=e.computed(()=>n.verticalPadding?i.isBoolean(n.verticalPadding)?o:i.isString(n.verticalPadding)?n.verticalPadding:i.isUndefined(n.verticalPadding[1])?n.verticalPadding[0]:n.verticalPadding[1]:0);return(h,d)=>(e.openBlock(),e.createElementBlock("div",{class:"content-wrapper",style:e.normalizeStyle({"--content-wrapper-vertical-paddingTop":p.value===e.unref(o)?void 0:p.value,"--content-wrapper-vertical-paddingBottom":r.value===e.unref(o)?void 0:r.value})},[e.renderSlot(h.$slots,"default",{},void 0,!0)],4))}}),D=(t,o)=>{const n=t.__vccOpts||t;for(const[p,r]of o)n[p]=r;return n},R=D(v,[["__scopeId","data-v-a0f91aed"]]),ee={key:0},te={class:"banner-content"},oe=["src"],ne={key:1,class:"banner-title"},le={key:2,class:"banner-subtitle"},ae={key:4,class:"banner-opts"},L=D(e.defineComponent({__name:"OBanner",props:{options:void 0,size:"large",contentJustifyCenter:!1},setup(t){const o=t,{isLight:n}=z.useTheme("opendesignplus",document.domain||"localhost"),{isPhone:p}=z.useScreen(),r=e.computed(()=>o.options),h=e.ref(""),d=l=>{setTimeout(()=>{h.value=r.value[l].bg_theme??"light"},100)},c=(l,f)=>{l&&!f&&window.open(l)};return(l,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["home-banner",t.size])},[t.size==="tiny"?(e.openBlock(),e.createElementBlock("div",ee,e.toDisplayString(r.value[1].title),1)):e.unref(p)?(e.openBlock(),e.createBlock(e.unref(i.OCarousel),{key:2,class:"banner-carousel",effect:"gallery","indicator-click":"","data-o-theme":h.value,arrow:"never","auto-play":!0,onBeforeChange:d},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(a,k)=>(e.openBlock(),e.createBlock(e.unref(i.OCarouselItem),{class:e.normalizeClass(["banner-item",`banner-item${k}`])},{default:e.withCtx(()=>[e.createVNode(R,{class:"banner-wrapper"},{default:e.withCtx(()=>[e.createVNode(e.unref(i.OFigure),{class:"banner-bg",src:a.bg,onClick:_=>c(a.href)},null,8,["src","onClick"])]),_:2},1024)]),_:2},1032,["class"]))),256))]),_:1},8,["data-o-theme"])):(e.openBlock(),e.createBlock(e.unref(i.OCarousel),{key:1,class:"banner-carousel",effect:"toggle","active-class":"current-slide","indicator-click":"","auto-play":!0,"data-o-theme":h.value,onBeforeChange:d},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(a,k)=>(e.openBlock(),e.createBlock(e.unref(i.OCarouselItem),{key:k,class:e.normalizeClass(["banner-item",`banner-item${k}`])},{default:e.withCtx(()=>[e.createVNode(e.unref(i.OFigure),{class:e.normalizeClass(["banner-bg",{"with-sticky-bg":a.withStickyBg,"in-dark":!e.unref(n),"cursor-pointer":a.href&&!a.btn}]),src:a.bg,style:e.normalizeStyle({"--pad-offset":a.pad_offset}),onClick:_=>c(a.href,a.btn)},{default:e.withCtx(()=>[e.createVNode(R,{class:e.normalizeClass(["banner-wrapper",["banner-wrapper",t.contentJustifyCenter?"content-center":""]])},{default:e.withCtx(()=>[e.createElementVNode("div",te,[!e.unref(p)&&a.attach?(e.openBlock(),e.createElementBlock("img",{key:0,src:a.attach,class:"banner-attach"},null,8,oe)):e.createCommentVNode("",!0),a.title?(e.openBlock(),e.createElementBlock("div",ne,e.toDisplayString(a.title),1)):e.createCommentVNode("",!0),a.subtitle?(e.openBlock(),e.createElementBlock("div",le,e.toDisplayString(a.subtitle),1)):e.createCommentVNode("",!0),a.bg_text?(e.openBlock(),e.createElementBlock("div",{key:3,class:"banner-text",style:e.normalizeStyle({backgroundImage:`url(${a.bg_text})`,"--pc-width":a.pc_text_width,"--pc-height":a.pc_text_height,"--pad-width":a.pad_text_width,"--pad-height":a.pad_text_height})},null,4)):e.createCommentVNode("",!0),a.btn?(e.openBlock(),e.createElementBlock("div",ae,[e.createVNode(e.unref(i.OButton),{href:a.href,target:"_blank",variant:"solid",color:"primary",size:t.size},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.btn),1)]),_:2},1032,["href","size"])])):e.createCommentVNode("",!0)])]),_:2},1032,["class"])]),_:2},1032,["src","class","style","onClick"])]),_:2},1032,["class"]))),128))]),_:1},8,["data-o-theme"]))],2))}}),[["__scopeId","data-v-38a33983"]]),ce=t=>{const o=e.ref(!1);return e.onMounted(()=>{o.value=!0}),()=>o.value&&t.default?t.default():null},K=e.defineComponent({setup(t,{slots:o}){const n=e.resolveComponent("ClientOnly");return n&&typeof n!="string"?()=>e.h(n,null,{default:()=>o.default?o.default():null}):ce(o)}}),re={search:"搜索","search.hot":"热门搜索","search.placeholder":"搜索","search.expandedPlaceholder":"请输入搜索内容","search.history":"历史搜索","cookie.desc":"我们使用cookie来确保您的高速浏览体验。继续浏览本站,即表示您同意我们使用cookie。","cookie.about":"查看详情"},se={search:"Search","search.hot":"Top search","search.placeholder":"Please enter the content","search.expandedPlaceholder":"Please enter the content","search.history":"History","cookie.title":"{0} Community Respects Your Privacy","cookie.desc":'This site uses cookies from us and our partners to improve your browsing experience and make the site work properly. By clicking "Accept All", you consent to the use of cookies. By clicking "Reject All", you disable the use of unnecessary cookies. You can manage your cookie settings by clicking "Manage Cookies". For more information or to change your cookie settings, please refer to our ',"cookie.about":"About Cookies","cookie.acceptAll":"Accept All","cookie.rejectAll":"Reject All","cookie.manage":"Manage Cookies","cookie.necessaryCookie":"Strictly Necessary Cookies","cookie.alwaysOn":"Always active","cookie.necessaryCookieDetail":"These cookies are necessary for the site to work properly and cannot be switched off. They are usually only set in response to actions made by you which amount to a request for services, such as logging in or filling in forms. You can set the browser to block these cookies, but that can make parts of the site not work. These cookies do not store any personally identifiable information.","cookie.analyticalCookie":"Analytics Cookies","cookie.analyticalCookieDetail":"We will use these cookies only with your consent. These cookies help us make improvements by collecting statistics such as the number of visits and traffic sources.","cookie.saveSetting":"Save Settings","cookie.setting":"Cookie settings"},G=Symbol("provide-config-provider"),ie=e.ref({zh:re,en:se});function M(){const o=e.getCurrentInstance()?e.inject(G):null,n=e.computed(()=>(o==null?void 0:o.locale)||"zh");return{locale:n,t:(r,...h)=>{const c=ie.value[n.value][r];return h.length>0&&i.isString(c)?c.replace(/{(\d+)}/g,(l,f)=>h[f]??l):(i.isUndefined(c)&&console.warn(`Cannot translate the value of keypath '${r}'`),c)}}}const de={key:0,class:"cookie-notice"},he={class:"cookie-notice-content"},me=["type"],pe={class:"cookie-notice-left"},fe={key:0,class:"cookie-desc",style:{"margin-top":"0"}},ke=["href"],ye={class:"cookie-title"},ge={class:"cookie-desc"},ue=["href"],Ce={key:0,class:"cookie-notice-right"},_e={class:"cookie-dlg-title"},Ve={class:"cookie-dlg-content"},we={class:"content-item"},Be={class:"item-header"},Ne={class:"item-title"},Ee={class:"item-extra"},$e={class:"item-detail"},be={class:"content-item"},Se={class:"item-header"},xe={class:"item-title"},Ie={class:"item-extra"},Oe={class:"item-detail"},De="0",F="1",ze="2",T="3",Te="agreed-cookiepolicy-zh",Ae="agreed-cookiepolicy-en",j=D(e.defineComponent({__name:"OCookieNotice",props:{visible:{type:Boolean},enableGrid:{type:Boolean},community:{},aboutPathZh:{},aboutPathEn:{},teleportTarget:{}},emits:["update:visible"],setup(t,{expose:o,emit:n}){const p=t,r=n,{lePadV:h,leLaptop:d}=z.useScreen(),{locale:c,t:l}=M(),f=e.computed(()=>c.value==="zh"),a=e.computed(()=>f.value?Te:Ae),k=e.ref(!1),_=P.useVModel(p,"visible",r,{defaultValue:!1}),V=m=>{const u=document.cookie.split(";").find(E=>E.split("=")[0].trim()===encodeURIComponent(m));return u?decodeURIComponent(u.split("=")[1]):null},N=(m,u,E,vt)=>{const eo=`; max-age=${E*24*60*60}`;document.cookie=`${encodeURIComponent(m)}=${encodeURIComponent(u)}${eo}; path=/; domain=${vt}`},I=(m,u)=>{document.cookie=`${encodeURIComponent(m)}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; domain=${u}`},w=m=>{typeof m=="boolean"?_.value=m:_.value=!_.value,e.nextTick(()=>{!_.value&&f.value&&V(a.value)!==T&&N(a.value,T,180,location.hostname)})},b=e.ref(!1),$=m=>{typeof m=="boolean"?b.value=m:b.value=!b.value},s=()=>f.value?V(a.value)!==T:(V(a.value)??"0")===De,S=()=>f.value?V(a.value)===T:V(a.value)===F;e.onMounted(()=>{s()&&w(!0)}),e.watch(c,()=>{w(s())});const y=()=>{k.value=!0,I(a.value,location.hostname),N(a.value,F,180,location.hostname),w(!1)},O=()=>{k.value=!1,I(a.value,location.hostname),N(a.value,ze,180,location.hostname),w(!1)},B=e.computed(()=>[{id:"save",color:"primary",label:l("cookie.saveSetting"),variant:"outline",size:"large",round:"pill",onClick:()=>{k.value?y():O(),$(!1)}},{id:"allowAll",color:"primary",label:l("cookie.acceptAll"),variant:"outline",size:"large",round:"pill",onClick:()=>{k.value=!0,y(),$(!1)}}]),g=m=>{m&&(k.value=S())};return o({check(){S()===_.value&&w()}}),(m,u)=>(e.openBlock(),e.createBlock(e.unref(K),null,{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.Teleport,{to:t.teleportTarget||"#app"},[e.unref(_)?(e.openBlock(),e.createElementBlock("div",de,[e.createElementVNode("div",he,[e.createElementVNode("div",{type:e.unref(c),class:e.normalizeClass({"cookie-notice-wrap-grid":t.enableGrid,"cookie-notice-wrap":!t.enableGrid})},[e.createElementVNode("div",pe,[f.value?(e.openBlock(),e.createElementBlock("p",fe,[e.createTextVNode(e.toDisplayString(e.unref(l)("cookie.desc"))+" ",1),e.createElementVNode("a",{href:t.aboutPathZh,target:"_blank",rel:"noopener noreferrer"},e.toDisplayString(e.unref(l)("cookie.about")),9,ke)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("p",ye,e.toDisplayString(e.unref(l)("cookie.title",[t.community])),1),e.createElementVNode("p",ge,[e.createTextVNode(e.toDisplayString(e.unref(l)("cookie.desc"))+" ",1),e.createElementVNode("a",{href:t.aboutPathEn,target:"_blank",rel:"noopener noreferrer"},e.toDisplayString(e.unref(l)("cookie.about")),9,ue),u[4]||(u[4]=e.createTextVNode(". ",-1))])],64))]),f.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Ce,[e.createVNode(e.unref(i.OButton),{round:"pill",variant:"outline",color:"primary",onClick:y},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)("cookie.acceptAll")),1)]),_:1}),e.createVNode(e.unref(i.OButton),{round:"pill",variant:"outline",color:"primary",onClick:O},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)("cookie.rejectAll")),1)]),_:1}),e.createVNode(e.unref(i.OButton),{round:"pill",variant:"outline",color:"primary",onClick:u[0]||(u[0]=E=>$(!0))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)("cookie.manage")),1)]),_:1})])),e.createVNode(e.unref(i.OIcon),{class:"cookie-notice-close",type:e.unref(c),onClick:u[1]||(u[1]=E=>w(!1))},{default:e.withCtx(()=>[e.createVNode(e.unref(i.OIconClose))]),_:1},8,["type"])],10,me)]),e.createVNode(e.unref(i.ODialog),{visible:b.value,"onUpdate:visible":u[3]||(u[3]=E=>b.value=E),size:e.unref(d)?"medium":"large","phone-half-full":e.unref(h),class:"cookie-dlg",actions:B.value,onChange:g},{header:e.withCtx(()=>[e.createElementVNode("span",_e,e.toDisplayString(e.unref(l)("cookie.manage")),1)]),default:e.withCtx(()=>[e.createElementVNode("div",Ve,[e.createElementVNode("div",we,[e.createElementVNode("div",Be,[e.createElementVNode("span",Ne,e.toDisplayString(e.unref(l)("cookie.necessaryCookie")),1),e.createElementVNode("span",Ee,e.toDisplayString(e.unref(l)("cookie.alwaysOn")),1)]),e.createElementVNode("div",$e,e.toDisplayString(e.unref(l)("cookie.necessaryCookieDetail")),1)]),e.createElementVNode("div",be,[e.createElementVNode("div",Se,[e.createElementVNode("span",xe,e.toDisplayString(e.unref(l)("cookie.analyticalCookie")),1),e.createElementVNode("span",Ie,[e.createVNode(e.unref(i.OSwitch),{modelValue:k.value,"onUpdate:modelValue":u[2]||(u[2]=E=>k.value=E)},null,8,["modelValue"])])]),e.createElementVNode("div",Oe,e.toDisplayString(e.unref(l)("cookie.analyticalCookieDetail")),1)])])]),_:1},8,["visible","size","phone-half-full","actions"])])):e.createCommentVNode("",!0)],8,["to"]))]),_:1}))}}),[["__scopeId","data-v-5ba95c2f"]]),Pe={key:0,class:"cookie-notice"},Me={class:"cookie-notice-content"},Ue=["type"],He={class:"cookie-notice-left"},Re={key:0,class:"cookie-desc",style:{"margin-top":"0"}},Le=["href"],Ke={class:"cookie-title"},Ge={class:"cookie-desc"},Fe=["href"],je={key:0,class:"cookie-notice-right"},qe={class:"cookie-dlg-content"},Ye={class:"content-item"},Je={class:"item-header"},We={class:"item-title"},Ze={class:"item-extra"},Qe={class:"item-detail"},Xe={class:"content-item"},ve={class:"item-header"},et={class:"item-title"},tt={class:"item-extra"},ot={class:"item-detail"},nt="0",q="1",lt="2",A="3",at="agreed-cookiepolicy-zh",ct="agreed-cookiepolicy-en",Y=D(e.defineComponent({__name:"OCookieNoticeEl",props:{visible:{type:Boolean},enableGrid:{type:Boolean},community:{},aboutPathZh:{},aboutPathEn:{},teleportTarget:{}},emits:["update:visible"],setup(t,{emit:o}){const n=t,p=o,{lePadV:r}=z.useScreen(),{locale:h,t:d}=M(),c=e.computed(()=>h.value==="zh"),l=e.computed(()=>c.value?at:ct),f=e.ref(!1),a=P.useVModel(n,"visible",p,{defaultValue:!1}),k=B=>{const g=document.cookie.split(";").find(m=>m.split("=")[0].trim()===encodeURIComponent(B));return g?decodeURIComponent(g.split("=")[1]):null},_=(B,g,m,u)=>{const E=`; max-age=${m*24*60*60}`;document.cookie=`${encodeURIComponent(B)}=${encodeURIComponent(g)}${E}; path=/; domain=${u}`},V=B=>{typeof B=="boolean"?a.value=B:a.value=!a.value,e.nextTick(()=>{!a.value&&c.value&&k(l.value)!==A&&_(l.value,A,180,location.hostname)})},N=e.ref(!1),I=B=>{typeof B=="boolean"?N.value=B:N.value=!N.value},w=()=>c.value?k(l.value)!==A:(k(l.value)??"0")===nt,b=()=>c.value?k(l.value)===A:k(l.value)===q;e.onMounted(()=>{w()&&V(!0)}),e.watch(h,()=>{V(w())});const $=()=>{f.value=!0,_(l.value,q,180,location.hostname),V(!1)},s=()=>{f.value=!1,_(l.value,lt,180,location.hostname),V(!1)},S=()=>{f.value?$():s(),I(!1)},y=()=>{f.value=!0,$(),I(!1)},O=()=>{f.value=b()};return(B,g)=>(e.openBlock(),e.createBlock(e.unref(K),null,{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.Teleport,{to:t.teleportTarget||"#app"},[e.unref(a)?(e.openBlock(),e.createElementBlock("div",Pe,[e.createElementVNode("div",Me,[e.createElementVNode("div",{type:e.unref(h),class:e.normalizeClass({"cookie-notice-wrap-grid":t.enableGrid,"cookie-notice-wrap":!t.enableGrid})},[e.createElementVNode("div",He,[c.value?(e.openBlock(),e.createElementBlock("p",Re,[e.createTextVNode(e.toDisplayString(e.unref(d)("cookie.desc"))+" ",1),e.createElementVNode("a",{href:t.aboutPathZh,target:"_blank",rel:"noopener noreferrer"},e.toDisplayString(e.unref(d)("cookie.about")),9,Le)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("p",Ke,e.toDisplayString(e.unref(d)("cookie.title",[t.community])),1),e.createElementVNode("p",Ge,[e.createTextVNode(e.toDisplayString(e.unref(d)("cookie.desc"))+" ",1),e.createElementVNode("a",{href:t.aboutPathEn,target:"_blank",rel:"noopener noreferrer"},e.toDisplayString(e.unref(d)("cookie.about")),9,Fe),g[4]||(g[4]=e.createTextVNode(". ",-1))])],64))]),c.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",je,[e.createVNode(e.unref(x.ElButton),{round:"",type:"primary",onClick:$},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(d)("cookie.acceptAll")),1)]),_:1}),e.createVNode(e.unref(x.ElButton),{round:"",type:"primary",onClick:s},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(d)("cookie.rejectAll")),1)]),_:1}),e.createVNode(e.unref(x.ElButton),{round:"",type:"primary",onClick:g[0]||(g[0]=m=>I(!0))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(d)("cookie.manage")),1)]),_:1})])),e.createVNode(e.unref(x.ElIcon),{class:"cookie-notice-close",type:e.unref(h),onClick:g[1]||(g[1]=m=>V(!1))},{default:e.withCtx(()=>[e.renderSlot(B.$slots,"close-icon",{},()=>[g[5]||(g[5]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"})],-1))],!0)]),_:3},8,["type"])],10,Ue)]),e.createVNode(e.unref(x.ElDialog),{modelValue:N.value,"onUpdate:modelValue":g[3]||(g[3]=m=>N.value=m),width:e.unref(r)?"90%":"50%",title:e.unref(d)("cookie.manage"),"destroy-on-close":"",onOpen:O},{footer:e.withCtx(()=>[e.createVNode(e.unref(x.ElButton),{round:"",type:"primary",onClick:S,style:{"margin-right":"16px"}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(d)("cookie.saveSetting")),1)]),_:1}),e.createVNode(e.unref(x.ElButton),{round:"",type:"primary",onClick:y},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(d)("cookie.acceptAll")),1)]),_:1})]),default:e.withCtx(()=>[e.createElementVNode("div",qe,[e.createElementVNode("div",Ye,[e.createElementVNode("div",Je,[e.createElementVNode("span",We,e.toDisplayString(e.unref(d)("cookie.necessaryCookie")),1),e.createElementVNode("span",Ze,e.toDisplayString(e.unref(d)("cookie.alwaysOn")),1)]),e.createElementVNode("div",Qe,e.toDisplayString(e.unref(d)("cookie.necessaryCookieDetail")),1)]),e.createElementVNode("div",Xe,[e.createElementVNode("div",ve,[e.createElementVNode("span",et,e.toDisplayString(e.unref(d)("cookie.analyticalCookie")),1),e.createElementVNode("span",tt,[e.createVNode(e.unref(x.ElSwitch),{modelValue:f.value,"onUpdate:modelValue":g[2]||(g[2]=m=>f.value=m)},null,8,["modelValue"])])]),e.createElementVNode("div",ot,e.toDisplayString(e.unref(d)("cookie.analyticalCookieDetail")),1)])])]),_:1},8,["modelValue","width","title"])])):e.createCommentVNode("",!0)],8,["to"]))]),_:3}))}}),[["__scopeId","data-v-72bd84ae"]]),rt={version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"};function st(t,o){return e.openBlock(),e.createElementBlock("svg",rt,[...o[0]||(o[0]=[e.createElementVNode("path",{fill:"currentColor",d:"M18.528 5.472c0.246 0.246 0.271 0.63 0.074 0.903l-0.074 0.087-5.54 5.538 0.006 0.006-0.989 0.989-0.006-0.006-5.538 5.54c-0.273 0.273-0.717 0.273-0.99 0-0.246-0.246-0.271-0.63-0.074-0.903l0.074-0.087 5.538-5.539-5.538-5.538-0.074-0.087c-0.197-0.274-0.172-0.657 0.074-0.903s0.63-0.271 0.903-0.074l0.087 0.074 5.538 5.539 5.539-5.539c0.273-0.273 0.717-0.273 0.99 0zM14.551 13.561l3.978 3.978 0.074 0.087c0.197 0.274 0.172 0.657-0.074 0.903s-0.63 0.271-0.903 0.074l-0.087-0.074-3.978-3.978c-0.273-0.273-0.273-0.717 0-0.99v0c0.273-0.273 0.717-0.273 0.99 0z"},null,-1)])])}const it={name:"components-icon-close",render:st},dt={version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32"};function ht(t,o){return e.openBlock(),e.createElementBlock("svg",dt,[...o[0]||(o[0]=[e.createElementVNode("path",{opacity:"0.8",fill:"currentColor",d:"M13.215 0.524c-7.048 0-12.762 5.714-12.762 12.762s5.714 12.762 12.762 12.762c7.048 0 12.762-5.714 12.762-12.762s-5.714-12.762-12.762-12.762zM13.215 2.809c5.786 0 10.476 4.69 10.476 10.476s-4.69 10.476-10.476 10.476c-5.786 0-10.476-4.69-10.476-10.476s4.69-10.476 10.476-10.476z"},null,-1),e.createElementVNode("path",{opacity:"0.8",fill:"currentColor",d:"M23.33 23.22c0.446-0.447 1.169-0.448 1.616-0.002l4.771 4.759c0.447 0.446 0.448 1.169 0.002 1.616s-1.169 0.448-1.616 0.002l-4.771-4.759c-0.447-0.446-0.448-1.169-0.002-1.616z"},null,-1)])])}const J={name:"components-icon-header-search",render:ht},mt={version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32"};function pt(t,o){return e.openBlock(),e.createElementBlock("svg",mt,[...o[0]||(o[0]=[e.createElementVNode("path",{fill:"currentColor",d:"M10.858 22.41c-0.349 0.349-0.915 0.349-1.263 0-0.314-0.314-0.345-0.804-0.094-1.153l0.094-0.111 5.146-5.15-5.177-5.178c-0.274-0.305-0.3-0.755-0.077-1.087l0.111-0.135c0.347-0.347 0.91-0.347 1.257 0l5.142 5.143 5.15-5.146c0.349-0.349 0.915-0.349 1.263 0 0.314 0.314 0.345 0.804 0.094 1.153l-0.094 0.111-11.552 11.552zM17.89 16.634l4.551 4.552c0.313 0.349 0.302 0.886-0.034 1.222-0.347 0.347-0.91 0.347-1.257 0l-4.516-4.518 1.256-1.256z"},null,-1)])])}const ft={name:"components-icon-header-delete",render:pt},kt={version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"};function yt(t,o){return e.openBlock(),e.createElementBlock("svg",kt,[...o[0]||(o[0]=[e.createElementVNode("path",{fill:"currentColor",d:"M19.154 5.295c0.387 0 0.7 0.313 0.7 0.7 0 0.354-0.263 0.647-0.605 0.694l-0.095 0.006-12.201-0.001 0.001 12.413c0 0.17 0.12 0.311 0.28 0.344l0.071 0.007h9.39c0.17 0 0.311-0.12 0.344-0.28l0.007-0.071v-10.47c0-0.387 0.313-0.7 0.7-0.7 0.354 0 0.647 0.263 0.694 0.605l0.006 0.095v10.47c0 0.919-0.708 1.672-1.608 1.745l-0.144 0.006h-9.39c-0.919 0-1.672-0.708-1.745-1.608l-0.006-0.144-0.001-12.413-0.707 0.001c-0.387 0-0.7-0.313-0.7-0.7 0-0.354 0.263-0.647 0.605-0.694l0.095-0.006h14.308zM10.011 9.744c0.354 0 0.647 0.263 0.694 0.605l0.006 0.095v5.68c0 0.387-0.313 0.7-0.7 0.7-0.354 0-0.647-0.263-0.694-0.605l-0.006-0.095v-5.68c0-0.387 0.313-0.7 0.7-0.7zM13.953 9.744c0.354 0 0.647 0.263 0.694 0.605l0.006 0.095v5.68c0 0.387-0.313 0.7-0.7 0.7-0.354 0-0.647-0.263-0.694-0.605l-0.006-0.095v-5.68c0-0.387 0.313-0.7 0.7-0.7zM13.652 3.189c0.387 0 0.7 0.313 0.7 0.7 0 0.354-0.263 0.647-0.605 0.694l-0.095 0.006h-3.972c-0.387 0-0.7-0.313-0.7-0.7 0-0.354 0.263-0.647 0.605-0.694l0.095-0.006h3.972z"},null,-1)])])}const gt={name:"components-icon-delete",render:yt},ut={version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"36",height:"32",viewBox:"0 0 36 32"};function Ct(t,o){return e.openBlock(),e.createElementBlock("svg",ut,[...o[0]||(o[0]=[e.createElementVNode("path",{fill:"currentColor",d:"M5.886 19.111l10.672 10.677c0.46 0.524 0.44 1.322-0.060 1.822s-1.298 0.52-1.822 0.060l-0.064-0.060-12.498-12.498h3.772zM14.613 0.391c0.521-0.521 1.365-0.521 1.886 0 0.5 0.5 0.52 1.298 0.060 1.822l-0.060 0.064-12.391 12.391h29.67c0.71 0 1.291 0.555 1.331 1.255l0.002 0.078c0 0.71-0.555 1.291-1.255 1.331l-0.078 0.002h-31.816c-0.472 0-0.924-0.187-1.257-0.521-0.671-0.671-0.694-1.745-0.067-2.443l0.067-0.071 13.908-13.908z"},null,-1)])])}const _t={name:"components-icon-header-back",render:Ct},Vt={class:"o-header-search"},wt={class:"o-header-search-drawer"},Bt={key:0,class:"o-header-search-recommend-container"},Nt=["onClick"],Et={key:1,class:"o-header-search-history-container"},$t={class:"o-header-search-history-header"},bt={class:"o-header-search-history-header-title"},St={class:"o-header-search-history-item-container"},xt=["onClick"],It={class:"o-header-search-history-item-text"},Ot={key:3,class:"o-header-search-hot-container"},Dt={class:"o-header-search-hot-header"},zt={class:"o-header-search-hot-item-container"},Tt=["onClick"],W=D(e.defineComponent({__name:"OHeaderSearch",props:{modelValue:{default:""},placeholder:{},expandedPlaceholder:{},expandDirection:{default:"left"},clearable:{type:Boolean,default:!0},historyItems:{default:()=>[]},maxHistoryCount:{default:6},storeHistory:{type:Boolean,default:!1},historyTitle:{},storageKey:{default:"search-history"},hotItems:{default:()=>[]},hotTitle:{},recommendItems:{default:()=>[]},searchUrl:{},searchUrlOpenBlank:{type:Boolean,default:!0},searchTextMobile:{}},emits:["update:modelValue","update:historyItems","clear","search","delete-history","delete-history-item"],setup(t,{emit:o}){const{lePadV:n}=z.useScreen(),{t:p}=M(),r=t,h=o,d=e.ref(r.modelValue),c=e.ref(r.historyItems),l=e.ref(!1),f=e.ref(),a=e.computed(()=>!n.value&&l.value||n.value&&d.value);e.watch(()=>r.modelValue,s=>{d.value!==s&&(d.value=s)}),e.watch(()=>d.value,s=>{h("update:modelValue",s)}),e.watch(()=>r.historyItems,s=>{c.value!==s&&(c.value=s)}),e.watch(()=>c.value,s=>{h("update:historyItems",s)}),e.onMounted(()=>{if(r.storeHistory&&r.storageKey)try{const s=JSON.parse(localStorage.getItem(r.storageKey)||"[]");Array.isArray(s)&&s.length&&(c.value=Array.from(new Set([...c.value,...s])))}catch{}});const k=()=>{l.value=!0},_=()=>{const s=d.value.trim();s&&(l.value=!1,c.value.unshift(s),c.value=Array.from(new Set(c.value)),c.value.length>r.maxHistoryCount&&c.value.pop(),r.storeHistory&&r.storeHistory&&localStorage.setItem(r.storageKey,JSON.stringify(c.value)),h("search",s),r.searchUrl&&window.open(r.searchUrl+s,r.searchUrlOpenBlank?"_blank":"_self","noopener noreferrer"))},V=()=>{d.value="",h("clear"),n.value||(l.value=!1)},N=()=>{const s=[...c.value];c.value=[],r.storeHistory&&r.storeHistory&&localStorage.removeItem(r.storageKey),h("delete-history",s)},I=s=>{c.value=c.value.filter(S=>S!==s),r.storeHistory&&r.storeHistory&&(c.value.length?localStorage.setItem(r.storageKey,JSON.stringify(c.value)):localStorage.removeItem(r.storageKey)),h("delete-history-item",s)},w=s=>{d.value=s,_()},b=()=>{d.value="",l.value=!1},$=e.ref();return P.onClickOutside($,V),(s,S)=>(e.openBlock(),e.createElementBlock("div",Vt,[e.createElementVNode("div",{ref_key:"posWrapper",ref:$,class:e.normalizeClass({"o-header-search-input-pc-wrapper":!e.unref(n),"o-header-search-input-pc-wrapper-left":!e.unref(n)&&t.expandDirection==="left","o-header-search-input-pc-wrapper-right":!e.unref(n)&&t.expandDirection==="right","o-header-search-input-mobile-wrapper":e.unref(n),focus:l.value})},[e.createElementVNode("div",{class:e.normalizeClass(["o-header-search-input-wrapper",{focus:l.value}])},[e.unref(n)&&l.value?(e.openBlock(),e.createBlock(e.unref(i.OIcon),{key:0,class:"o-header-search-icon",onClick:b},{default:e.withCtx(()=>[e.createVNode(e.unref(_t))]),_:1})):e.createCommentVNode("",!0),e.createVNode(e.unref(i.OInput),{ref_key:"inputRef",ref:f,modelValue:d.value,"onUpdate:modelValue":S[0]||(S[0]=y=>d.value=y),class:"o-header-search-input",placeholder:l.value?t.expandedPlaceholder??e.unref(p)("search.expandedPlaceholder"):t.placeholder??e.unref(p)("search.placeholder"),onFocus:k,onKeyup:e.withKeys(_,["enter"])},{prefix:e.withCtx(()=>[e.renderSlot(s.$slots,"input-prefix",{},()=>[e.createVNode(e.unref(i.OIcon),{class:"o-header-search-icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(J))]),_:1})],!0)]),suffix:e.withCtx(()=>[e.renderSlot(s.$slots,"input-suffix",{},()=>[t.clearable&&a.value?(e.openBlock(),e.createBlock(e.unref(i.OIcon),{key:0,class:"o-header-search-icon close",onClick:V},{default:e.withCtx(()=>[e.createVNode(e.unref(it))]),_:1})):e.createCommentVNode("",!0)],!0)]),_:3},8,["modelValue","placeholder"]),e.unref(n)&&l.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:"o-header-search-text",onClick:_},e.toDisplayString(t.searchTextMobile??e.unref(p)("search")),1)):e.createCommentVNode("",!0)],2),e.withDirectives(e.createElementVNode("div",wt,[e.renderSlot(s.$slots,"drawer",{recommendItems:t.recommendItems,historyItems:c.value,hotItems:t.hotItems},()=>[t.recommendItems.length?(e.openBlock(),e.createElementBlock("div",Bt,[e.renderSlot(s.$slots,"recommend-header",{recommend:t.recommendItems},void 0,!0),e.renderSlot(s.$slots,"recommend-content",{recommend:t.recommendItems},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.recommendItems,y=>(e.openBlock(),e.createElementBlock("div",{class:"o-header-search-recommend-item",key:y,onClick:O=>w(y)},e.toDisplayString(y),9,Nt))),128))],!0)])):c.value.length?(e.openBlock(),e.createElementBlock("div",Et,[e.renderSlot(s.$slots,"history-header",{history:c.value},()=>[e.createElementVNode("div",$t,[e.createElementVNode("span",bt,e.toDisplayString(t.historyTitle??e.unref(p)("search.history")),1),e.createVNode(e.unref(i.OIcon),{class:"o-header-search-icon",onClick:N},{default:e.withCtx(()=>[e.createVNode(e.unref(gt))]),_:1})])],!0),e.renderSlot(s.$slots,"history-content",{history:c.value},()=>[e.createElementVNode("div",St,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,y=>(e.openBlock(),e.createElementBlock("div",{key:y,class:"o-header-search-history-item",onClick:O=>w(y)},[e.createElementVNode("span",It,e.toDisplayString(y),1),e.createVNode(e.unref(i.OIcon),{class:"o-header-search-history-item-icon",onClick:e.withModifiers(O=>I(y),["stop"])},{default:e.withCtx(()=>[e.createVNode(e.unref(ft),{class:"icon-delete"})]),_:1},8,["onClick"])],8,xt))),128))])],!0)])):e.createCommentVNode("",!0),(t.recommendItems.length||c.value.length)&&t.hotItems.length?(e.openBlock(),e.createBlock(e.unref(i.ODivider),{key:2,class:"o-header-search-drawer-divider"})):e.createCommentVNode("",!0),t.hotItems.length?(e.openBlock(),e.createElementBlock("div",Ot,[e.renderSlot(s.$slots,"hot-header",{hot:t.hotItems},()=>[e.createElementVNode("div",Dt,e.toDisplayString(t.hotTitle??e.unref(p)("search.hot")),1)],!0),e.renderSlot(s.$slots,"hot-content",{hot:t.hotItems},()=>[e.createElementVNode("div",zt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.hotItems,y=>(e.openBlock(),e.createElementBlock("div",{key:y,class:"o-header-search-hot-item",onClick:O=>w(y)},e.toDisplayString(y),9,Tt))),128))])],!0)])):e.createCommentVNode("",!0)],!0)],512),[[e.vShow,l.value]])],2),e.unref(n)?(e.openBlock(),e.createBlock(e.unref(i.OIcon),{key:0,class:"o-header-search-icon-mobile",onClick:k},{default:e.withCtx(()=>[e.createVNode(e.unref(J))]),_:1})):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-cce80de4"]]),At={locale:"zh-CN","common.empty":"暂无数据","common.loading":"加载中...","pagination.goto":"前往","pagination.page":"页","pagination.countPerPage":"条/页","pagination.total":"共 {0} 条","upload.buttonLabel":"点击上传","upload.drag":"点击或拖拽文件到此处上传","upload.dragHover":"释放文件并开始上传","upload.retry":"点击重试","upload.delete":"删除","upload.preview":"预览","upload.edit":"编辑","select.cancel":"取消","select.confirm":"确定","input.limit":"<b>{0}</b>/{1}"},Pt={locale:"en-US","common.empty":"No Data","common.loading":"Loading...","pagination.goto":"Go to","pagination.page":"Page","pagination.countPerPage":"/page","pagination.total":"Total: {0}","upload.buttonLabel":"Upload","upload.drag":"Click or drag file to this area to upload","upload.dragHover":"Release to upload","upload.retry":"Click to retry","upload.delete":"Delete","upload.preview":"Preview","upload.edit":"Edit","select.cancel":"Cancel","select.confirm":"Ok","input.limit":"<b>{0}</b>/{1}"},Z=e.defineComponent({__name:"OPlusConfigProvider",props:{locale:{},theme:{default:"light"}},setup(t){const o=t,n=e.reactive({locale:e.computed(()=>o.locale),theme:e.computed(()=>o.theme)});return e.provide(G,n),(p,r)=>(e.openBlock(),e.createBlock(e.unref(i.OConfigProvider),{locale:t.locale==="zh"?e.unref(At):e.unref(Pt)},{default:e.withCtx(()=>[e.renderSlot(p.$slots,"default")]),_:3},8,["locale"]))}}),Mt={version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"};function Ut(t,o){return e.openBlock(),e.createElementBlock("svg",Mt,[...o[0]||(o[0]=[e.createElementVNode("path",{d:"M9.246 5.764c-0.251 0.251-0.271 0.644-0.063 0.918l0.063 0.072 5.016 5.016c0.1 0.1 0.115 0.254 0.043 0.37l-0.043 0.054-5.062 5.062c-0.273 0.273-0.273 0.717 0 0.99 0.251 0.251 0.644 0.271 0.918 0.063l0.072-0.063 5.062-5.062c0.629-0.629 0.662-1.628 0.099-2.296l-0.099-0.108-5.016-5.016c-0.273-0.273-0.717-0.273-0.99 0z"},null,-1)])])}const Ht={name:"components-icon-chevron-right",render:Ut},Rt={class:"section-wrapper"},Lt={key:1,class:"section-title"},Kt={key:2,class:"section-subtitle"},Gt={key:1,class:"section-body"},Ft={key:2,class:"section-footer"},Q=D(e.defineComponent({__name:"OSection",props:{title:{default:void 0},subtitle:{default:void 0},full:{type:Boolean,default:!1},headerJustifyCenter:{type:Boolean,default:!0},footer:{default:void 0},footerHref:{default:void 0}},setup(t){const o=t;return(n,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["app-section",{"is-full":o.full}])},[e.createElementVNode("div",Rt,[e.renderSlot(n.$slots,"main",{},()=>[n.$slots.header||o.title||o.subtitle?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["section-header",{"is-left":!o.headerJustifyCenter}])},[e.renderSlot(n.$slots,"header",{},()=>[e.unref(i.isArray)(o.title)?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(o.title,r=>(e.openBlock(),e.createElementBlock("h2",{key:r,class:"section-title"},e.toDisplayString(r),1))),128)):n.$slots.title||o.title?(e.openBlock(),e.createElementBlock("h2",Lt,[e.renderSlot(n.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)])):e.createCommentVNode("",!0),n.$slots.subtitle||o.subtitle?(e.openBlock(),e.createElementBlock("p",Kt,[e.renderSlot(n.$slots,"subtitle",{},()=>[e.createTextVNode(e.toDisplayString(o.subtitle),1)],!0)])):e.createCommentVNode("",!0)],!0)],2)):e.createCommentVNode("",!0),n.$slots.default?(e.openBlock(),e.createElementBlock("div",Gt,[e.renderSlot(n.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0),n.$slots.footer||o.footer?(e.openBlock(),e.createElementBlock("div",Ft,[e.renderSlot(n.$slots,"footer",{},()=>[e.createVNode(e.unref(i.OLink),{href:o.footerHref,target:"_blank"},{suffix:e.withCtx(()=>[e.createVNode(e.unref(i.OIcon),{class:"footer-icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(Ht))]),_:1})]),default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.footer)+" ",1)]),_:1},8,["href"])],!0)])):e.createCommentVNode("",!0)],!0)])],2))}}),[["__scopeId","data-v-57b81782"]]),jt={version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"};function qt(t,o){return e.openBlock(),e.createElementBlock("svg",jt,[...o[0]||(o[0]=[e.createElementVNode("path",{opacity:"0.8",fill:"currentColor",d:"M12 1.992c0.387 0 0.7 0.313 0.7 0.7v1.2c0 0.387-0.313 0.7-0.7 0.7s-0.7-0.313-0.7-0.7v-1.2c0-0.387 0.313-0.7 0.7-0.7zM6.769 6.747c-0.273 0.273-0.717 0.273-0.99 0l-0.849-0.849c-0.137-0.137-0.205-0.316-0.205-0.495s0.068-0.358 0.205-0.495c0.273-0.273 0.717-0.273 0.99 0l0.849 0.849c0.136 0.137 0.205 0.316 0.205 0.495s-0.068 0.358-0.205 0.495zM18.192 6.747c-0.273 0.273-0.717 0.273-0.99 0-0.137-0.137-0.205-0.316-0.205-0.495s0.068-0.358 0.205-0.495l0.849-0.849c0.273-0.273 0.717-0.273 0.99 0 0.137 0.137 0.205 0.316 0.205 0.495s-0.068 0.358-0.205 0.495l-0.849 0.849zM5.3 12c0-3.7 3-6.7 6.7-6.7s6.7 3 6.7 6.7-3 6.7-6.7 6.7c-3.7 0-6.7-3-6.7-6.7zM17.3 12c0-2.927-2.373-5.3-5.3-5.3s-5.3 2.373-5.3 5.3c0 2.927 2.373 5.3 5.3 5.3s5.3-2.373 5.3-5.3zM4.594 11.969c0 0.387-0.313 0.7-0.7 0.7h-1.2c-0.387 0-0.7-0.313-0.7-0.7s0.313-0.7 0.7-0.7h1.2c0.386 0 0.7 0.313 0.7 0.7zM21.977 11.999c0 0.387-0.314 0.7-0.7 0.7h-1.2c-0.387 0-0.7-0.313-0.7-0.7s0.313-0.7 0.7-0.7h1.2c0.387 0 0.7 0.313 0.7 0.7zM5.921 19.060c-0.273 0.273-0.717 0.273-0.99 0-0.137-0.137-0.205-0.316-0.205-0.495s0.068-0.358 0.205-0.495l0.849-0.849c0.273-0.273 0.717-0.273 0.99 0 0.137 0.137 0.205 0.316 0.205 0.495s-0.068 0.358-0.205 0.495l-0.849 0.849zM19.041 19.060c-0.273 0.273-0.717 0.273-0.99 0l-0.849-0.849c-0.137-0.137-0.205-0.316-0.205-0.495s0.068-0.358 0.205-0.495c0.273-0.273 0.717-0.273 0.99 0l0.849 0.849c0.137 0.137 0.205 0.316 0.205 0.495s-0.068 0.358-0.205 0.495zM11.971 19.376c0.387 0 0.7 0.313 0.7 0.7v1.2c0 0.387-0.313 0.7-0.7 0.7s-0.7-0.313-0.7-0.7v-1.2c0-0.387 0.313-0.7 0.7-0.7z"},null,-1)])])}const U={name:"components-icon-sun",render:qt},Yt={version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"};function Jt(t,o){return e.openBlock(),e.createElementBlock("svg",Yt,[...o[0]||(o[0]=[e.createElementVNode("path",{opacity:"0.8",fill:"currentColor",d:"M12 2.3c5.357 0 9.7 4.343 9.7 9.7s-4.343 9.7-9.7 9.7c-4.651 0-8.622-3.298-9.515-7.806-0.101-0.509 0.369-0.948 0.87-0.812 0.531 0.144 1.082 0.218 1.645 0.218 3.479 0 6.3-2.82 6.3-6.3 0-1.276-0.379-2.494-1.079-3.527-0.291-0.43-0.029-1.016 0.486-1.086 0.425-0.057 0.857-0.086 1.293-0.086zM12 3.7l-0.042 0.001 0.058 0.121c0.402 0.887 0.634 1.85 0.677 2.845l0.007 0.333c0 4.253-3.447 7.7-7.7 7.7-0.229 0-0.457-0.010-0.682-0.030l-0.186-0.021 0.076 0.218c1.147 3.123 4.102 5.321 7.528 5.429l0.264 0.004c4.584 0 8.3-3.716 8.3-8.3s-3.716-8.3-8.3-8.3z"},null,-1)])])}const H={name:"components-icon-moon",render:Jt},Wt={class:"o-theme-switcher"},Zt={key:1,class:"o-theme-switcher-mobile"},X=D(e.defineComponent({__name:"OThemeSwitcher",props:{theme:{default:"light"},type:{default:"auto"},lightValue:{default:"light"},darkValue:{default:"dark"},lightIcon:{default:U},darkIcon:{default:H}},emits:["update:theme","change"],setup(t,{emit:o}){const n=t,p=o,{gtPhone:r}=z.useScreen(),h=e.computed({get(){return n.theme},set(l){p("update:theme",l),p("change",l)}}),d=e.computed(()=>n.type==="common"||n.type==="auto"&&r.value),c=()=>{h.value=h.value===n.lightValue?n.darkValue:n.lightValue};return(l,f)=>(e.openBlock(),e.createElementBlock("div",Wt,[d.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"o-theme-switcher-common",onClick:c},[e.createVNode(e.unref(i.OIcon),{class:"o-theme-icon"},{default:e.withCtx(()=>[h.value===t.lightValue?(e.openBlock(),e.createBlock(e.unref(H),{key:0})):(e.openBlock(),e.createBlock(e.unref(U),{key:1}))]),_:1})])):(e.openBlock(),e.createElementBlock("div",Zt,[e.createVNode(e.unref(i.OSwitch),{modelValue:h.value,"onUpdate:modelValue":f[0]||(f[0]=a=>h.value=a),class:"o-theme-switch","checked-value":t.darkValue,"unchecked-value":t.lightValue},{on:e.withCtx(()=>[e.createVNode(e.unref(i.OIcon),{class:"o-theme-icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(U))]),_:1})]),off:e.withCtx(()=>[e.createVNode(e.unref(i.OIcon),{class:"o-theme-icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(H))]),_:1})]),_:1},8,["modelValue","checked-value","unchecked-value"])]))]))}}),[["__scopeId","data-v-837e14fb"]]),Qt={OBanner:L,OCookieNotice:j,OCookieNoticeEl:Y,OHeaderSearch:W,OPlusConfigProvider:Z,OSection:Q,OThemeSwitcher:X},Xt={install:t=>{Object.entries(Qt).forEach(([o,n])=>{t.component(o,n)})}};C.OBanner=L,C.OCookieNotice=j,C.OCookieNoticeEl=Y,C.OHeaderSearch=W,C.OPlusConfigProvider=Z,C.OSection=Q,C.OThemeSwitcher=X,C.default=Xt,Object.defineProperties(C,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|
|
@@ -1,404 +0,0 @@
|
|
|
1
|
-
<script lang="ts" setup>
|
|
2
|
-
import { ref, onMounted, computed, nextTick, watch } from 'vue';
|
|
3
|
-
import ClientOnly from './common/ClientOnlyWrapper';
|
|
4
|
-
import { useScreen } from '@opendesign-plus/composables';
|
|
5
|
-
import { useI18n } from '@/i18n';
|
|
6
|
-
import { ElButton, ElDialog, ElSwitch, ElIcon } from 'element-plus';
|
|
7
|
-
import { useVModel } from '@vueuse/core';
|
|
8
|
-
|
|
9
|
-
const NOT_SIGNED = '0';
|
|
10
|
-
const ALL_AGREED = '1';
|
|
11
|
-
const NECCESSARY_AGREED = '2';
|
|
12
|
-
const NOT_SHOW_BUT_AGREED = '3';
|
|
13
|
-
const COOKIE_DOMAIN = import.meta.env.VITE_COOKIE_DOMAIN as string;
|
|
14
|
-
const COOKIE_KEY_ZH = 'agreed-cookiepolicy-zh';
|
|
15
|
-
const COOKIE_KEY_EN = 'agreed-cookiepolicy-en';
|
|
16
|
-
|
|
17
|
-
const props = defineProps<{
|
|
18
|
-
visible?: boolean;
|
|
19
|
-
enableGrid?: boolean;
|
|
20
|
-
community: string;
|
|
21
|
-
aboutPathZh: string;
|
|
22
|
-
aboutPathEn: string;
|
|
23
|
-
teleportTarget?: string | HTMLElement;
|
|
24
|
-
}>();
|
|
25
|
-
|
|
26
|
-
const emits = defineEmits<{
|
|
27
|
-
(e: 'update:visible', value: boolean): void;
|
|
28
|
-
}>();
|
|
29
|
-
|
|
30
|
-
const { lePadV } = useScreen();
|
|
31
|
-
const { locale, t } = useI18n();
|
|
32
|
-
const isZh = computed(() => locale.value === 'zh');
|
|
33
|
-
|
|
34
|
-
const cookieKey = computed(() => (isZh.value ? COOKIE_KEY_ZH : COOKIE_KEY_EN));
|
|
35
|
-
|
|
36
|
-
// 是否允许分析cookie
|
|
37
|
-
const analysisAllowed = ref(false);
|
|
38
|
-
const visibleVmodel = useVModel(props, 'visible', emits, { defaultValue: false });
|
|
39
|
-
|
|
40
|
-
const getCookie = (key: string) => {
|
|
41
|
-
const cookie = document.cookie.split(';').find((row) => row.split('=')[0].trim() === encodeURIComponent(key));
|
|
42
|
-
if (!cookie) {
|
|
43
|
-
return null;
|
|
44
|
-
}
|
|
45
|
-
return decodeURIComponent(cookie.split('=')[1]);
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
const setCookie = (key: string, value: string, days: number, domain: string) => {
|
|
49
|
-
const maxAge = days ? `; max-age=${days * 24 * 60 * 60}` : '';
|
|
50
|
-
document.cookie = `${encodeURIComponent(key)}=${encodeURIComponent(value)}${maxAge}; path=/; domain=${domain}`;
|
|
51
|
-
};
|
|
52
|
-
|
|
53
|
-
// 显示/隐藏cookie提示
|
|
54
|
-
const toggleNoticeVisible = (val?: boolean) => {
|
|
55
|
-
if (typeof val === 'boolean') {
|
|
56
|
-
visibleVmodel.value = val;
|
|
57
|
-
} else {
|
|
58
|
-
visibleVmodel.value = !visibleVmodel.value;
|
|
59
|
-
}
|
|
60
|
-
nextTick(() => {
|
|
61
|
-
if (!visibleVmodel.value && isZh.value && getCookie(cookieKey.value) !== NOT_SHOW_BUT_AGREED) {
|
|
62
|
-
setCookie(cookieKey.value, NOT_SHOW_BUT_AGREED, 180, COOKIE_DOMAIN ?? location.hostname);
|
|
63
|
-
}
|
|
64
|
-
});
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
// 弹出框是否显示
|
|
68
|
-
const isDlgVisible = ref(false);
|
|
69
|
-
|
|
70
|
-
// 显示/隐藏弹出框
|
|
71
|
-
const toggleDlgVisible = (val?: boolean) => {
|
|
72
|
-
if (typeof val === 'boolean') {
|
|
73
|
-
isDlgVisible.value = val;
|
|
74
|
-
} else {
|
|
75
|
-
isDlgVisible.value = !isDlgVisible.value;
|
|
76
|
-
}
|
|
77
|
-
};
|
|
78
|
-
|
|
79
|
-
// 是否未签署
|
|
80
|
-
const isNotSigned = () => {
|
|
81
|
-
if (isZh.value) {
|
|
82
|
-
return getCookie(cookieKey.value) !== NOT_SHOW_BUT_AGREED;
|
|
83
|
-
}
|
|
84
|
-
return (getCookie(cookieKey.value) ?? '0') === NOT_SIGNED;
|
|
85
|
-
};
|
|
86
|
-
|
|
87
|
-
// 是否全部同意
|
|
88
|
-
const isAllAgreed = () => {
|
|
89
|
-
if (isZh.value) {
|
|
90
|
-
return getCookie(cookieKey.value) === NOT_SHOW_BUT_AGREED;
|
|
91
|
-
}
|
|
92
|
-
return getCookie(cookieKey.value) === ALL_AGREED;
|
|
93
|
-
};
|
|
94
|
-
|
|
95
|
-
onMounted(() => {
|
|
96
|
-
// 未签署,展示cookie notice
|
|
97
|
-
if (isNotSigned()) {
|
|
98
|
-
toggleNoticeVisible(true);
|
|
99
|
-
}
|
|
100
|
-
});
|
|
101
|
-
|
|
102
|
-
watch(locale, () => {
|
|
103
|
-
toggleNoticeVisible(isNotSigned());
|
|
104
|
-
});
|
|
105
|
-
|
|
106
|
-
// 用户同意所有cookie
|
|
107
|
-
const acceptAll = () => {
|
|
108
|
-
analysisAllowed.value = true;
|
|
109
|
-
setCookie(cookieKey.value, ALL_AGREED, 180, COOKIE_DOMAIN ?? location.hostname);
|
|
110
|
-
toggleNoticeVisible(false);
|
|
111
|
-
};
|
|
112
|
-
|
|
113
|
-
// 用户拒绝所有cookie,即仅同意必要cookie
|
|
114
|
-
const rejectAll = () => {
|
|
115
|
-
analysisAllowed.value = false;
|
|
116
|
-
setCookie(cookieKey.value, NECCESSARY_AGREED, 180, COOKIE_DOMAIN ?? location.hostname);
|
|
117
|
-
toggleNoticeVisible(false);
|
|
118
|
-
};
|
|
119
|
-
|
|
120
|
-
const handleSave = () => {
|
|
121
|
-
if (analysisAllowed.value) {
|
|
122
|
-
acceptAll();
|
|
123
|
-
} else {
|
|
124
|
-
rejectAll();
|
|
125
|
-
}
|
|
126
|
-
toggleDlgVisible(false);
|
|
127
|
-
};
|
|
128
|
-
|
|
129
|
-
const handleAllowAll = () => {
|
|
130
|
-
analysisAllowed.value = true;
|
|
131
|
-
acceptAll();
|
|
132
|
-
toggleDlgVisible(false);
|
|
133
|
-
};
|
|
134
|
-
|
|
135
|
-
const onDlgOpening = () => {
|
|
136
|
-
analysisAllowed.value = isAllAgreed();
|
|
137
|
-
};
|
|
138
|
-
</script>
|
|
139
|
-
|
|
140
|
-
<template>
|
|
141
|
-
<ClientOnly>
|
|
142
|
-
<Teleport :to="teleportTarget || '#app'">
|
|
143
|
-
<div v-if="visibleVmodel" class="cookie-notice">
|
|
144
|
-
<div class="cookie-notice-content">
|
|
145
|
-
<div :type="locale" :class="{ 'cookie-notice-wrap-grid': enableGrid, 'cookie-notice-wrap': !enableGrid }">
|
|
146
|
-
<div class="cookie-notice-left">
|
|
147
|
-
<p v-if="isZh" class="cookie-desc" style="margin-top: 0">
|
|
148
|
-
{{ t('cookie.desc') }}
|
|
149
|
-
<a :href="aboutPathZh" target="_blank" rel="noopener noreferrer">
|
|
150
|
-
{{ t('cookie.about') }}
|
|
151
|
-
</a>
|
|
152
|
-
</p>
|
|
153
|
-
<template v-else>
|
|
154
|
-
<p class="cookie-title">{{ t('cookie.title', [community]) }}</p>
|
|
155
|
-
<p class="cookie-desc">
|
|
156
|
-
{{ t('cookie.desc') }}
|
|
157
|
-
<a :href="aboutPathEn" target="_blank" rel="noopener noreferrer">{{ t('cookie.about') }} </a>.
|
|
158
|
-
</p>
|
|
159
|
-
</template>
|
|
160
|
-
</div>
|
|
161
|
-
<div v-if="!isZh" class="cookie-notice-right">
|
|
162
|
-
<el-button round type="primary" @click="acceptAll">{{ t('cookie.acceptAll') }}</el-button>
|
|
163
|
-
<el-button round type="primary" @click="rejectAll">{{ t('cookie.rejectAll') }}</el-button>
|
|
164
|
-
<el-button round type="primary" @click="toggleDlgVisible(true)">{{ t('cookie.manage') }}</el-button>
|
|
165
|
-
</div>
|
|
166
|
-
<el-icon class="cookie-notice-close" :type="locale" @click="toggleNoticeVisible(false)">
|
|
167
|
-
<slot name="close-icon">
|
|
168
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z" /></svg>
|
|
169
|
-
</slot>
|
|
170
|
-
</el-icon>
|
|
171
|
-
</div>
|
|
172
|
-
</div>
|
|
173
|
-
<el-dialog v-model="isDlgVisible" :width="lePadV ? '90%' : '50%'" :title="t('cookie.manage')" destroy-on-close @open="onDlgOpening">
|
|
174
|
-
<div class="cookie-dlg-content">
|
|
175
|
-
<div class="content-item">
|
|
176
|
-
<div class="item-header">
|
|
177
|
-
<span class="item-title">{{ t('cookie.necessaryCookie') }}</span>
|
|
178
|
-
<span class="item-extra">{{ t('cookie.alwaysOn') }}</span>
|
|
179
|
-
</div>
|
|
180
|
-
<div class="item-detail">
|
|
181
|
-
{{ t('cookie.necessaryCookieDetail') }}
|
|
182
|
-
</div>
|
|
183
|
-
</div>
|
|
184
|
-
<div class="content-item">
|
|
185
|
-
<div class="item-header">
|
|
186
|
-
<span class="item-title">{{ t('cookie.analyticalCookie') }}</span>
|
|
187
|
-
<span class="item-extra">
|
|
188
|
-
<el-switch v-model="analysisAllowed" />
|
|
189
|
-
</span>
|
|
190
|
-
</div>
|
|
191
|
-
<div class="item-detail">
|
|
192
|
-
{{ t('cookie.analyticalCookieDetail') }}
|
|
193
|
-
</div>
|
|
194
|
-
</div>
|
|
195
|
-
</div>
|
|
196
|
-
<template #footer>
|
|
197
|
-
<el-button round type="primary" @click="handleSave" style="margin-right: 16px">{{ t('cookie.saveSetting') }}</el-button>
|
|
198
|
-
<el-button round type="primary" @click="handleAllowAll">{{ t('cookie.acceptAll') }}</el-button>
|
|
199
|
-
</template>
|
|
200
|
-
</el-dialog>
|
|
201
|
-
</div>
|
|
202
|
-
</Teleport>
|
|
203
|
-
</ClientOnly>
|
|
204
|
-
</template>
|
|
205
|
-
|
|
206
|
-
<style lang="scss" scoped>
|
|
207
|
-
.el-button {
|
|
208
|
-
--el-button-bg-color: transparent;
|
|
209
|
-
--el-button-text-color: var(--o-color-primary1);
|
|
210
|
-
--el-button-border-color: var(--o-color-primary1);
|
|
211
|
-
--el-button-hover-bg-color: var(--o-color-primary1);
|
|
212
|
-
}
|
|
213
|
-
|
|
214
|
-
.cookie-notice {
|
|
215
|
-
position: fixed;
|
|
216
|
-
bottom: 0;
|
|
217
|
-
z-index: 999;
|
|
218
|
-
width: 100%;
|
|
219
|
-
--el-color-primary: var(--o-color-primary1);
|
|
220
|
-
.o-button {
|
|
221
|
-
--o-button-font-size-mini: 14px;
|
|
222
|
-
}
|
|
223
|
-
.o-button + .o-button {
|
|
224
|
-
margin-left: 16px;
|
|
225
|
-
|
|
226
|
-
@media (max-width: 840px) {
|
|
227
|
-
margin-left: 0;
|
|
228
|
-
margin-top: 12px;
|
|
229
|
-
}
|
|
230
|
-
}
|
|
231
|
-
}
|
|
232
|
-
|
|
233
|
-
.cookie-notice-content {
|
|
234
|
-
background-color: rgba(var(--o-mixedgray-1), 0.9);
|
|
235
|
-
backdrop-filter: blur(5px);
|
|
236
|
-
box-shadow: var(--o-shadow-1);
|
|
237
|
-
}
|
|
238
|
-
|
|
239
|
-
.cookie-notice-wrap {
|
|
240
|
-
position: relative;
|
|
241
|
-
display: flex;
|
|
242
|
-
justify-content: space-between;
|
|
243
|
-
margin: 0 auto;
|
|
244
|
-
padding: 24px var(--layout-content-padding);
|
|
245
|
-
max-width: var(--layout-content-max-width);
|
|
246
|
-
&:not([type='zh']) {
|
|
247
|
-
@media (max-width: 840px) {
|
|
248
|
-
flex-direction: column;
|
|
249
|
-
align-items: center;
|
|
250
|
-
}
|
|
251
|
-
}
|
|
252
|
-
}
|
|
253
|
-
|
|
254
|
-
.cookie-notice-wrap-grid {
|
|
255
|
-
position: relative;
|
|
256
|
-
display: flex;
|
|
257
|
-
justify-content: space-between;
|
|
258
|
-
width: var(--grid-content-width);
|
|
259
|
-
padding: 24px 0;
|
|
260
|
-
margin: 0 auto;
|
|
261
|
-
@media (max-width: 840px) {
|
|
262
|
-
padding: 16px 0;
|
|
263
|
-
flex-direction: column;
|
|
264
|
-
align-items: center;
|
|
265
|
-
}
|
|
266
|
-
}
|
|
267
|
-
|
|
268
|
-
.cookie-notice-left {
|
|
269
|
-
width: 60%;
|
|
270
|
-
|
|
271
|
-
@media (max-width: 1100px) {
|
|
272
|
-
width: 58%;
|
|
273
|
-
}
|
|
274
|
-
|
|
275
|
-
@media (max-width: 840px) {
|
|
276
|
-
width: 100%;
|
|
277
|
-
}
|
|
278
|
-
|
|
279
|
-
.cookie-title {
|
|
280
|
-
font-size: 16px;
|
|
281
|
-
line-height: 28px;
|
|
282
|
-
color: var(--o-color-info1);
|
|
283
|
-
font-weight: 500;
|
|
284
|
-
@media (max-width: 840px) {
|
|
285
|
-
font-size: 16px;
|
|
286
|
-
line-height: 24px;
|
|
287
|
-
text-align: center;
|
|
288
|
-
}
|
|
289
|
-
}
|
|
290
|
-
|
|
291
|
-
.cookie-desc {
|
|
292
|
-
font-size: 12px;
|
|
293
|
-
line-height: 18px;
|
|
294
|
-
color: var(--o-color-info2);
|
|
295
|
-
margin-top: 8px;
|
|
296
|
-
}
|
|
297
|
-
}
|
|
298
|
-
|
|
299
|
-
.cookie-notice-right {
|
|
300
|
-
display: flex;
|
|
301
|
-
align-items: center;
|
|
302
|
-
margin-top: 12px;
|
|
303
|
-
|
|
304
|
-
@media (max-width: 840px) {
|
|
305
|
-
width: 100%;
|
|
306
|
-
}
|
|
307
|
-
|
|
308
|
-
@media (max-width: 840px) {
|
|
309
|
-
flex-direction: column;
|
|
310
|
-
align-items: center;
|
|
311
|
-
}
|
|
312
|
-
|
|
313
|
-
.el-button:not(:first-child) {
|
|
314
|
-
margin-left: 16px;
|
|
315
|
-
}
|
|
316
|
-
|
|
317
|
-
@media (max-width: 840px) {
|
|
318
|
-
.el-button {
|
|
319
|
-
align-self: stretch;
|
|
320
|
-
&:not(:first-child) {
|
|
321
|
-
margin-top: 12px;
|
|
322
|
-
margin-left: 0;
|
|
323
|
-
}
|
|
324
|
-
}
|
|
325
|
-
}
|
|
326
|
-
}
|
|
327
|
-
|
|
328
|
-
.cookie-notice-close {
|
|
329
|
-
&[type='en'] {
|
|
330
|
-
position: absolute;
|
|
331
|
-
top: 16px;
|
|
332
|
-
right: var(--layout-content-padding);
|
|
333
|
-
transform-origin: center;
|
|
334
|
-
}
|
|
335
|
-
cursor: pointer;
|
|
336
|
-
color: var(--o-color-info1);
|
|
337
|
-
font-size: 20px;
|
|
338
|
-
&:hover {
|
|
339
|
-
color: var(--o-color-primary2);
|
|
340
|
-
}
|
|
341
|
-
@media (max-width: 840px) {
|
|
342
|
-
font-size: 14px;
|
|
343
|
-
}
|
|
344
|
-
@include x-svg-hover;
|
|
345
|
-
}
|
|
346
|
-
|
|
347
|
-
.cookie-dlg-content {
|
|
348
|
-
.content-item + .content-item {
|
|
349
|
-
margin-top: 24px;
|
|
350
|
-
}
|
|
351
|
-
|
|
352
|
-
.content-item {
|
|
353
|
-
.item-header {
|
|
354
|
-
display: flex;
|
|
355
|
-
align-items: center;
|
|
356
|
-
.item-title {
|
|
357
|
-
font-size: 18px;
|
|
358
|
-
line-height: 32px;
|
|
359
|
-
color: var(--o-color-info1);
|
|
360
|
-
font-weight: 500;
|
|
361
|
-
}
|
|
362
|
-
|
|
363
|
-
.item-extra {
|
|
364
|
-
font-size: 14px;
|
|
365
|
-
line-height: 22px;
|
|
366
|
-
color: var(--o-color-info3);
|
|
367
|
-
margin-left: 24px;
|
|
368
|
-
}
|
|
369
|
-
}
|
|
370
|
-
|
|
371
|
-
.item-detail {
|
|
372
|
-
font-size: 16px;
|
|
373
|
-
line-height: 28px;
|
|
374
|
-
color: var(--o-color-info2);
|
|
375
|
-
margin-top: 12px;
|
|
376
|
-
@media (max-width: 840px) {
|
|
377
|
-
font-size: 14px;
|
|
378
|
-
line-height: 21px;
|
|
379
|
-
margin-top: 8px;
|
|
380
|
-
}
|
|
381
|
-
}
|
|
382
|
-
}
|
|
383
|
-
}
|
|
384
|
-
|
|
385
|
-
:deep(.el-dialog) {
|
|
386
|
-
.el-dialog__header {
|
|
387
|
-
text-align: center;
|
|
388
|
-
}
|
|
389
|
-
.el-dialog__title {
|
|
390
|
-
font-size: 32px;
|
|
391
|
-
@media (max-width: 840px) {
|
|
392
|
-
font-size: 22px;
|
|
393
|
-
}
|
|
394
|
-
}
|
|
395
|
-
.el-dialog__footer {
|
|
396
|
-
text-align: center;
|
|
397
|
-
@media (max-width: 840px) {
|
|
398
|
-
.o-button {
|
|
399
|
-
margin: 0 8px;
|
|
400
|
-
}
|
|
401
|
-
}
|
|
402
|
-
}
|
|
403
|
-
}
|
|
404
|
-
</style>
|