https://ivybar.com.tw/_next/static/chunks/9678-7f70384ba880ee72.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9678],{1896:function(t,e,n){"use strict";n.d(e,{C:function(){return w},pA:function(){return y},ju:function(){return k},nz:function(){return N}});var o=n(4730),r=n(9499),i=n(7294),c=n(6775),s=n(3727),_=n(282),a=n(1749),l=n(6261),d=n(1317),m=n.n(d),u=n(5893),h=n(6486),x=n(6010).default,f=["children","onClick"],p=["mode","name","path","to","children"];function j(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,o)}return n}function g(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?j(Object(n),!0).forEach((function(e){(0,r.Z)(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var b=function(t,e,n){var o=(0,u.jsx)(u.Fragment,{});return h.isUndefined(t)||(o=(0,i.isValidElement)(t)?(0,i.cloneElement)(t,{tabs:n,mode:e}):t({tabs:n,mode:e})),o},Z=function(t,e){return i.Children.map(t,(function(t){return(0,i.cloneElement)(t,{mode:e})}))},v=(0,i.forwardRef)((function(t,e){var n=t.name,o=t.navigate,i=t.active;return(0,u.jsx)(_.Z,{ref:e,onClick:o,className:x([m().root__item__button,(0,r.Z)({},m()["root__item__button--active"],i)]),fullWidth:!0,children:n})})),w=(0,i.forwardRef)((function(t,e){var n,r=t.mode,_=t.tabs,d=t.className,h=t.style,p=t.onChange,j=t.value;switch(r){case"route":var b=(0,c.TH)();n=_.map((function(t,e){return(0,u.jsx)(s.rU,{to:t.pathname,name:t.name,active:b.pathname===t.pathname,component:v},"tab_item_link_".concat(e+1))}));break;case"scroll":var Z=(0,l.Rv)((function(t){var e=t.children,n=t.onClick,r=(0,o.Z)(t,f);return(0,u.jsx)(v,g(g({},r),{},{name:e,navigate:n}))}));n=_.map((function(t,e){return(0,u.jsx)(Z,g(g({to:t.to},t.options),{},{children:t.name}),"tab_item_link_".concat(e+1))}));break;default:n=_.map((function(t,e){return(0,u.jsx)(v,{name:t.label,active:j===t.value,navigate:(n=t.value,(0,i.useCallback)((function(t){p(t,n)}),[p]))},"tab_item_link_".concat(e+1));var n}))}return(0,u.jsx)(a.Z,{container:!0,direction:"row",justify:"center",spacing:0,className:x([m().root,d]),style:h,ref:e,children:n.map((function(t,e){return(0,u.jsx)(a.Z,{container:!0,item:!0,xs:!0,className:m().root__item,children:t},"tab_item_".concat(e+1))}))})})),y=function(t){var e=t.mode,n=(t.name,t.path),r=t.to,s=void 0===r?n:r,_=t.children,a=(0,o.Z)(t,p);switch(e){case"route":return(0,u.jsx)(c.AW,g(g({},a),{},{path:n,children:_}));case"scroll":var d=(0,l.xL)((function(t){var e=t.parentBindings;return(0,i.cloneElement)(_,{ref:function(t){e.domNode=t}})}));return(0,u.jsx)(d,g(g({},a),{},{name:s}));default:return _}},k=function(t){var e=t.children,n=t.childrenBar,o=t.options,r=t.onReady;h.isFunction(r)&&(0,i.useEffect)(r,[]);var c=(0,i.useMemo)((function(){return i.Children.map(e,(function(t){if((0,i.isValidElement)(t)&&t.type===y){var e=h.get(t,"props.name"),n=h.get(t,"props.path");return{name:e,to:h.get(t,"props.to",n),options:o}}return null})).filter((function(t){return t}))}),[e]),s=b(n,"scroll",c),_=Z(e,"scroll");return(0,u.jsxs)(u.Fragment,{children:[s,_]})},N=function(t){var e=t.initialIndex,n=void 0===e?0:e,o=t.children,r=t.childrenBar,s=(0,i.useMemo)((function(){return i.Children.map(o,(function(t){return(0,i.isValidElement)(t)&&t.type===y?{name:h.get(t,"props.name"),pathname:h.get(t,"props.path")}:null})).filter((function(t){return t}))}),[o]),_=(0,i.useMemo)((function(){return s.map((function(t){return t.pathname}))}),[s]),a=b(r,"route",s),l=Z(o,"route");return(0,u.jsxs)(c.VA,{initialEntries:_,initialIndex:n,children:[a,l]})}},5037:function(t,e,n){"use strict";n.d(e,{U8:function(){return C},v$:function(){return E},BY:function(){return R},HQ:function(){return I},DC:function(){return D},xD:function(){return P}});var o=n(29),r=n(9499),i=n(7794),c=n.n(i),s=n(7294),_=n(5617),a=n(5675),l=n(1664),d=n(1163),m=n(1749),u=n(253),h=n(3450),x=n(282),f=n(1120),p=n(4561),j=n(1564),g=n(1385),b=n(5111),Z=n(1173),v=n(3346),w=n.n(v),y=n(5893),k=n(6010).default,N=n(2132).toast,O=(0,f.Z)((function(t){return(0,r.Z)({},t.breakpoints.up("md"),{root__title:{fontSize:36},root__comment__go_to__text:{fontWeight:700}})})),C=(0,s.forwardRef)((function(t,e){var n=O(),o=(0,_.v9)((function(t){return t.course.watching.intro.content}));return(0,y.jsx)(m.Z,{item:!0,style:{maxWidth:"100%"},ref:e,children:(0,y.jsxs)(m.Z,{container:!0,direction:"column",children:[(0,y.jsx)(m.Z,{item:!0,xs:12,children:(0,y.jsx)(u.Z,{component:"h2",className:k([n.root__title,w().root__title]),pb:6,children:"\u8ab2\u7a0b\u7c21\u4ecb"})}),(0,y.jsxs)(m.Z,{item:!0,xs:12,children:[(0,y.jsx)("div",{style:{overflowX:"hidden",maxWidth:"100%",width:2e3}}),o.length?(0,y.jsx)("div",{className:w().root__info__content__editor,dangerouslySetInnerHTML:{__html:o}}):(0,y.jsx)("div",{className:w().root__info__content__loading,children:(0,y.jsx)("div",{className:w().root__info__content__loading__inner,children:(0,y.jsxs)(p.ZP,{className:w().root__info__content__loading__inner__svg,speed:2,width:"100%",height:"100%",preserveAspectRatio:"none",backgroundColor:"#f3f3f3",foregroundColor:"#ecebeb",children:[(0,y.jsx)("rect",{x:"0",y:"0",rx:"8",ry:"8",width:"80%",height:"1em"}),(0,y.jsx)("rect",{x:"0",y:"27.2",rx:"8",ry:"8",width:"40%",height:"1em"}),(0,y.jsx)("rect",{x:"0",y:"54.4",rx:"8",ry:"8",width:"60%",height:"1em"}),(0,y.jsx)("rect",{x:"0",y:"108.8",rx:"8",ry:"8",width:"100%",height:"16em"}),(0,y.jsx)("rect",{x:"0",y:"417.5",rx:"8",ry:"8",width:"73%",height:"1em"}),(0,y.jsx)("rect",{x:"0",y:"444.7",rx:"8",ry:"8",width:"100%",height:"1em"}),(0,y.jsx)("rect",{x:"0",y:"471.9",rx:"8",ry:"8",width:"60%",height:"1em"})]})})})]})]})})})),E=(0,s.forwardRef)((function(t,e){var n=O(),o=(0,d.useRouter)(),r=(0,_.v9)((function(t){return t.course}

