@opendesign-plus-test/components 0.0.1-rc.64 → 0.0.1-rc.66

package/dist/cjs/components/meeting/OMeetingMyCalendar.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),o=require("@opensig/opendesign"),Ie=require("element-plus");require("element-plus/es/components/calendar/style/css");const $e=require("./components/OMeetingDetail.vue.js");;require('./components/OMeetingDetail.css');const w=require("./types.js"),r=require("dayjs"),K=require("./config.js"),N=require("./utils.js"),Le=require("./composables/useMeetingConfig.js"),ue=require("@vueuse/core"),qe=require("@opendesign-plus/composables"),ze=require("../../i18n/index.js"),He=require("../../icons/icon-copy.js"),Ae={class:"o-my-meeting-calendar"},Fe={class:"meeting-list"},Ge={class:"list-calendar-mb"},Pe={class:"list-calendar"},Ue=["onClick"],We={class:"date-cell-text"},je={class:"list-body"},Ke=["id"],Je={class:"item-header-left"},Qe={class:"header-info"},Xe={class:"meeting-title"},Ze={key:0},et={class:"title-wrapper"},tt={class:"title-text"},nt={key:1,class:"tag-wrapper"},lt={class:"meeting-info"},at={key:0,class:"item-header-right"},ot={class:"meeting-detail"},it={key:0,class:"meeting-btn"},rt={key:0,class:"load-text"},st={class:"dialog-content"},ct=e.defineComponent({__name:"OMeetingMyCalendar",props:{cancelSubMeetingRequest:{},deleteMeetingRequest:{},getMeetingListRequest:{},groupType:{default:w.MeetingGroupType.SIG}},emits:["edit"],setup(J,{emit:de}){const A=o.useMessage(null),F=e.ref(!1),y=e.ref(1),Q=e.ref(50),v=e.ref(null),u=e.ref([]),k=e.ref([]),G=e.computed(()=>v.value===null||k.value.length<v.value),D=e.ref(!1),{t:i,locale:X,getPointStr:P,getConfig:U,getWeekFromDate:fe}=Le.useMeetingConfig(),me=e.computed(()=>X.value===ze.Locales.EN),f=J,_=e.ref(!1),{isPhone:g}=qe.useScreen(),O=e.ref([]),Z=de,T=e.ref(!1),R=e.ref(!1),C=async()=>{if(f.getMeetingListRequest&&!T.value)try{if(v.value!==null&&v.value>0&&(y.value-1)*Q.value>v.value)return;if(!G.value&&g.value){p("next-month");return}F.value=!0,T.value=!0;const n=await f.getMeetingListRequest({page:y.value,size:Q.value,order_by:"date",order_type:"asc",month:r(c.value).format("YYYY-MM")}),t=(n.data||[]).map(l=>{var re,se,ce;const{is_cycle:s,date:a,start:d,end:h,cycle_sub:be,cycle_start_date:Be,cycle_end_date:Se,cycle_start:we,cycle_end:Oe,cycle_type:V,cycle_interval:ie,cycle_point:j}=l;if(s){let H="",B="";V===K.INTERVAL_DAY&&(B=i("meeting.cycleDay")),V===K.INTERVAL_WEEK&&(ie>1?B=i("meeting.cycleWeek.other",[P(V,j),ie]):B=i("meeting.cycleWeek.one",[P(V,j)])),V===K.INTERVAL_MONTH&&(B=i("meeting.cycleMonth",[P(V,j)])),H=i("meeting.cycleMeetingText2",{startDate:Be,endDate:Se,startTime:we,endTime:Oe,cycleType:B});const Te=((re=l.obs_data)==null?void 0:re.filter(S=>S.text_video_url))||[];return be.filter(S=>r(S.date).isBefore(r(c.value).add(1,"month").format("YYYY-MM-01"))&&!r(S.date).isBefore(r(c.value).format("YYYY-MM-01"))).map(({id:S,...m})=>({...l,...m,timeRange:H,dateRange:`${m.start}-${m.end}`,hasObsData:Te.find(Re=>Re.sub_id===m.sub_id),time:`${m.start}-${m.end}`,isExpired:r(`${m.date} ${m.start}`).isBefore(r())}))}return[{...l,dateRange:`${d} - ${h}`,timeRange:`${d} - ${h}`,hasObsData:!!((ce=(se=l.obs_data)==null?void 0:se.filter(H=>H.text_video_url))!=null&&ce.length),time:`${d}-${h}`,isExpired:r(`${a} ${d}`).isBefore(r())}]}).flat().filter(l=>l.date.slice(0,7)===N.formatDate(c.value,"YYYY-MM-DD").slice(0,7));D.value?(k.value=n.data||[],u.value=t):y.value===1&&!g.value?(k.value=n.data||[],u.value=t):(k.value=[...k.value,...n.data||[]],u.value=[...u.value,...t]),u.value.sort((l,s)=>l.date===s.date?N.getDateNumber(l.start)>N.getDateNumber(s.start)?1:-1:r(l.date).isAfter(r(s.date))?1:-1),v.value=(n==null?void 0:n.total)||0,e.nextTick(()=>{De(),b.value&&!g.value&&ge()})}finally{F.value=!1,T.value=!1,R.value=!1,D.value=!1}},ee=ue.useDebounceFn(()=>{G.value&&(g.value||(R.value=!0,y.value++,C()))},200),I=ue.useDebounceFn(()=>{if(!G.value||!g.value)return;const n=window.scrollY||window.pageYOffset,t=window.innerHeight;document.documentElement.scrollHeight-(n+t)<=300&&!T.value&&(R.value=!0,y.value++,C())},200),ve=n=>{const t=u.value.filter(l=>l.date===n);return t.length&&t.every(l=>l.is_delete)},te=n=>{const t=n.target;if(!t)return;const l=t.scrollTop,s=t.scrollHeight,a=t.clientHeight;l+a>=s&&ee()},ge=()=>{b.value.getContainerEl().addEventListener("scroll",te)},ne=e.ref({}),pe=(n,t)=>{n&&t&&(ne.value[t]=n)},he=async n=>{await ne.value[n].copyInfo(),A.success({content:i("common.copySuccess")})},E=e.ref(!1),x=e.ref(null),ye=n=>{Z("edit",n,"whole")},_e=n=>{x.value=n,E.value=!0},Ce=async()=>{if(f.deleteMeetingRequest&&x.value)try{_.value=!0;const n=await f.deleteMeetingRequest(x.value.id);if(typeof n=="boolean"&&!n)return;E.value=!1,A.success({content:`${i("meeting.meetingCancel",[x.value.topic])}`}),D.value=!0,C()}finally{_.value=!1}},$=e.ref(!1),L=e.ref(""),W=e.ref(null),Ve=[{label:i("meeting.meetingSingle"),value:"single"},{label:i("meeting.meetingCycle"),value:"whole"}],M=e.ref("single"),le=(n,t)=>{n.is_cycle?(W.value=n,L.value=t,$.value=!0):t==="cancel"?_e(n):ye(n)},q=()=>{$.value=!1,W.value=null,L.value="",M.value="single"},Ne=async()=>{const n=W.value;if(n)if(L.value==="cancel")try{let t;if(_.value=!0,M.value==="single"&&n.is_cycle){if(!f.cancelSubMeetingRequest)return;t=await f.cancelSubMeetingRequest(n.sub_id)}else{if(!f.deleteMeetingRequest)return;t=await f.deleteMeetingRequest(n.id)}if(typeof t=="boolean"&&!t)return;A.success({content:`${i("meeting.meetingCancel",[n.topic])}`}),q(),D.value=!0,C()}finally{_.value=!1}else Z("edit",n,M.value),q()},Y=e.ref(),ae=e.computed(()=>[...new Set(u.value.map(n=>n.date))].sort((n,t)=>r(n).isBefore(r(t))?-1:1)),ke=e.computed(()=>[...new Set(u.value.filter(n=>!n.isExpired&&!n.is_delete).map(n=>n.date))].sort((n,t)=>r(n).isBefore(r(t))?-1:1)),c=e.ref(),De=()=>{var l;const n=ke.value.find(s=>!r(s).isBefore(r(new Date).format("YYYY-MM-DD")));n?c.value=n:c.value||(c.value=r().format("YYYY-MM-DD")),(l=Y.value)==null||l.pickDay(r(c.value)),c.value=r(c.value).format("YYYY-MM-DD");const t=u.value.find(s=>s.date===c.value&&!s.isExpired&&!s.is_delete);t&&(O.value=[t.sub_id||t.id])},Ee=(n,t)=>{var l;(!t||!((l=n.target)!=null&&l.className.includes("date-cell-text")))&&(n.stopPropagation(),n.preventDefault())},p=n=>{Y.value&&(y.value=1,v.value=null,window.scrollTo({top:0,behavior:"smooth"}),Y.value.selectDate(n),D.value=!0,e.nextTick(()=>{c.value=r(Y.value.selectedDay).format("YYYY-MM-DD"),C()}))},z=e.computed(()=>u.value.reduce((n,t)=>{if(n.length){const l=n.at(-1);return(l==null?void 0:l.date)===t.date?l.list.push(t):n.push({date:t.date,list:[t]}),n}else return[{date:t.date,list:[t]}]},[])),b=e.ref();e.watch(()=>c.value,()=>{xe(c.value)});const xe=n=>{var s,a,d;const t=r(n).format("YYYY-MM-DD"),l=document.querySelector(`#group-title-${t}`);l&&(g.value?window.scrollTo({top:(((s=l.parentElement)==null?void 0:s.offsetTop)||0)-52,behavior:"smooth"}):(d=b.value)==null||d.scrollTo({top:((a=l.parentElement)==null?void 0:a.offsetTop)||0,behavior:"smooth"}))};e.onMounted(()=>{C(),window.addEventListener("scroll",I),window.addEventListener("resize",I)}),e.onUnmounted(()=>{var t;window.removeEventListener("scroll",I),window.removeEventListener("resize",I);const n=(t=b.value)==null?void 0:t.getContainerEl();n==null||n.removeEventListener("scroll",te)});const oe=n=>{const t=r(n||void 0);return me.value?t.format("MMMM YYYY"):t.format("YYYY MM月")},Me=e.computed(()=>[{id:"confirm",color:"primary",label:i("common.confirm"),variant:"solid",size:"large",round:"pill",loading:_.value,onClick:()=>{Ne()}},{id:"cancel",color:"primary",label:i("common.cancel"),variant:"outline",size:"large",round:"pill",onClick:()=>{q()}}]),Ye=e.computed(()=>[{id:"confirm",color:"primary",label:i("common.confirm"),variant:"solid",size:"large",round:"pill",loading:_.value,onClick:()=>{Ce()}},{id:"cancel",color:"primary",label:i("common.cancel"),variant:"outline",size:"large",round:"pill",onClick:()=>{E.value=!1}}]);return(n,t)=>(e.openBlock(),e.createElementBlock("div",Ae,[e.createElementVNode("div",Fe,[e.createElementVNode("div",Ge,[e.createElementVNode("span",null,e.toDisplayString(oe(c.value)),1),e.createElementVNode("span",null,[e.createVNode(e.unref(o.OIcon),{onClick:t[0]||(t[0]=l=>p("prev-month"))},{default:e.withCtx(()=>[e.createVNode(e.unref(o.OIconChevronLeft))]),_:1}),e.createVNode(e.unref(o.OIcon),{onClick:t[1]||(t[1]=l=>p("next-month"))},{default:e.withCtx(()=>[e.createVNode(e.unref(o.OIconChevronRight))]),_:1})])]),e.createElementVNode("div",Pe,[e.createVNode(e.unref(Ie.ElCalendar),{ref_key:"calendarRef",ref:Y,modelValue:c.value,"onUpdate:modelValue":t[4]||(t[4]=l=>c.value=l)},{header:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(oe(c.value)),1),e.createElementVNode("div",null,[e.createVNode(e.unref(o.OIcon),{onClick:t[2]||(t[2]=l=>p("prev-month"))},{default:e.withCtx(()=>[e.createVNode(e.unref(o.OIconChevronLeft))]),_:1}),e.createVNode(e.unref(o.OIcon),{onClick:t[3]||(t[3]=l=>p("next-month"))},{default:e.withCtx(()=>[e.createVNode(e.unref(o.OIconChevronRight))]),_:1})])]),"date-cell":e.withCtx(({data:l})=>[e.createElementVNode("div",{onClick:s=>Ee(s,ae.value.includes(l.day)),class:e.normalizeClass({"date-cell":!0,"is-selected":l.isSelected,"is-today":e.unref(N.formatDate)(l.day)===e.unref(N.formatDate)(),clickable:ae.value.includes(l.day),expired:e.unref(r)(e.unref(N.formatDate)()).isAfter(e.unref(r)(l.day)),"all-deleted":ve(l.day)}),style:e.normalizeStyle({"--dot-bg":`${e.unref(U)(e.unref(w.CalendarDataType).MEETING,"color")}`})},[e.createElementVNode("div",We,e.toDisplayString(Number(l.day.split("-")[2])),1)],14,Ue)]),_:1},8,["modelValue"])]),e.createElementVNode("div",{class:e.normalizeClass(["list-wrapper",u.value.length?"":"is-empty"])},[u.value.length?(e.openBlock(),e.createBlock(e.unref(o.OScroller),{key:0,ref_key:"scrollerRef",ref:b,onScrollend:e.unref(ee),class:"scroller-container","show-type":"hover"},{default:e.withCtx(()=>[e.createElementVNode("div",je,[e.createVNode(e.unref(o.OCollapse),{modelValue:O.value,"onUpdate:modelValue":t[7]||(t[7]=l=>O.value=l),accordion:e.unref(g)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(z.value,(l,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:l.date},[s===0?(e.openBlock(),e.createElementBlock("div",{key:0,class:"list-month-change prev-month",onClick:t[5]||(t[5]=a=>p("prev-month"))},[e.createVNode(e.unref(o.OIcon),null,{default:e.withCtx(()=>[e.createVNode(e.unref(o.OIconArrowLeft))]),_:1}),e.createElementVNode("span",null,e.toDisplayString(e.unref(i)("meeting.preMonth")),1)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["group-item",s===z.value.length-1&&"last-item"])},[e.createElementVNode("div",{class:e.normalizeClass({"group-bar":!0,"is-active":e.unref(r)(c.value).format("YYYY-MM-DD")===l.date,"is-end":l.list.every(a=>a.isExpired)})},[...t[11]||(t[11]=[e.createElementVNode("div",{class:"group-bar-line"},null,-1),e.createElementVNode("div",{class:"group-bar-dot"},null,-1)])],2),e.createElementVNode("div",{class:e.normalizeClass({"group-title":!0,"is-end":l.list.every(a=>a.isExpired)}),id:`group-title-${e.unref(r)(new Date(l.date)).format("YYYY-MM-DD")}`},e.toDisplayString(e.unref(r)(l.date).format("MM/DD"))+" "+e.toDisplayString(e.unref(fe)(l.date)),11,Ke),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.list,(a,d)=>(e.openBlock(),e.createBlock(e.unref(o.OCollapseItem),{key:a.sub_id||a.id,value:a.sub_id||a.id,class:e.normalizeClass({"last-item":s===z.value.length-1&&d===l.list.length-1,"is-delete":a.is_delete,"is-end":a.isExpired})},{title:e.withCtx(()=>[e.createElementVNode("div",Je,[e.createElementVNode("div",{class:"meeting-icon",style:e.normalizeStyle({backgroundColor:`${a.is_delete?"var(--o-color-info4)":e.unref(U)(e.unref(w.CalendarDataType).MEETING,"color")}`})},[e.createVNode(e.unref(o.OIcon),null,{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(U)(e.unref(w.CalendarDataType).MEETING,"icon"))))]),_:1})],4),e.createElementVNode("div",Qe,[e.createElementVNode("div",Xe,[a.is_delete?(e.openBlock(),e.createElementBlock("div",Ze,e.toDisplayString(e.unref(i)("meeting.meetingCancelled")),1)):e.createCommentVNode("",!0),e.createElementVNode("div",et,[e.createElementVNode("div",tt,e.toDisplayString(a.topic),1)]),a.is_cycle?(e.openBlock(),e.createElementBlock("div",nt,[e.createVNode(e.unref(o.OTag),{color:"primary",variant:"outline"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)("meeting.cycle")),1)]),_:1})])):e.createCommentVNode("",!0)]),e.createElementVNode("div",lt,[e.createElementVNode("span",null,e.toDisplayString(a.dateRange),1),e.createVNode(e.unref(o.ODivider),{direction:"v"}),e.createElementVNode("span",null,e.toDisplayString(J.groupType===e.unref(w.MeetingGroupType).GROUP?e.unref(i)("meeting.groups"):e.unref(i)("meeting.sigs"))+": "+e.toDisplayString(a.group_name),1)])])]),a.is_delete?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",at,[a.isExpired?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[a.etherpad?(e.openBlock(),e.createBlock(e.unref(o.OLink),{key:0,"hover-underline":!1,target:"_blank",href:a.etherpad},{suffix:e.withCtx(()=>[e.createVNode(e.unref(o.OIcon),null,{default:e.withCtx(()=>[e.createVNode(e.unref(o.OIconChevronRight))]),_:1})]),default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)("meeting.meetingSummary"))+" ",1)]),_:1},8,["href"])):e.createCommentVNode("",!0),a.hasObsData?(e.openBlock(),e.createBlock(e.unref(o.OLink),{key:1,"hover-underline":!1,target:"_blank",href:`/${e.unref(X)}/video/${a.group_name}/${a.mid}/${a.date}`},{suffix:e.withCtx(()=>[e.createVNode(e.unref(o.OIcon),null,{default:e.withCtx(()=>[e.createVNode(e.unref(o.OIconChevronRight))]),_:1})]),default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)("meeting.viewRecord"))+" ",1)]),_:1},8,["href"])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(e.unref(o.OLink),{key:0,"hover-underline":!1,target:"_blank",href:a.join_url,rel:"noopener noreferrer"},{suffix:e.withCtx(()=>[e.createVNode(e.unref(o.OIcon),null,{default:e.withCtx(()=>[e.createVNode(e.unref(o.OIconChevronRight))]),_:1})]),default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)("meeting.joinMeeting"))+" ",1)]),_:1},8,["href"]))])),e.createVNode(e.unref(o.OIcon),{onClick:e.withModifiers(()=>he(d),["stop"]),class:"copy-icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(He))]),_:1},8,["onClick"])]),default:e.withCtx(()=>[e.createElementVNode("div",ot,[e.createVNode($e,{show:O.value.includes(a.sub_id||a.id),data:a,ref_for:!0,ref:h=>pe(h,a.id),from:"my"},null,8,["show","data"]),!a.isExpired&&!a.is_delete?(e.openBlock(),e.createElementBlock("div",it,[e.createVNode(e.unref(o.OButton),{color:"normal",variant:"text",onClick:h=>le(a,"edit")},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)("meeting.editMeeting")),1)]),_:1},8,["onClick"]),e.createVNode(e.unref(o.OButton),{color:"normal",variant:"text",onClick:h=>le(a,"cancel")},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)("meeting.cancelMeeting")),1)]),_:1},8,["onClick"])])):e.createCommentVNode("",!0)])]),_:2},1032,["value","class"]))),128)),t[12]||(t[12]=e.createElementVNode("div",{class:"height-placeholder"},null,-1))],2),s===z.value.length-1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[R.value?(e.openBlock(),e.createElementBlock("div",rt,e.toDisplayString(e.unref(i)("common.loading")),1)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"list-month-change next-month",onClick:t[6]||(t[6]=a=>p("next-month"))},[e.createVNode(e.unref(o.OIcon),null,{default:e.withCtx(()=>[e.createVNode(e.unref(o.OIconArrowRight))]),_:1}),e.createElementVNode("span",null,e.toDisplayString(e.unref(i)("meeting.nextMonth")),1)])],64)):e.createCommentVNode("",!0)],64))),128))]),_:1},8,["modelValue","accordion"])])]),_:1},8,["onScrollend"])):F.value?e.createCommentVNode("",!0):e.renderSlot(n.$slots,"empty",{key:1})],2),e.createVNode(e.unref(o.ODialog),{visible:$.value,"onUpdate:visible":t[9]||(t[9]=l=>$.value=l),"main-class":"handle-dialog",onClose:q,actions:Me.value},{header:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)("meeting.meetingHandleText",[L.value==="edit"?e.unref(i)("meeting.edit"):e.unref(i)("meeting.cancel")])),1)]),default:e.withCtx(()=>[e.createVNode(e.unref(o.ORadioGroup),{modelValue:M.value,"onUpdate:modelValue":t[8]||(t[8]=l=>M.value=l)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(Ve,l=>e.createVNode(e.unref(o.ORadio),{value:l.value,key:l.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.label),1)]),_:2},1032,["value"])),64))]),_:1},8,["modelValue"])]),_:1},8,["visible","actions"]),e.createVNode(e.unref(o.ODialog),{visible:E.value,"onUpdate:visible":t[10]||(t[10]=l=>E.value=l),"main-class":"cancel-dialog",actions:Ye.value},{header:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)("meeting.confirmCancel")),1)]),default:e.withCtx(()=>{var l;return[e.createElementVNode("div",st,e.toDisplayString(e.unref(i)("meeting.confirmCancelDesc",[(l=x.value)==null?void 0:l.topic])),1)]}),_:1},8,["visible","actions"])])]))}});module.exports=ct;

