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

package/dist/cjs/components/activity/OActivityMyCalendar.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),i=require("@opensig/opendesign"),be=require("element-plus");require("element-plus/es/components/calendar/style/css");const s=require("dayjs"),Q=require("@vueuse/core"),Me=require("../../icons/icon-copy.js"),Re=require("@opendesign-plus/composables"),B=require("../meeting/utils.js"),we=require("./composables/useActivityConfig.js"),q=require("../meeting/types.js"),Oe=require("../meeting/components/OMeetingDetail.vue.js");;require('../meeting/components/OMeetingDetail.css');const W=require("../../i18n/index.js"),Te=require("../meeting/composables/useMeetingConfig.js"),qe={class:"o-my-activity-calendar"},Ae={class:"activity-list"},Le={key:0,class:"list-calendar-mb"},$e={class:"left-calendar"},Ie=["onClick"],ze={class:"date-cell-text"},He={class:"right-meeting"},Fe={class:"list-body"},Pe=["id"],Ue={class:"item-header-left"},Ze={class:"header-info"},je={class:"act-title"},Ge={class:"title-text"},Je={class:"act-info"},Ke={class:"date-range"},Qe={key:0,class:"item-header-right"},We={class:"activity-detail"},Xe={key:0,class:"activity-btn"},et={key:0,class:"load-text"},tt={class:"dialog-content"},nt={class:"dialog-content"},lt=e.defineComponent({__name:"OActivityMyCalendar",props:{getListRequest:{},revokeActivityRequest:{},deleteActivityRequest:{},editActivityRequest:{},getActivityDetailRequest:{}},emits:["edit"],setup(X,{emit:ee}){const{t:r,locale:te}=W.useI18n(),ne=e.computed(()=>te.value===W.Locales.ZH),{statusMap:z,activityTypeMap:le}=we.useActivityConfig(),{getConfig:A}=Te.useMeetingConfig(),H=t=>{const n=s(t||new Date);return ne.value?n.format("YYYY MM月"):n.format("MMMM YYYY")},S=i.useMessage(null),{isPhone:p}=Re.useScreen(),f=X,ae=ee,d=e.ref([]),V=e.ref([]),_=e.ref(1),F=e.ref(50),g=e.ref(null),C=e.ref(!1),Y=e.ref([]),b=e.ref(!1),M=e.ref(!1),L=e.computed(()=>g.value===null||V.value.length<g.value),h=async()=>{if(f.getListRequest&&!b.value)try{if(g.value!==null&&g.value>0&&(_.value-1)*F.value>g.value)return;if(!L.value&&p.value){y("next-month");return}b.value=!0;const t=await f.getListRequest({page:_.value,size:F.value,start_date:c.value}),n=(t.data||[]).map(l=>{const{start_date:o,end_date:a,start:v,end:u}=l;return[{...l,time:`${o}-${u}`,start_date_time:`${o} ${v}`,end_date_time:`${a} ${u}`,type:q.CalendarDataType.EVENTS,dateRange:`${o} ${v}-${a} ${u}`,isExpired:s(`${o} ${v}`).isBefore(s())}]}).flat().filter(l=>l.start_date.slice(0,7)===B.formatDate(c.value,"YYYY-MM-DD").slice(0,7));C.value?(V.value=t.data||[],d.value=n):_.value===1&&!p.value?(V.value=t.data||[],d.value=n):(V.value=[...V.value,...t.data||[]],d.value=[...d.value,...n]),d.value.sort((l,o)=>l.start_date===o.start_date?B.getDateNumber(l.start)>B.getDateNumber(o.start)?1:-1:s(l.start_date).isAfter(s(o.start_date))?1:-1),g.value=(t==null?void 0:t.total)||0,e.nextTick(()=>{ce(),D.value&&!p.value&&re()})}finally{b.value=!1,M.value=!1,C.value=!1}},$=e.ref([]),P=t=>{f.getActivityDetailRequest&&($.value.includes(t)||($.value.push(t),f.getActivityDetailRequest(t).then(n=>{var l;(l=d.value)==null||l.forEach(o=>{o.id===n.id&&(o.approve_record=n.approve_record)})})))},oe=t=>{t.length&&t.forEach(n=>{P(n)})},ie=t=>{const n=d.value.filter(l=>l.start_date===t);return n.length&&n.every(l=>l.status===3||l.status===4)},U=t=>{const n=t.target;if(!n)return;const l=n.scrollTop,o=n.scrollHeight,a=n.clientHeight;l+a>=o&&G()},re=()=>{D.value.getContainerEl().addEventListener("scroll",U)},N=e.ref(),c=e.ref(s().format("YYYY-MM-DD")),Z=e.computed(()=>[...new Set(d.value.map(t=>t.start_date))].sort((t,n)=>s(t).isBefore(s(n))?-1:1)),se=e.computed(()=>[...new Set(d.value.filter(t=>!t.isExpired&&!t.is_delete).map(t=>t.start_date))].sort((t,n)=>s(t).isBefore(s(n))?-1:1)),ce=()=>{var l;const t=se.value.find(o=>!s(o).isBefore(s(new Date).format("YYYY-MM-DD")));t?c.value=t:c.value||(c.value=s().format("YYYY-MM-DD")),(l=N.value)==null||l.pickDay(s(c.value)),c.value=s(c.value).format("YYYY-MM-DD");const n=d.value.find(o=>o.start_date===c.value&&!o.isExpired&&!o.is_delete);n&&(P(n.id),Y.value=[n.id])},ue=(t,n)=>{var l;(!n||!((l=t.target)!=null&&l.className.includes("date-cell-text")))&&(t.stopPropagation(),t.preventDefault())},y=t=>{N.value&&(_.value=1,g.value=null,$.value=[],window.scrollTo({top:0,behavior:"smooth"}),N.value.selectDate(t),C.value=!0,e.nextTick(()=>{c.value=s(N.value.selectedDay).format("YYYY-MM-DD"),h()}))},R=e.computed(()=>d.value.reduce((t,n)=>{if(t.length){const l=t.at(-1);return(l==null?void 0:l.start_date)===n.start_date?l==null||l.list.push(n):t.push({start_date:n.start_date,list:[n]}),t}else return[{start_date:n.start_date,list:[n]}]},[])),j=e.ref({}),de=(t,n)=>{t&&n&&(j.value[n]=t)},ve=async t=>{await j.value[t].copyInfo(),S.success({content:r("common.copySuccess")})},D=e.ref(),fe=t=>{var o,a,v;const n=s(t).format("YYYY-MM-DD"),l=document.querySelector(`#group-title-${n}`);l&&(p.value?window.scrollTo({top:(((o=l.parentElement)==null?void 0:o.offsetTop)||0)-52,behavior:"smooth"}):(v=D.value)==null||v.scrollTo({top:((a=l.parentElement)==null?void 0:a.offsetTop)||0,behavior:"smooth"}))};e.watch(()=>c.value,()=>{fe(c.value)});const G=Q.useDebounceFn(()=>{L.value&&(p.value||(M.value=!0,_.value++,h()))},200),k=e.ref(!1),m=e.ref(null),E=e.ref(!1),me=t=>{m.value=t,E.value=!0},pe=()=>{var t;f.revokeActivityRequest&&m.value&&(k.value=!0,f.revokeActivityRequest((t=m.value)==null?void 0:t.id).then(n=>{var l;typeof n=="boolean"&&!n||(S.success({content:r("meeting.revokeActivitySuccess",[(l=m.value)==null?void 0:l.title])}),C.value=!0,h())}).finally(()=>{E.value=!1,k.value=!1}))},ge=()=>{E.value=!1},he=t=>{ae("edit",t)},ye=t=>{if(!f.editActivityRequest)return;const{title:n,start_date:l,end_date:o,register_end_date:a,activity_type:v,synopsis:u,register_url:O,content_url:T,address:Ee,start:xe,end:Be,approver:Se}=t;let Ye={title:n,start_date:l,end_date:o,register_end_date:a,activity_type:v,synopsis:u,register_url:O,content_url:T,address:Ee,start:xe,end:Be,approver:Se,is_publish:"true"};f.editActivityRequest(t.id,Ye).then(K=>{typeof K=="boolean"&&!K||(S.success({content:r("meeting.submitReviewSuccess",[t.title])}),C.value=!0,h())})},x=e.ref(!1),_e=t=>{m.value=t,x.value=!0},Ce=()=>{var t;f.deleteActivityRequest&&(k.value=!0,f.deleteActivityRequest((t=m.value)==null?void 0:t.id).then(n=>{var l;typeof n=="boolean"&&!n||(S.success({content:r("meeting.deleteActivitySuccess",[(l=m.value)==null?void 0:l.title])}),C.value=!0,h())}).finally(()=>{x.value=!1,k.value=!1}))},ke=()=>{x.value=!1},Ve=e.ref(),J=e.ref(0),I=()=>{var t;J.value=((t=Ve.value)==null?void 0:t.clientHeight)||0},w=Q.useDebounceFn(()=>{if(!L.value||!p.value)return;const t=window.scrollY||window.pageYOffset,n=window.innerHeight;document.documentElement.scrollHeight-(t+n)<=300&&!b.value&&(M.value=!0,_.value++,h())},200);e.onMounted(()=>{h(),window.addEventListener("scroll",w),window.addEventListener("resize",w),I(),window.addEventListener("resize",I)}),e.onUnmounted(()=>{var n;window.removeEventListener("scroll",w),window.removeEventListener("resize",w),window.removeEventListener("resize",I);const t=(n=D.value)==null?void 0:n.getContainerEl();t==null||t.removeEventListener("scroll",U)});const Ne=e.computed(()=>[{id:"confirm",loading:k.value,color:"primary",variant:"outline",round:"pill",size:"large",label:r("meeting.confirmBtn"),onClick:()=>{pe()}},{id:"cancel",color:"primary",variant:"solid",round:"pill",size:"large",label:r("meeting.cancelBtn"),onClick:()=>{ge()}}]),De=e.computed(()=>[{id:"confirm",loading:k.value,color:"primary",variant:"outline",round:"pill",size:"large",label:r("meeting.confirmBtn"),onClick:()=>{Ce()}},{id:"cancel",color:"primary",variant:"solid",round:"pill",size:"large",label:r("meeting.cancelBtn"),onClick:()=>{ke()}}]);return(t,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",qe,[e.createElementVNode("div",Ae,[e.unref(p)?(e.openBlock(),e.createElementBlock("div",Le,[e.createElementVNode("span",null,e.toDisplayString(H(c.value)),1),e.createElementVNode("span",null,[e.createVNode(e.unref(i.OIcon),{onClick:n[0]||(n[0]=l=>y("prev-month"))},{default:e.withCtx(()=>[e.createVNode(e.unref(i.OIconChevronLeft))]),_:1}),e.createVNode(e.unref(i.OIcon),{onClick:n[1]||(n[1]=l=>y("next-month"))},{default:e.withCtx(()=>[e.createVNode(e.unref(i.OIconChevronRight))]),_:1})])])):e.createCommentVNode("",!0),e.createElementVNode("div",$e,[e.createVNode(e.unref(be.ElCalendar),{ref_key:"calendarRef",ref:N,modelValue:c.value,"onUpdate:modelValue":n[4]||(n[4]=l=>c.value=l)},{header:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(H(c.value)),1),e.createElementVNode("div",null,[e.createVNode(e.unref(i.OIcon),{onClick:n[2]||(n[2]=l=>y("prev-month"))},{default:e.withCtx(()=>[e.createVNode(e.unref(i.OIconChevronLeft))]),_:1}),e.createVNode(e.unref(i.OIcon),{onClick:n[3]||(n[3]=l=>y("next-month"))},{default:e.withCtx(()=>[e.createVNode(e.unref(i.OIconChevronRight))]),_:1})])]),"date-cell":e.withCtx(({data:l})=>[e.createElementVNode("div",{onClick:o=>ue(o,Z.value.includes(l.day)),class:e.normalizeClass({"date-cell":!0,"is-selected":l.isSelected,"is-today":e.unref(B.formatDate)(l.day)===e.unref(B.formatDate)(),clickable:Z.value.includes(l.day),approved:ie(l.day)}),style:e.normalizeStyle({"--dot-bg":`${e.unref(A)(e.unref(q.CalendarDataType).EVENTS,"color")}`})},[e.createElementVNode("div",ze,e.toDisplayString(Number(l.day.split("-")[2])),1)],14,Ie)]),_:1},8,["modelValue"])]),e.createElementVNode("div",He,[d.value.length?(e.openBlock(),e.createBlock(e.unref(i.OScroller),{key:0,ref_key:"scrollerRef",ref:D,onScrollend:e.unref(G),style:e.normalizeStyle({"--header-height":J.value}),"show-type":"hover",class:"scroller-container"},{default:e.withCtx(()=>[e.createElementVNode("div",Fe,[e.createVNode(e.unref(i.OCollapse),{modelValue:Y.value,"onUpdate:modelValue":n[7]||(n[7]=l=>Y.value=l),accordion:e.unref(p),onChange:oe},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,(l,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:l.start_date},[o===0?(e.openBlock(),e.createElementBlock("div",{key:0,class:"list-month-change prev-month",onClick:n[5]||(n[5]=a=>y("prev-month"))},[e.createVNode(e.unref(i.OIcon),null,{default:e.withCtx(()=>[e.createVNode(e.unref(i.OIconArrowLeft))]),_:1}),e.createElementVNode("span",null,e.toDisplayString(e.unref(r)("meeting.preMonth")),1)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["act-item",o===R.value.length-1&&"last-item"])},[e.createElementVNode("div",{class:e.normalizeClass({"act-bar":!0,"is-active":e.unref(s)(c.value).format("YYYY-MM-DD")===l.start_date,"is-end":l.list.every(a=>a.isExpired),approved:l.list.every(a=>a.status===3||a.status===4)})},[...n[10]||(n[10]=[e.createElementVNode("div",{class:"act-bar-line"},null,-1),e.createElementVNode("div",{class:"act-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(s)(new Date(l.start_date)).format("YYYY-MM-DD")}`},e.toDisplayString(e.unref(s)(l.start_date).format("MM/DD")),11,Pe),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.list,(a,v)=>(e.openBlock(),e.createBlock(e.unref(i.OCollapseItem),{key:a.sub_id||a.id,value:a.sub_id||a.id,class:e.normalizeClass({"last-item":o===R.value.length-1&&v===l.list.length-1,"is-delete":a.is_delete,"is-end":a.isExpired})},{title:e.withCtx(()=>{var u,O;return[e.createElementVNode("div",Ue,[e.createElementVNode("div",{class:"act-icon",style:e.normalizeStyle({backgroundColor:`${a.is_delete?"var(--o-color-info4)":e.unref(A)(e.unref(q.CalendarDataType).EVENTS,"color")}`})},[e.createVNode(e.unref(i.OIcon),null,{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(A)(e.unref(q.CalendarDataType).EVENTS,"icon"))))]),_:1})],4),e.createElementVNode("div",Ze,[e.createElementVNode("div",je,[e.createElementVNode("div",Ge,e.toDisplayString(a.title),1),e.createVNode(e.unref(i.OTag),{color:"primary",variant:"outline",class:e.normalizeClass([`tag-${a.is_delete?"delete":(u=e.unref(z).get(a.status))==null?void 0:u.id}`])},{default:e.withCtx(()=>{var T;return[e.createTextVNode(e.toDisplayString(a.is_delete===1?e.unref(r)("meeting.statusCanceled"):(T=e.unref(z).get(a.status))==null?void 0:T.text),1)]}),_:2},1032,["class"])]),e.createElementVNode("div",Je,[e.createElementVNode("span",Ke,e.toDisplayString(a.dateRange),1),e.createVNode(e.unref(i.ODivider),{direction:"v"}),e.createElementVNode("span",null,e.toDisplayString((O=e.unref(le).get(a.activity_type))==null?void 0:O.label),1)])])]),a.content_url&&!a.is_delete&&[3,4,5,6].includes(a.status)?(e.openBlock(),e.createElementBlock("div",Qe,[a.content_url?(e.openBlock(),e.createBlock(e.unref(i.OLink),{key:0,"hover-underline":!1,href:a.content_url,target:"_blank",rel:"noopener noreferrer"},{suffix:e.withCtx(()=>[e.createVNode(e.unref(i.OIcon),null,{default:e.withCtx(()=>[e.createVNode(e.unref(i.OIconChevronRight))]),_:1})]),default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("meeting.activityDetail"))+" ",1)]),_:1},8,["href"])):e.createCommentVNode("",!0),a.register_url&&(a.status===3||a.status===4||a.status===2&&a.update_activity_id&&new Date(a.register_end_date).getTime()>new Date().getTime())?(e.openBlock(),e.createBlock(e.unref(i.OLink),{key:1,"hover-underline":!1,href:a.register_url,target:"_blank",rel:"noopener noreferrer"},{suffix:e.withCtx(()=>[e.createVNode(e.unref(i.OIcon),null,{default:e.withCtx(()=>[e.createVNode(e.unref(i.OIconChevronRight))]),_:1})]),default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("meeting.registerNow"))+" ",1)]),_:1},8,["href"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createVNode(e.unref(i.OIcon),{onClick:e.withModifiers(()=>ve(v),["stop"]),class:"copy-icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(Me))]),_:1},8,["onClick"])]}),default:e.withCtx(()=>[e.createElementVNode("div",We,[e.createVNode(Oe,{show:Y.value.includes(a.id),data:a,ref_for:!0,ref:u=>de(u,a.id)},null,8,["show","data"]),!a.isExpired&&!a.is_delete?(e.openBlock(),e.createElementBlock("div",Xe,[a.status===2?(e.openBlock(),e.createBlock(e.unref(i.OButton),{key:0,variant:"text",onClick:u=>me(a)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("meeting.withdrawReview")),1)]),_:1},8,["onClick"])):e.createCommentVNode("",!0),a.status===1||a.status===3||a.status===4||a.status===7?(e.openBlock(),e.createBlock(e.unref(i.OButton),{key:1,variant:"text",onClick:u=>he(a)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("meeting.modifyActivity")),1)]),_:1},8,["onClick"])):e.createCommentVNode("",!0),a.status===1||a.status===7?(e.openBlock(),e.createBlock(e.unref(i.OButton),{key:2,variant:"text",onClick:u=>_e(a)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("meeting.deleteActivity")),1)]),_:1},8,["onClick"])):e.createCommentVNode("",!0),a.status===1||a.status===7?(e.openBlock(),e.createBlock(e.unref(i.OButton),{key:3,variant:"text",onClick:u=>ye(a)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("meeting.submitReview")),1)]),_:1},8,["onClick"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)])]),_:2},1032,["value","class"]))),128)),n[11]||(n[11]=e.createElementVNode("div",{class:"height-placeholder"},null,-1))],2),o===R.value.length-1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[M.value?(e.openBlock(),e.createElementBlock("div",et,e.toDisplayString(e.unref(r)("meeting.loading")),1)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"list-month-change next-month",onClick:n[6]||(n[6]=a=>y("next-month"))},[e.createVNode(e.unref(i.OIcon),null,{default:e.withCtx(()=>[e.createVNode(e.unref(i.OIconArrowRight))]),_:1}),e.createElementVNode("span",null,e.toDisplayString(e.unref(r)("meeting.nextMonth")),1)])],64)):e.createCommentVNode("",!0)],64))),128))]),_:1},8,["modelValue","accordion"])])]),_:1},8,["onScrollend","style"])):e.renderSlot(t.$slots,"empty",{key:1})])])]),e.createVNode(e.unref(i.ODialog),{visible:E.value,"onUpdate:visible":n[8]||(n[8]=l=>E.value=l),"main-class":"handle-dialog-active",actions:Ne.value},{header:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("meeting.withdrawReview")),1)]),default:e.withCtx(()=>{var l;return[e.createElementVNode("div",tt,e.toDisplayString(e.unref(r)("meeting.confirmRevokeActivity",[(l=m.value)==null?void 0:l.title])),1)]}),_:1},8,["visible","actions"]),e.createVNode(e.unref(i.ODialog),{visible:x.value,"onUpdate:visible":n[9]||(n[9]=l=>x.value=l),"main-class":"handle-dialog-active",actions:De.value},{header:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("meeting.deleteActivity")),1)]),default:e.withCtx(()=>{var l;return[e.createElementVNode("div",nt,e.toDisplayString(e.unref(r)("meeting.confirmDeleteActivity",[(l=m.value)==null?void 0:l.title])),1)]}),_:1},8,["visible","actions"])],64))}});module.exports=lt;

package/dist/cjs/components/activity/OActivityMyCalendar.vue4.js

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

package/dist/cjs/components/activity/OActivityMyCalendar2.css

@@ -0,0 +1,287 @@
+.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-active {
+  --activity-card-radius: var(--o-radius-xs);
+  width: 450px;
+  --dlg-radius: var(--activity-card-radius);
+}
+.handle-dialog-active .o-dlg-header {
+  margin-bottom: var(--o-gap-5);
+}
+.handle-dialog-active .o-dlg-body-content {
+  display: flex;
+  justify-content: center;
+}
+.handle-dialog-active .dialog-content {
+  margin-bottom: var(--o-gap-2);
+}

package/dist/cjs/components/activity/composables/useActivityConfig.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),n=require("../../../i18n/index.js"),s=()=>{const{t:e}=n.useI18n(),a=t.computed(()=>new Map([[1,{label:e("meeting.offline"),value:1}],[2,{label:e("meeting.online"),value:2}],[3,{label:e("meeting.onlineOffline"),value:3}]])),l=t.computed(()=>new Map([[1,{id:"draft",label:e("meeting.statusDraft"),text:e("meeting.statusDraft"),value:1}],[2,{id:"under-review",label:e("meeting.statusUnderReview"),text:e("meeting.statusPending"),value:2}],[3,{id:"registration",label:e("meeting.statusRegistering"),text:e("meeting.statusApproved"),value:3}],[4,{id:"in-progress",label:e("meeting.statusInProgress"),text:e("meeting.statusApproved"),value:4}],[5,{id:"ended",label:e("meeting.statusEnded"),text:e("meeting.statusEnded"),value:5}],[6,{id:"modified",label:e("meeting.statusModified"),text:e("meeting.statusModified"),value:6}],[7,{id:"reject",label:e("meeting.statusRejected"),text:e("meeting.statusRejected"),value:7}]])),i=t.computed(()=>new Map([["all",{label:e("common.all"),value:"all"}],["rejected",{label:e("meeting.statusRejected"),value:"rejected"}],["approved",{label:e("meeting.statusApproved"),value:"approved"}],["publish",{label:e("meeting.statusPending"),value:"publish"}],["cancel",{label:e("meeting.statusCanceled"),value:"cancel"}]]));return{t:e,activityTypeMap:a,statusMap:l,approvalStatusMap:i}};exports.useActivityConfig=s;

package/dist/cjs/components/activity/config.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=/^https?:\/\/\S+/;exports.WEBSITE_REGEXP=t;

package/dist/cjs/components/activity/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./OActivityForm.vue.js");;require('./OActivityForm.css');;require('./OActivityForm2.css');const i=require("./OActivityApproval.vue.js");;require('./OActivityApproval.css');;require('./OActivityApproval2.css');const c=require("./OActivityMyCalendar.vue.js");;require('./OActivityMyCalendar.css');;require('./OActivityMyCalendar2.css');const n=Object.assign(e,{install(t){t.component("OActivityForm",e)}}),o=Object.assign(i,{install(t){t.component("OActivityApproval",i)}}),r=Object.assign(c,{install(t){t.component("OActivityMyCalendar",r)}});exports.OActivityApproval=o;exports.OActivityForm=n;exports.OActivityMyCalendar=r;

package/dist/cjs/components/banner/OBanner.css

@@ -0,0 +1,151 @@
+.hover-icon-rotate .o-icon[data-v-fddea127] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-fddea127] {
+    transform: rotate(-180deg);
+}
+}
+.home-banner[data-v-fddea127] {
+  overflow: hidden;
+  position: relative;
+}
+.home-banner.tiny[data-v-fddea127] {
+  font-size: 48px;
+  line-height: 64px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.home-banner.tiny[data-v-fddea127] {
+    font-size: 40px;
+    line-height: 56px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.home-banner.tiny[data-v-fddea127] {
+    font-size: 32px;
+    line-height: 44px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.home-banner.tiny[data-v-fddea127] {
+    font-size: 32px;
+    line-height: 44px;
+}
+}
+@media (max-width: 600px) {
+.home-banner.tiny[data-v-fddea127] {
+    font-size: 20px;
+    line-height: 28px;
+}
+}
+.home-banner.tiny[data-v-fddea127] {
+  font-weight: 500;
+  margin: var(--o-gap-8) 0;
+  color: var(--o-color-info1);
+}
+.home-banner .content-height[data-v-fddea127] {
+  height: 100%;
+}
+.home-banner.large[data-v-fddea127] {
+  --banner-height: 460px;
+  height: var(--banner-height);
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.home-banner.large[data-v-fddea127] {
+    --banner-height: 400px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.home-banner.large[data-v-fddea127] {
+    --banner-height: 360px;
+}
+}
+@media (max-width: 840px) {
+.home-banner.large[data-v-fddea127] {
+    --banner-height: 184px;
+}
+}
+.home-banner.medium[data-v-fddea127] {
+  --banner-height: 360px;
+  height: var(--banner-height);
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.home-banner.medium[data-v-fddea127] {
+    --banner-height: 280px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.home-banner.medium[data-v-fddea127] {
+    --banner-height: 220px;
+}
+}
+@media (max-width: 840px) {
+.home-banner.medium[data-v-fddea127] {
+    --banner-height: 120px;
+}
+}
+.home-banner.small[data-v-fddea127] {
+  --banner-height: 280px;
+  height: var(--banner-height);
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.home-banner.small[data-v-fddea127] {
+    --banner-height: 220px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.home-banner.small[data-v-fddea127] {
+    --banner-height: 180px;
+}
+}
+@media (max-width: 840px) {
+.home-banner.small[data-v-fddea127] {
+    display: none;
+}
+}
+.home-banner[data-v-fddea127] .o-btn {
+  border-radius: var(--btn-height);
+}
+.banner-carousel[data-v-fddea127] {
+  width: 100%;
+  height: 100%;
+}
+@media (min-width: 841px) {
+.banner-carousel[data-v-fddea127] {
+    --carousel-indicator-offset: 53px;
+}
+}
+@media (max-width: 840px) {
+.banner-carousel[data-v-fddea127] {
+    --carousel-indicator-offset: 1px;
+}
+}
+.banner-carousel[data-v-fddea127] .o-carousel-indicator-bar {
+  height: 24px;
+}
+.banner-item[data-v-fddea127] {
+  width: 100%;
+  height: 100%;
+}
+@keyframes fade-up-fddea127 {
+from {
+    transform: translateY(var(--d));
+    opacity: 0;
+}
+to {
+    transform: translateY(0);
+    opacity: 1;
+}
+}
+.current-slide .banner-title[data-v-fddea127] {
+  animation: fade-up-fddea127 400ms ease-in;
+}
+.current-slide .banner-subtitle[data-v-fddea127] {
+  animation: fade-up-fddea127 400ms ease-in;
+}
+.current-slide .banner-text[data-v-fddea127] {
+  animation: fade-up-fddea127 400ms ease-in;
+}
+.current-slide .banner-opts[data-v-fddea127] {
+  animation: fade-up-fddea127 400ms ease-in;
+}

package/dist/cjs/components/banner/OBanner.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./OBanner.vue2.js");;require('./OBanner.css');;require('./OBanner2.css');const r=require("../../_plugin-vue_export-helper.js"),t=r(e,[["__scopeId","data-v-fddea127"]]);module.exports=t;

package/dist/cjs/components/banner/OBanner.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),l=require("@opensig/opendesign"),p=require("@opendesign-plus/composables"),y=require("../common/ContentWrapper.vue.js"),B=require("./OBannerContent.vue.js"),m={key:0,class:"content-height"},h={key:0},g={key:1,class:"content-height"},C={key:2,class:"content-height"},v=e.defineComponent({__name:"OBanner",props:{options:{},size:{},contentJustifyCenter:{type:Boolean},autoPlay:{type:Boolean}},emits:["click"],setup(t,{emit:d}){const n=t,a=d,{isLight:k}=p.useTheme(),{isPhone:s}=p.useScreen(),i=e.computed(()=>{if(n.options)return Array.isArray(n.options)?n.options.length===1?n.options[0]:void 0:n.options}),u=e.computed(()=>{if(!(!Array.isArray(n.options)||n.options.length<=1))return n.options});return(b,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["home-banner",t.size])},[i.value?(e.openBlock(),e.createElementBlock("div",m,[t.size==="tiny"?(e.openBlock(),e.createElementBlock("div",h,e.toDisplayString(i.value.title),1)):e.unref(s)?(e.openBlock(),e.createBlock(y,{key:2,class:"banner-wrapper"},{default:e.withCtx(()=>[e.createVNode(e.unref(l.OFigure),{class:"banner-bg",src:i.value.bg,fit:"cover"},null,8,["src"])]),_:1})):(e.openBlock(),e.createBlock(B,{key:1,info:i.value,size:t.size,"content-justify-center":t.contentJustifyCenter,"is-phone":e.unref(s),"is-light":e.unref(k),onClick:o[0]||(o[0]=r=>a("click",r))},null,8,["info","size","content-justify-center","is-phone","is-light"]))])):u.value?(e.openBlock(),e.createElementBlock("div",g,[e.unref(s)?(e.openBlock(),e.createBlock(e.unref(l.OCarousel),{key:1,class:"banner-carousel",effect:"gallery","indicator-click":"",arrow:"never","auto-play":t.autoPlay},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,(r,c)=>(e.openBlock(),e.createBlock(e.unref(l.OCarouselItem),{key:c,class:e.normalizeClass(["banner-item",`banner-item${c}`])},{default:e.withCtx(()=>[e.createVNode(y,{class:"banner-wrapper"},{default:e.withCtx(()=>[e.createVNode(e.unref(l.OFigure),{class:"banner-bg",src:r.bg,onClick:f=>a("click",r.href)},null,8,["src","onClick"])]),_:2},1024)]),_:2},1032,["class"]))),128))]),_:1},8,["auto-play"])):(e.openBlock(),e.createBlock(e.unref(l.OCarousel),{key:0,class:"banner-carousel",effect:"toggle","active-class":"current-slide","indicator-click":"","auto-play":t.autoPlay},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,(r,c)=>(e.openBlock(),e.createBlock(e.unref(l.OCarouselItem),{key:c,class:e.normalizeClass(["banner-item",`banner-item${c}`])},{default:e.withCtx(()=>[e.createVNode(B,{info:r,size:t.size,"content-justify-center":t.contentJustifyCenter,"is-phone":e.unref(s),"is-light":e.unref(k),onClick:o[1]||(o[1]=f=>a("click",f))},null,8,["info","size","content-justify-center","is-phone","is-light"])]),_:2},1032,["class"]))),128))]),_:1},8,["auto-play"]))])):(e.openBlock(),e.createElementBlock("div",C,[...o[2]||(o[2]=[e.createElementVNode("p",null,"No data.",-1)])]))],2))}});module.exports=v;

package/dist/cjs/components/banner/OBanner2.css

@@ -0,0 +1,39 @@
+.hover-icon-rotate .o-icon[data-v-fddea127] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-fddea127] {
+    transform: rotate(-180deg);
+}
+}
+.banner-item0 .banner-attach[data-v-fddea127] {
+  height: 120px;
+}
+@media (min-width: 601px) and (max-width: 1200px) {
+.banner-item0 .banner-attach[data-v-fddea127] {
+    height: 80px;
+}
+}
+.banner-item1 .banner-attach[data-v-fddea127] {
+  height: 156px;
+}
+@media (min-width: 601px) and (max-width: 1200px) {
+.banner-item1 .banner-attach[data-v-fddea127] {
+    height: 120px;
+}
+}
+.banner-item2 .banner-content[data-v-fddea127] {
+  width: 100%;
+  justify-content: center;
+}
+.banner-item2 .banner-attach[data-v-fddea127] {
+  height: 38%;
+  margin-top: -60px;
+  object-fit: contain;
+}
+.banner-wrapper[data-v-fddea127] {
+  height: 100%;
+}
+.banner-wrapper .banner-bg[data-v-fddea127] {
+  height: 100%;
+}

package/dist/cjs/components/banner/OBannerContent.css

@@ -0,0 +1,113 @@
+.hover-icon-rotate .o-icon[data-v-1904d05a] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-1904d05a] {
+    transform: rotate(-180deg);
+}
+}
+.banner-bg[data-v-1904d05a] {
+  width: 100%;
+  height: 100%;
+}
+.banner-bg[data-v-1904d05a] .o-figure-img {
+  width: 100%;
+  height: 100%;
+}
+@media (min-width: 601px) and (max-width: 1200px) {
+.banner-bg[data-v-1904d05a] .o-figure-img {
+    transition: object-position 0.3s ease;
+    object-position: var(--pad-offset);
+}
+}
+@media (max-width: 600px) {
+.banner-bg[data-v-1904d05a] {
+    --figure-radius: 4px;
+}
+}
+.banner-wrapper[data-v-1904d05a] {
+  height: 100%;
+}
+.banner-wrapper.content-center[data-v-1904d05a] {
+  display: flex;
+  justify-content: center;
+}
+.banner-wrapper.content-center .banner-content[data-v-1904d05a] {
+  align-items: center;
+}
+.banner-content[data-v-1904d05a] {
+  height: 100%;
+  display: inline-flex;
+  flex-direction: column;
+  justify-content: center;
+  position: relative;
+}
+.banner-title[data-v-1904d05a] {
+  font-size: 56px;
+  line-height: 80px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.banner-title[data-v-1904d05a] {
+    font-size: 48px;
+    line-height: 64px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.banner-title[data-v-1904d05a] {
+    font-size: 40px;
+    line-height: 56px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.banner-title[data-v-1904d05a] {
+    font-size: 40px;
+    line-height: 56px;
+}
+}
+@media (max-width: 600px) {
+.banner-title[data-v-1904d05a] {
+    font-size: 22px;
+    line-height: 30px;
+}
+}
+.banner-title[data-v-1904d05a] {
+  color: var(--o-color-info1);
+  font-weight: 500;
+  margin-bottom: 8px;
+}
+.banner-title.text-dark[data-v-1904d05a] {
+  color: var(--o-color-info1-inverse);
+}
+@media (max-width: 840px) {
+.banner-title[data-v-1904d05a] {
+    font-size: 22px;
+    line-height: 30px;
+}
+}
+.banner-subtitle[data-v-1904d05a] {
+  color: var(--o-color-info1);
+  margin-top: 8px;
+  font-size: 16px;
+}
+.banner-subtitle.text-dark[data-v-1904d05a] {
+  color: var(--o-color-info1-inverse);
+}
+.banner-text[data-v-1904d05a] {
+  height: var(--pc-height);
+  width: var(--pc-width);
+  background-size: contain;
+  background-repeat: no-repeat;
+}
+@media (min-width: 601px) and (max-width: 1200px) {
+.banner-text[data-v-1904d05a] {
+    height: var(--pad-height);
+    width: var(--pad-width);
+}
+}
+.banner-opts[data-v-1904d05a] {
+  margin-top: 24px;
+  --d: 20px;
+}
+.cursor-pointer[data-v-1904d05a] {
+  cursor: pointer;
+}

package/dist/cjs/components/banner/OBannerContent.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./OBannerContent.vue2.js");;require('./OBannerContent.css');const t=require("../../_plugin-vue_export-helper.js"),r=t(e,[["__scopeId","data-v-1904d05a"]]);module.exports=r;

package/dist/cjs/components/banner/OBannerContent.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),o=require("@opensig/opendesign"),r=require("../common/ContentWrapper.vue.js"),s={class:"banner-content"},f=["src"],d={key:4,class:"banner-opts"},m=e.defineComponent({__name:"OBannerContent",props:{info:{},size:{},contentJustifyCenter:{type:Boolean},isPhone:{type:Boolean},isLight:{type:Boolean}},emits:["click"],setup(t,{emit:a}){const c=a,l=(n,i)=>{n&&!i&&(window.open(n),c("click",n))};return(n,i)=>(e.openBlock(),e.createBlock(e.unref(o.OFigure),{class:e.normalizeClass(["banner-bg",{"with-sticky-bg":t.info.withStickyBg,"cursor-pointer":t.info.href&&!t.info.btn}]),src:t.info.bg,style:e.normalizeStyle({"--pad-offset":t.info.pad_offset}),onClick:i[0]||(i[0]=u=>l(t.info.href,t.info.btn))},{default:e.withCtx(()=>[e.createVNode(r,{class:e.normalizeClass(["banner-wrapper",["banner-wrapper",t.contentJustifyCenter?"content-center":""]])},{default:e.withCtx(()=>[e.createElementVNode("div",s,[!t.isPhone&&t.info.attach?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.info.attach,class:"banner-attach"},null,8,f)):e.createCommentVNode("",!0),t.info.title?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass({"banner-title":!0,"text-dark":t.info.text_theme==="dark"})},e.toDisplayString(t.info.title),3)):e.createCommentVNode("",!0),t.info.subtitle?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass({"banner-subtitle":!0,"text-dark":t.info.text_theme==="dark"})},e.toDisplayString(t.info.subtitle),3)):e.createCommentVNode("",!0),t.info.bg_text?(e.openBlock(),e.createElementBlock("div",{key:3,class:"banner-text",style:e.normalizeStyle({backgroundImage:`url(${t.info.bg_text})`,"--pc-width":t.info.pc_text_width,"--pc-height":t.info.pc_text_height,"--pad-width":t.info.pad_text_width,"--pad-height":t.info.pad_text_height})},null,4)):e.createCommentVNode("",!0),t.info.btn?(e.openBlock(),e.createElementBlock("div",d,[e.createVNode(e.unref(o.OButton),{href:t.info.href,target:"_blank",variant:"solid",color:"primary",size:t.size==="tiny"?void 0:t.size},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.info.btn),1)]),_:1},8,["href","size"])])):e.createCommentVNode("",!0)])]),_:1},8,["class"])]),_:1},8,["src","class","style"]))}});module.exports=m;

package/dist/cjs/components/banner/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./OBanner.vue.js"),t=require("./OBannerContent.vue.js"),o=Object.assign(e,{install(n){n.component("OBanner",e)}}),r=Object.assign(t,{install(n){n.component("OBannerContent",t)}});exports.OBanner=o;exports.OBannerContent=r;