1)),i=r.user.watching,c=i.id,a=i.isFree,l=i.readCount,x=r.watching,f=x.intro,p=f.id,b=f.limit,Z=x.chapters,v=(0,s.useState)(!1),N=v[0],C=v[1];return(0,s.useEffect)((function(){C(!!window._isApp)}),[]),(0,y.jsx)(m.Z,{item:!0,ref:e,children:(0,y.jsxs)(m.Z,{container:!0,direction:"row",children:[(0,y.jsx)(m.Z,{item:!0,md:2,implementation:"css",smDown:!0,component:h.Z}),(0,y.jsx)(m.Z,{item:!0,xs:12,md:8,children:(0,y.jsxs)(m.Z,{container:!0,direction:"column",spacing:3,children:[(0,y.jsx)(m.Z,{item:!0,xs:12,children:(0,y.jsx)(u.Z,{component:"h2",className:k([n.root__title,w().root__title]),pb:3,children:"\u8ab2\u7a0b\u7ae0\u7bc0"})}),a&&!N?(0,y.jsx)(m.Z,{item:!0,xs:12,children:(0,y.jsx)(j.dG,{courseId:p,readCount:l,readLimitCount:b.readCount,href:{pathname:"/course/[courseId]/list",query:{courseId:o.query.courseId}}})}):"",(0,y.jsx)(m.Z,{item:!0,xs:12,children:(0,y.jsx)(g.n6,{courseId:p,data:Z,activeUnitId:c})})]})})]})})})),R=(0,s.forwardRef)((function(t,e){var n=O(),r=(0,_.I0)(),i=(0,_.v9)((function(t){return t.course})),s=i.user.watching,a=s.isFree,l=s.comment.isSent,d=i.watching,x=d.intro,f=x.id,p=x.rating,v=x.comment.total,C=d.comments;return(0,y.jsx)(m.Z,{item:!0,ref:e,children:(0,y.jsxs)(m.Z,{container:!0,direction:"row",children:[(0,y.jsx)(m.Z,{item:!0,md:2,implementation:"css",smDown:!0,component:h.Z}),(0,y.jsx)(m.Z,{item:!0,xs:12,md:8,children:(0,y.jsxs)(m.Z,{container:!0,direction:"column",spacing:3,children:[(0,y.jsx)(m.Z,{item:!0,xs:12,children:(0,y.jsx)(u.Z,{component:"h2",className:k([n.root__title,w().root__title]),pb:3,children:"\u8ab2\u7a0b\u8a55\u50f9"})}),(0,y.jsx)(m.Z,{item:!0,xs:12,children:(0,y.jsxs)(m.Z,{container:!0,spacing:3,children:[(0,y.jsx)(m.Z,{item:!0,md:2,implementation:"css",smDown:!0,component:h.Z}),(0,y.jsx)(m.Z,{item:!0,xs:12,md:8,children:(0,y.jsx)(j.i$,{readOnly:a||l,rating:p.cur,count:v,onSubmit:function(){var t=(0,o.Z)(c().mark((function t(e,n){var o;return c().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n(!0),t.next=3,r((0,Z.FT)({courseId:f,rating:e.rating,content:e.content}));case 3:o=t.sent,o.isOk?(N.success("\u8a55\u50f9\u5df2\u6210\u529f\u9001\u51fa\uff01"),r((0,b._X)({commentSent:!0}))):(n(!1),N((function(t){t.closeToast;return(0,y.jsxs)("div",{children:["\u5594\u54e6\uff01\u7db2\u8def\u4f3c\u4e4e\u51fa\u73fe\u554f\u984c\uff01",(0,y.jsx)("br",{}),"\u6aa2\u67e5\u7db2\u8def\u6216\u662f\u7a0d\u5f8c\u518d\u8a66\u8a66\u770b\u5427\uff01"]})}),{type:N.TYPE.ERROR}));case 6:case"end":return t.stop()}}),t)})));return function(e,n){return t.apply(this,arguments)}}()})}),(0,y.jsx)(m.Z,{item:!0,xs:12,children:(0,y.jsx)(g.$O,{data:C})})]})})]})})]})})})),I=(0,s.forwardRef)((function(t,e){var n=O(),o=(0,_.v9)((function(t){return t.course.watching.qas}));return(0,y.jsx)(m.Z,{item:!0,ref:e,children:(0,y.jsxs)(m.Z,{container:!0,direction:"row",children:[(0,y.jsx)(m.Z,{item:!0,md:2,implementation:"css",smDown:!0,component:h.Z}),(0,y.jsx)(m.Z,{item:!0,xs:12,md:8,children:(0,y.jsxs)(m.Z,{container:!0,direction:"column",spacing:3,children:[(0,y.jsx)(m.Z,{item:!0,xs:12,children:(0,y.jsx)(u.Z,{component:"h2",className:k([n.root__title,w().root__title]),pb:3,children:"\u5e38\u898b\u554f\u984c"})}),(0,y.jsx)(m.Z,{item:!0,xs:12,children:(0,y.jsx)(g.Eq,{data:o})})]})})]})})})),D=function(){var t=O(),e=(0,d.useRouter)();return(0,y.jsx)(m.Z,{item:!0,xs:12,children:(0,y.jsxs)(m.Z,{container:!0,direction:"row",children:[(0,y.jsx)(m.Z,{item:!0,md:2,implementation:"css",smDown:!0,component:h.Z}),(0,y.jsx)(m.Z,{item:!0,xs:12,md:8,children:(0,y.jsx)(l.default,{href:"/course/".concat(e.query.courseId,"#comment"),children:(0,y.jsx)("div",{children:(0,y.jsxs)(u.Z,{py:3,className:w().root__comment__go_to,children:[(0,y.jsx)("h5",{className:k([w().root__comment__go_to__text,t.root__comment__go_to__text]),children:"\u89ba\u5f97\u8ab2\u7a0b\u5982\u4f55\uff1f"}),(0,y.jsx)("h5",{className:k([w().root__comment__go_to__text,t.root__comment__go_to__text]),children:"\u544a\u8a34\u5927\u5bb6\u4f60\u7684\u60f3\u6cd5\u5427\uff01"})]})})})})]})})},P=function(t){var e=t.resourceUrl,n=void 0===e?null:e,o=t.onPractice;return(0,y.jsx)(m.Z,{item:!0,xs:12,children:(0,y.jsxs)(m.Z,{container:!0,direction:"row",children:[(0,y.jsx)(m.Z,{item:!0,md:2,implementation:"css",smDown:!0,component:h.Z}),(0,y.jsx)(m.Z,{item:!0,xs:12,md:8,children:(0,y.jsxs)(m.Z,{container:!0,direction:"row",justify:"space-around",alignItems:"center",className:w().root__addition,children:[o?(0,y.jsx)(m.Z,{item:!0,xs:!0,children:(0,y.jsx)(x.Z,{className:w().root__addition__button,onClick:o,children:(0,y.jsxs)(u.Z,{children:[(0,y.jsx)(u.Z,{display:"inline-block",children:(0,y.jsx)(a.default,{src:"/images/course_addition_practice.png",width:35,height:35})}),(0,y.jsx)(u.Z,{className:w().root__addition__button__label,component:"h6",children:"\u7df4\u7fd2"})]})})}):(0,y.jsx)(y.Fragment,{}),n?(0,y.jsx)(m.Z,{item:!0,xs:!0,children:(0,y.jsx)(x.Z,{href:n,className:w().root__addition__button,target:"_blank",children:(0,y.jsxs)(u.Z,{children:[(0,y.jsx)(u.Z,{display:"inline-block",children:(0,y.jsx)(a.default,{src:"/images/course_addition_resource.png",width:35,height:35})}),(0,y.jsx)(u.Z,{className:w().root__addition__button__label,component:"h6",children:"\u5b78\u7fd2\u8cc7\u6e90"})]})})}):(0,y.jsx)(y.Fragment,{})]})})]})})}},1317:function(t){t.exports={root:"subpager_root__BMGly",root__item:"subpager_root__item__M_QA5",root__item__button:"subpager_root__item__button__OJb0F","root__item__button--active":"subpager_root__item__button--active__bSnI4"}},3346:function(t){t.exports={root__title:"block_root__title__qvIMs",root__info__content__editor:"block_root__info__content__editor__pK_h9",root__info__content__loading:"block_root__info__content__loading__4Y8xR",root__info__content__loading__inner:"block_root__info__content__loading__inner__YQRm_",root__info__content__loading__inner__svg:"block_root__info__content__loading__inner__svg__Q_J8e",root__comment__go_to:"block_root__comment__go_to__SHBx4",root__comment__go_to__text:"block_root__comment__go_to__text__DmTXX",root__addition:"block_root__addition__VmhET",root__addition__button__label:"block_root__addition__button__label__2aGq5"}}}]);