package/dist/cjs/components/meeting/OMeetingMyCalendar.vue4.js

@@ -0,0 +1 @@
+"use strict";const e=require("./OMeetingMyCalendar.vue.js");;require('./OMeetingMyCalendar.css');;require('./OMeetingMyCalendar2.css');module.exports=e;

package/dist/cjs/components/meeting/OMeetingMyCalendar2.css

@@ -0,0 +1,298 @@
+.hover-icon-rotate .o-icon {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon {
+    transform: rotate(-180deg);
+}
+}
+:root {
+  --el-color-primary: var(--o-color-primary1);
+  --el-border-color: var(--o-color-control1);
+  --el-input-placeholder-color: var(--el-text-color-placeholder);
+  --el-input-hover-border-color: var(--el-border-color-hover);
+  --el-input-clear-hover-color: var(--el-text-color-secondary);
+  --el-component-size-large: 36px;
+}
+@media (max-width: 840px) {
+:root {
+    --el-component-size-large: var(--o-control_size-l);
+}
+}
+:root .el-date-editor.el-date-editor--daterange {
+  padding: 0 13px 0 15px;
+}
+:root .el-date-editor.el-date-editor--timerange {
+  padding: 0 16px;
+}
+:root .el-date-editor input {
+  text-align: left;
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+:root .el-date-editor input {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+:root .el-date-editor input {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
+:root .el-date-editor input {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (max-width: 600px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+:root .el-date-editor .el-select__wrapper {
+  gap: 0;
+}
+:root .el-date-editor .el-input__wrapper .el-input__prefix {
+  order: 1;
+  font-size: 16px;
+}
+:root .el-date-editor .el-input__icon {
+  height: 100%;
+  order: 1;
+  font-size: 24px;
+  margin-right: 2px;
+  color: var(--o-color-info1);
+  background-color: var(--o-color-info2);
+  mask: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiAgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik02LjQ2MyA0Ljk3NmEuNy43IDAgMCAxIC4wOTUgMS4zOTRsLS4wOTUuMDA2SDQuNDcxYS4xNC4xNCAwIDAgMC0uMTMuMDkzbC0uMDA3LjA0M3YxLjg1NmgxNS4zMjlsLjAwMS0xLjg1NmEuMTQuMTQgMCAwIDAtLjA5My0uMTNsLS4wNDMtLjAwN2gtMi4wNTVhLjcuNyAwIDAgMS0uMDk1LTEuMzk0bC4wOTUtLjAwNmgyLjA1NWMuODAxIDAgMS40Ni42MTQgMS41MyAxLjM5N2wuMDA2LjE0djEyLjM1OWMwIC44MDEtLjYxNCAxLjQ2LTEuMzk3IDEuNTNsLS4xNC4wMDZINC40N2MtLjgwMSAwLTEuNDYtLjYxNC0xLjUzLTEuMzk3bC0uMDA2LS4xNFY2LjUxMWMwLS44MDEuNjE0LTEuNDYgMS4zOTctMS41M2wuMTQtLjAwNnptMTMuMjAxIDQuNzkySDQuMzM1djkuMTAzYzAgLjA2LjAzOS4xMTEuMDkzLjEzbC4wNDMuMDA3aDE1LjA1N2MuMDYgMCAuMTExLS4wMzkuMTMtLjA5M2wuMDA3LS4wNDMtLjAwMS05LjEwM3ptLTMuNDgyIDUuNjYzYS43LjcgMCAwIDEgLjA5NSAxLjM5NGwtLjA5NS4wMDZINy44MTdhLjcuNyAwIDAgMS0uMDk1LTEuMzk0bC4wOTUtLjAwNnptMC0zLjM0NmEuNy43IDAgMCAxIC4wOTUgMS4zOTRsLS4wOTUuMDA2SDcuODE3YS43LjcgMCAwIDEtLjA5NS0xLjM5NGwuMDk1LS4wMDZ6bS0uNjk2LTguNDY3Yy4zNTQgMCAuNjQ3LjI2My42OTQuNjA1bC4wMDYuMDk1djIuODA0YS43LjcgMCAwIDEtMS4zOTQuMDk1bC0uMDA2LS4wOTVWNC4zMThhLjcuNyAwIDAgMSAuNy0uN20tNi45MzctLjAyNmMuMzU0IDAgLjY0Ny4yNjMuNjk0LjYwNWwuMDA2LjA5NXYyLjgwNGEuNy43IDAgMCAxLTEuMzk0LjA5NWwtLjAwNi0uMDk1VjQuMjkyYS43LjcgMCAwIDEgLjctLjdtNC45NDYgMS4zODRhLjcuNyAwIDAgMSAuMDk1IDEuMzk0bC0uMDk1LjAwNkgxMC41M2EuNy43IDAgMCAxLS4wOTUtMS4zOTRsLjA5NS0uMDA2eiI+PC9wYXRoPgo8L3N2Zz4=") no-repeat center;
+  background-size: 24px;
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+:root .el-date-editor .el-input__icon svg {
+  display: none;
+}
+:root .el-popper .el-popper__arrow {
+  display: none;
+}
+:root .el-popper .el-picker-panel {
+  --cell-row-gap: 6px;
+  --cell-radius: var(--o-radius-xs);
+  color: var(--o-color-info1);
+}
+:root .el-popper .el-picker-panel .el-date-picker__header {
+  padding: 12px 24px;
+  height: 48px;
+  border-bottom: 1px solid var(--o-color-control4);
+}
+:root .el-popper .el-picker-panel .el-date-picker__header .el-date-picker__header-label {
+  font-weight: 500;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table th {
+  border-bottom: none;
+  height: 24px;
+  color: inherit;
+  padding: 0 0 var(--cell-row-gap);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td {
+  padding: var(--cell-row-gap) 0px;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td .el-date-table-cell {
+  padding: 0;
+  height: 24px;
+  line-height: 22px;
+  border: 1px solid transparent;
+  border-radius: var(--cell-radius);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td:hover:not(.disabled) .el-date-table-cell {
+  border-color: var(--o-color-primary1);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.disabled .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.prev-month .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.next-month .el-date-table-cell {
+  background: none;
+  color: var(--o-color-info4);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell {
+  background: var(--o-color-control2-light);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell .el-date-table-cell__text {
+  font-weight: normal;
+  color: var(--o-color-info1);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell {
+  background: var(--o-color-primary1);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell .el-date-table-cell__text, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell .el-date-table-cell__text, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell .el-date-table-cell__text {
+  background: none;
+  color: #fff;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover) .el-date-table-cell {
+  border-radius: 0;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).start-date .el-date-table-cell {
+  border-radius: var(--cell-radius) 0 0 var(--cell-radius);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).end-date .el-date-table-cell {
+  border-radius: 0 var(--cell-radius) var(--cell-radius) 0;
+}
+:root .el-input {
+  --el-border-color: var(--o-color-control1);
+  --el-input-border-color: var(--o-color-control1);
+  --el-input-hover-border-color: var(--o-color-primary2);
+  --el-input-focus-border-color: var(--o-color-primary3);
+}
+:root .el-table {
+  --el-table-border-color: var(--o-color-control4) ;
+}
+:root .el-input__wrapper {
+  background: var(--o-color-fill2);
+  box-shadow: none;
+  border: 1px solid var(--el-input-border-color);
+}
+:root .el-select__wrapper {
+  background: var(--o-color-fill2);
+}
+:root .el-calendar .el-calendar-table {
+  width: 100%;
+}
+:root .el-calendar .el-calendar-table th {
+  color: var(--o-color-info3);
+  font-weight: 400;
+  padding: 4px 0 16px 0;
+  text-align: center;
+}
+:root .el-calendar .el-calendar-table td.prev .date-calender, :root .el-calendar .el-calendar-table td.next .date-calender {
+  color: var(--o-color-info4);
+}
+:root .el-select .el-select__placeholder {
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+:root .el-select .el-select__placeholder {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+:root .el-select .el-select__placeholder {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
+:root .el-select .el-select__placeholder {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (max-width: 600px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+:root .el-input-number {
+  --el-component-size-large: 34px;
+}
+@media (max-width: 840px) {
+:root .el-input-number {
+    --el-component-size-large: calc(var(--o-control_size-l) - 2px);
+}
+}
+:root .el-input-number .el-input-number__decrease:hover ~ .el-input:not(.is-disabled) .el-input__wrapper,
+:root .el-input-number .el-input-number__increase:hover ~ .el-input:not(.is-disabled) .el-input__wrapper {
+  box-shadow: none;
+}
+:root .el-input-number.el-input-number--large {
+  line-height: var(--el-component-size-large);
+}
+.handle-dialog {
+  width: 450px;
+}
+.handle-dialog .o-dlg-header {
+  margin-bottom: var(--o-gap-5);
+}
+.handle-dialog .o-dlg-body-content {
+  display: flex;
+  justify-content: center;
+}
+.handle-dialog .dialog-footer {
+  display: flex;
+  justify-content: center;
+  margin-top: var(--o-gap-4);
+  column-gap: var(--o-gap-4);
+}
+.cancel-dialog .dialog-content {
+  width: 384px;
+  text-align: center;
+}
+.cancel-dialog .dialog-footer {
+  display: flex;
+  justify-content: center;
+  margin-top: var(--o-gap-4);
+  column-gap: var(--o-gap-4);
+}

package/dist/cjs/components/meeting/OMeetingPlayback.css

@@ -0,0 +1,256 @@
+.hover-icon-rotate .o-icon {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon {
+    transform: rotate(-180deg);
+}
+}
+.o-meeting-playback {
+  display: flex;
+  gap: var(--grid-column-gutter);
+  align-items: flex-start;
+  --meeting-card-radius: var(--o-radius-xs);
+  --meeting-input-radius: var(--o-radius-xs);
+  --meeting-cell-radius: var(--o-radius-xs);
+}
+@media (max-width: 840px) {
+.o-meeting-playback {
+    flex-wrap: wrap;
+}
+}
+.o-meeting-playback .card-wrapper {
+  border-radius: var(--meeting-card-radius);
+  background-color: var(--o-color-fill2);
+  padding: var(--o-gap-5);
+}
+.o-meeting-playback .card-wrapper.left-card {
+  padding-bottom: 0;
+}
+.o-meeting-playback .left-card {
+  width: 60%;
+}
+@media (max-width: 840px) {
+.o-meeting-playback .left-card {
+    width: 100%;
+}
+}
+.o-meeting-playback .left-card .video-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.o-meeting-playback .left-card .video-header .video-title {
+  font-weight: 500;
+  font-size: 24px;
+  line-height: 32px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-playback .left-card .video-header .video-title {
+    font-size: 20px;
+    line-height: 28px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-playback .left-card .video-header .video-title {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-playback .left-card .video-header .video-title {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) {
+.o-meeting-playback .left-card .video-header .video-title {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+.o-meeting-playback .left-card .video-header .o-select {
+  width: 150px;
+}
+.o-meeting-playback .left-card .video-content {
+  margin-top: var(--o-gap-5);
+}
+.o-meeting-playback .left-card .info-wrapper {
+  margin-top: var(--o-gap-5);
+}
+.o-meeting-playback .left-card .info-wrapper .o-tab {
+  --tab-nav-justify: flex-start;
+}
+.o-meeting-playback .left-card .info-wrapper .o-tab .o-tab-nav-list {
+  width: 100%;
+}
+.o-meeting-playback .left-card .info-wrapper .o-tab .o-tab-nav {
+  padding-bottom: var(--o-gap-4);
+}
+@media (max-width: 840px) {
+.o-meeting-playback .left-card .info-wrapper .o-tab .o-tab-nav {
+    padding-bottom: var(--o-gap-2);
+}
+}
+.o-meeting-playback .left-card .info-wrapper .tab-content {
+  padding-top: var(--o-gap-4);
+  height: 280px;
+  padding-bottom: 0;
+  position: relative;
+}
+.o-meeting-playback .left-card .info-wrapper .tab-content::after {
+  height: 24px;
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: linear-gradient(180deg, rgba(var(--o-grey-1), 0), rgba(var(--o-grey-1), 1) 100%);
+}
+.o-meeting-playback .left-card .info-wrapper .tab-content .base-info {
+  padding-bottom: var(--o-gap-5);
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-playback .left-card .info-wrapper .tab-content .base-info {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-playback .left-card .info-wrapper .tab-content .base-info {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-playback .left-card .info-wrapper .tab-content .base-info {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.o-meeting-playback .left-card .info-wrapper .tab-content .base-info {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-meeting-playback .left-card .info-wrapper .tab-content .base-info .info-item {
+  display: flex;
+  align-items: center;
+}
+.o-meeting-playback .left-card .info-wrapper .tab-content .base-info .info-item:last-child {
+  align-items: flex-start;
+}
+.o-meeting-playback .left-card .info-wrapper .tab-content .base-info .info-item span:first-child {
+  width: 6em;
+  flex-shrink: 0;
+  color: var(--o-color-info3);
+}
+.o-meeting-playback .left-card .info-wrapper .tab-content .base-info .info-item span:last-child {
+  color: var(--o-color-info2);
+}
+.o-meeting-playback .left-card .info-wrapper .tab-content .base-info .info-item + .info-item {
+  margin-top: var(--o-gap-2);
+}
+.o-meeting-playback .left-card .info-wrapper .tab-content .subject-list {
+  counter-reset: itemIndex;
+  position: relative;
+  padding-bottom: var(--o-gap-5);
+}
+.o-meeting-playback .left-card .info-wrapper .tab-content .subject-list .mouse-current-time {
+  position: absolute;
+  background-color: var(--o-color-fill2);
+  padding: var(--o-gap-1);
+  box-shadow: var(--o-shadow-1);
+  z-index: 10;
+  border-radius: var(--meeting-cell-radius);
+  transform: translateY(calc(0px - 100% - 4px));
+  color: var(--o-color-info2);
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-playback .left-card .info-wrapper .tab-content .subject-list .mouse-current-time {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-playback .left-card .info-wrapper .tab-content .subject-list .mouse-current-time {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-playback .left-card .info-wrapper .tab-content .subject-list .mouse-current-time {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-meeting-playback .left-card .info-wrapper .tab-content .subject-list .mouse-current-time {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-meeting-playback .left-card .info-wrapper .tab-content .subject-list .subject-item {
+  position: relative;
+  padding: 4px 0 8px 32px;
+}
+.o-meeting-playback .left-card .info-wrapper .tab-content .subject-list .subject-item::before {
+  counter-increment: itemIndex;
+  position: absolute;
+  content: counter(itemIndex);
+  width: 18px;
+  height: 18px;
+  text-align: center;
+  left: 4px;
+  top: 11px;
+  color: #fff;
+  background-color: var(--o-color-primary1);
+  border-radius: 50%;
+  font-size: 12px;
+  line-height: 18px;
+}
+.o-meeting-playback .left-card .info-wrapper .tab-content .subject-list .subject-item .subject-title {
+  color: var(--o-color-info2);
+  font-size: 14px;
+  line-height: 32px;
+}
+.o-meeting-playback .left-card .info-wrapper .tab-content .subject-list .subject-item::after {
+  content: "";
+  position: absolute;
+  bottom: 4px;
+  left: 32px;
+  right: 0;
+  height: 4px;
+  border-radius: 2px;
+  background-color: var(--o-color-fill3);
+}
+.o-meeting-playback .left-card .info-wrapper .tab-content .subject-list .subject-item .subject-progress {
+  position: absolute;
+  bottom: 4px;
+  left: 30px;
+  right: 0;
+  height: 4px;
+}
+.o-meeting-playback .left-card .info-wrapper .tab-content .subject-list .subject-item .subject-progress .subject-progress-item {
+  cursor: pointer;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  border-radius: var(--meeting-cell-radius);
+  left: calc(var(--start) * 100%);
+  right: calc((1 - var(--end)) * 100%);
+  z-index: 9;
+}
+.o-meeting-playback .right-card {
+  width: 40%;
+}
+@media (max-width: 840px) {
+.o-meeting-playback .right-card {
+    width: 100%;
+}
+}

package/dist/cjs/components/meeting/OMeetingPlayback.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),y=require("./utils.js"),p=require("@opensig/opendesign"),G=require("./components/OMeetingPlaybackSubtitles.vue.js");;require('./components/OMeetingPlaybackSubtitles.css');;require('./components/OMeetingPlaybackSubtitles2.css');const U=require("./components/OMeetingPlaybackVideo.vue.js");;require('./components/OMeetingPlaybackVideo.css');const X=require("../../i18n/index.js"),K=require("./config.js"),Q={class:"o-meeting-playback"},W={class:"video-header"},Y={class:"video-title"},Z={class:"video-content"},ee={class:"info-wrapper"},te={key:0,class:"base-info"},ae={class:"info-item"},ne={class:"info-item"},le={class:"info-item"},oe={class:"info-item"},se={key:1,class:"subject-list"},re={class:"subject-title"},ce={key:0,class:"subject-progress"},ie=["data-start","data-end"],ue=e.defineComponent({__name:"OMeetingPlayback",props:{dates:{default:()=>[]},detail:{default:()=>({})},data:{default:()=>({})}},emits:["change-date"],setup(n,{emit:w}){const d=n,I=w,{t:r}=X.useI18n(),h=e.ref(null),O=t=>{h.value=t},N=e.ref(0),j=t=>{N.value=t},V=e.ref([]),q=async t=>{const l=await(await fetch(t)).json();V.value=(l.segments||[]).map(s=>{const c=y.speakerNum(s.speaker);return{...s,contentHtml:s.content,speakerIdx:c,speakerLabel:`${r("meeting.speaker")}${c}`}})},b=e.ref([]),P=t=>K.PROGRESS_COLORS[t%3],u=e.ref(0),L=t=>{u.value=t},S=e.ref(),g=e.ref(""),k=e.ref([0,0]);function x(t,a){const l=a.getBoundingClientRect(),c=(t.clientX-l.left)/l.width;return k.value[1]=`${a.offsetTop+a.parentElement.offsetTop}px`,k.value[0]=`${c*100}%`,c*u.value}const T=t=>{let a=t;for(;a&&a.className!=="subject-progress";)a=a.parentElement;return a},R=t=>{let a=T(t.target);a&&(g.value=y.transformSeconds(x(t,a)))},$=()=>{g.value=""},F=t=>{var l;let a=T(t.target);a&&((l=S.value)==null||l.changeTime(x(t,a)))},M=async t=>{const l=await(await fetch(t)).json();b.value=(l||[]).map(s=>({...s,startTimeNumber:y.transformTime(s.startTime),endTimeNumber:y.transformTime(s.endTime)}))},m=e.ref("info"),E=e.computed(()=>{const t=[{label:r("meeting.baseInfo"),value:"info"}];return b.value.length&&t.push({label:r("meeting.subject"),value:"subject"}),t}),z=()=>{d.data&&(d.data.textJson&&q(d.data.textJson),d.data.topicJson&&M(d.data.topicJson))};e.watchEffect(()=>{z()});const H=t=>{I("change-date",t)},v=e.ref(null),_=e.ref("auto");let f=null,B=null;const D=()=>{v.value&&(_.value=`${v.value.offsetHeight}px`)},J=()=>{cancelAnimationFrame(B),B=requestAnimationFrame(D)};return e.onMounted(()=>{v.value&&(f=new ResizeObserver(J),f.observe(v.value),D())}),e.onUnmounted(()=>{cancelAnimationFrame(B),f==null||f.disconnect()}),(t,a)=>{var l,s,c,C;return e.openBlock(),e.createElementBlock("div",Q,[e.createElementVNode("div",{class:"left-card card-wrapper",ref_key:"leftRef",ref:v},[e.createElementVNode("div",W,[e.createElementVNode("div",Y,e.toDisplayString((l=n.detail)==null?void 0:l.topic)+"("+e.toDisplayString((s=n.detail)==null?void 0:s.date)+")",1),(c=n.dates)!=null&&c.length?(e.openBlock(),e.createBlock(e.unref(p.OSelect),{key:0,size:"large",clearable:!1,"model-value":(C=n.detail)==null?void 0:C.date,placeholder:e.unref(r)("meeting.selectDate"),onChange:H},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.dates,o=>(e.openBlock(),e.createBlock(e.unref(p.OOption),{key:o,value:o,label:o},null,8,["value","label"]))),128))]),_:1},8,["model-value","placeholder"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Z,[n.data?(e.openBlock(),e.createBlock(U,{key:0,ref_key:"playerRef",ref:S,src:n.data.video,vtt:n.data.textVtt,poster:n.data.poster,captions:V.value,onGetDuration:L,instance:h.value,onGetInstance:O,trackIdx:N.value,onSetTrackIdx:j},null,8,["src","vtt","poster","captions","instance","trackIdx"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",ee,[e.createVNode(e.unref(p.OTab),{modelValue:m.value,"onUpdate:modelValue":a[0]||(a[0]=o=>m.value=o),"max-show":9999},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(E.value,o=>(e.openBlock(),e.createBlock(e.unref(p.OTabPane),{key:o.value,value:o.value,label:o.label},null,8,["value","label"]))),128))]),_:1},8,["modelValue"]),e.createVNode(e.unref(p.OScroller),{class:e.normalizeClass(["tab-content",`tab-content-${m.value}`]),"show-type":"hover"},{default:e.withCtx(()=>{var o;return[m.value===E.value[0].value?(e.openBlock(),e.createElementBlock("div",te,[e.createElementVNode("div",ae,[e.createElementVNode("span",null,e.toDisplayString(e.unref(r)("meeting.item1")),1),e.createElementVNode("span",null,e.toDisplayString(n.detail.sponsor),1)]),e.createElementVNode("div",ne,[e.createElementVNode("span",null,e.toDisplayString(e.unref(r)("meeting.item2")),1),e.createElementVNode("span",null,e.toDisplayString(n.detail.groupName),1)]),e.createElementVNode("div",le,[e.createElementVNode("span",null,e.toDisplayString(e.unref(r)("meeting.item3")),1),e.createElementVNode("span",null,e.toDisplayString(n.detail.date)+"  "+e.toDisplayString(n.detail.start)+"~"+e.toDisplayString(n.detail.end),1)]),e.createElementVNode("div",oe,[e.createElementVNode("span",null,e.toDisplayString(e.unref(r)("meeting.item4")),1),e.createElementVNode("span",null,e.toDisplayString(n.detail.agenda||"-"),1)])])):e.createCommentVNode("",!0),m.value===((o=E.value[1])==null?void 0:o.value)?(e.openBlock(),e.createElementBlock("div",se,[g.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"mouse-current-time",style:e.normalizeStyle({top:k.value[1],left:k.value[0]})},e.toDisplayString(g.value),5)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,(i,A)=>(e.openBlock(),e.createElementBlock("div",{class:"subject-item",key:i.title},[e.createElementVNode("div",re,e.toDisplayString(i.title),1),u.value?(e.openBlock(),e.createElementBlock("div",ce,[e.createElementVNode("div",{class:"subject-progress-item",onClick:F,onMousemove:R,onMouseleave:$,"data-start":i.startTime,"data-end":i.endTime,style:e.normalizeStyle({"--start":(i.startTimeNumber<0?0:i.startTimeNumber)/u.value,"--end":(i.endTimeNumber>u.value?u.value:i.endTimeNumber)/u.value,background:P(A)})},null,44,ie)])):e.createCommentVNode("",!0)]))),128))])):e.createCommentVNode("",!0)]}),_:1},8,["class"])])],512),e.createElementVNode("div",{class:"right-card card-wrapper",style:e.normalizeStyle({height:_.value})},[e.createVNode(G,{captions:V.value,trackIdx:N.value,instance:h.value},{empty:e.withCtx(()=>[e.renderSlot(t.$slots,"empty")]),_:3},8,["captions","trackIdx","instance"])],4)])}}});module.exports=ue;

package/dist/cjs/components/meeting/OMeetingPlayback.vue3.js

@@ -0,0 +1 @@
+"use strict";const e=require("./OMeetingPlayback.vue.js");;require('./OMeetingPlayback.css');module.exports=e;