https://cloud.tipo.gov.tw/S400/_next/static/chunks/pages/article/video-352b78b66eb756ea.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5558],{27767:function(n,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/article/video",function(){return i(60051)}])},24574:function(n,t){"use strict";t.Z={src:"/S400/_next/static/media/article-transparent.6a5fba78.svg",height:92,width:100}},60051:function(n,t,i){"use strict";i.r(t),i.d(t,{__N_SSG:function(){return y}});var e=i(7297),r=i(85893),o=i(53923),c=i(50066),a=i(24574),u=i(36631),l=i(20861),f=i(19887),d=i(75087),s=i(29136),p=i(55011),h=i(53340),x=i(8100),m=i(34134),g=i(84160);function v(){let n=(0,e.Z)(["\n  ",";\n\n  display: flex;\n  gap: 24px;\n  flex-wrap: wrap;\n  .video-card {\n    flex: 100%;\n    @media (min-width: ",") {\n      flex: 0 0 calc(50% - 12px);\n    }\n  }\n"]);return v=function(){return n},n}let w=(0,c.ZP)(s.or).withConfig({componentId:"sc-33aefa37-0"})(v(),(0,p.ek)("32px"),h.zp),Z=(0,r.jsx)(s.h4,{children:(0,r.jsx)(s.z,{children:(0,r.jsx)(f.Z,{routes:d.$l.article,activeIdx:1})})}),b=n=>{let{films:t}=n,{data:i,error:e,mutate:c}=(0,x.ZP)("/film/list",n=>(0,u.ti)({}).get(n).then(n=>n.data),{fallbackData:t,errorRetryCount:1,revalidateOnFocus:!1}),f=(null==i?void 0:i.channels)||[],d=f.reduce((n,t)=>{let i=t.id;return n.set(i,{name:t.name,url:t.url}),n},new Map);return(0,r.jsx)(o.Z,{theme:"white",name:"article.video",headerContent:Z,icon:a.Z,children:(0,r.jsx)(w,{children:void 0===i&&void 0===e?(0,r.jsx)(m.$,{}):(0,r.jsx)(r.Fragment,{children:i?i.films.map(n=>(0,r.jsx)(l.Z,{className:"video-card",film:n,channel:d.get(n.channelId)},n.pic)):(0,r.jsx)(g.Z,{onRetry:()=>c(void 0,!0)})})})})};var y=!0;t.default=b},29136:function(n,t,i){"use strict";i.d(t,{EC:function(){return y},JR:function(){return k},QY:function(){return w},Rp:function(){return C},_t:function(){return j},fM:function(){return P},h4:function(){return Z},or:function(){return v},re:function(){return I},z:function(){return b}});var e=i(7297),r=i(53340),o=i(50779),c=i(55011),a=i(50066);function u(){let n=(0,e.Z)(["\n  position: relative;\n  margin-top: 32px;\n  padding-bottom: 16px;\n  @media (min-width: ",") {\n    ","\n  }\n\n  ","\n"]);return u=function(){return n},n}function l(){let n=(0,e.Z)(["\n  min-width: 100%;\n  margin: 32px 0;\n  background-color: ",";\n  border-radius: 4px;\n  box-shadow: 0px 6px 24px -2px rgba(18, 18, 18, 0.12);\n\n  @media (min-width: ",") {\n    padding: 0 32px;\n  }\n\n  @media (min-width: ",") {\n    margin: 0 auto;\n    min-width: 832px;\n    max-width: ",";\n    ",";\n    ",";\n  }\n  ","\n"]);return l=function(){return n},n}function f(){let n=(0,e.Z)(["\n  position: relative;\n  padding-top: 16px;\n\n  display: flex;\n  /* flex-direction: column; */\n  gap: 8px;\n\n  @media (max-width: ",") {\n    ","\n  }\n\n  @media (min-width: ",") {\n    width: 768px;\n    margin: 0 auto;\n    ","\n  }\n  ","\n"]);return f=function(){return n},n}function d(){let n=(0,e.Z)(["\n  color: ",";\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 36px;\n\n  @media (max-width: ",") {\n    padding-left: 16px;\n  }\n\n  :last-child {\n    padding-bottom: 12px;\n  }\n"]);return d=function(){return n},n}function s(){let n=(0,e.Z)(["\n  display: flex;\n  > * + * {\n    margin-left: 16px;\n  }\n\n  height: 48px;\n  width: 100%;\n\n  margin-bottom: -24px;\n"]);return s=function(){return n},n}function p(){let n=(0,e.Z)(["\n  background: rgba(237, 246, 247, 0.9);\n  box-shadow: 0px 12px 20px -16px rgba(0, 63, 84, 0.36);\n  backdrop-filter: blur(10px);\n  border-radius: 4px;\n\n  &:not(:only-child) {\n    flex: 0 0 calc(100% - 16px - 48px);\n  }\n\n  &:only-child {\n    width: 100%;\n  }\n"]);return p=function(){return n},n}function h(){let n=(0,e.Z)(["\n  margin-top: -25px;\n  padding: 0 32px;\n\n  @media (min-width: ",") {\n    display: grid;\n    grid-template-columns: auto 1fr;\n  }\n"]);return h=function(){return n},n}function x(){let n=(0,e.Z)(["\n  margin-top: 0;\n\n  @media (min-width: ",") {\n    margin-top: 32px;\n    padding: 0 32px;\n\n    display: grid;\n    grid-template-columns: auto 1fr;\n  }\n"]);return x=function(){return n},n}function m(){let n=(0,e.Z)(["\n  width: 100%;\n  @media (min-width: ",") {\n    width: 160px;\n    position: relative;\n    border-right: 1px solid ",";\n    height: 100%;\n  }\n"]);return m=function(){return n},n}function g(){let n=(0,e.Z)(["\n  position: sticky;\n  top: 0;\n  left: 80px;\n  display: flex;\n  height: fit-content;\n  ","\n"]);return g=function(){return n},n}let v=a.ZP.main.withConfig({componentId:"sc-119d91a6-0"})(u(),r.zp,(0,c.ek)("32px"),n=>n.customStyle),w=a.ZP.div.withConfig({componentId:"sc-119d91a6-1"})(l(),o.Xt,r.zp,r.Sv,n=>{let{maxWidth:t}=n;return"".concat(t+64,"px")},n=>{let{paddingLeft:t}=n;return"padding-left: ".concat(t,"px")},n=>n.imgResultStyle,n=>n.customStyle),Z=a.ZP.div.withConfig({componentId:"sc-119d91a6-2"})(f(),r.ZB,(0,c.ek)("16px"),r.Sv,n=>{let{paddingLeft:t}=n;return t&&"padding-left:".concat(t,"px")},n=>n.customStyle),b=a.ZP.h1.withConfig({componentId:"sc-119d91a6-3"})(d(),o.Xt,r.ZB),y=a.ZP.div.withConfig({componentId:"sc-119d91a6-4"})(s()),j=(0,a.iv)(p()),C=(0,a.iv)(h(),r.Sv),I=(0,a.iv)(x(),r.Sv),k=(0,a.iv)(m(),r.Sv,o.Om),P=a.ZP.div.withConfig({componentId:"sc-119d91a6-5"})(g(),n=>n.customStyle)}

1,84160:function(n,t,i){"use strict";var e=i(7297),r=i(85893),o=i(94923),c=i(50066);function a(){let n=(0,e.Z)(["\n  flex: 1;\n  color: inherit;\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  & > * + * {\n    margin-top: 8px;\n  }\n\n  ","\n"]);return a=function(){return n},n}let u=c.ZP.div.withConfig({componentId:"sc-8bab4c5a-0"})(a(),n=>n.customLayout),l=n=>{let{message:t,onRetry:i,customLayout:e,buttonTemplate:c}=n;return(0,r.jsxs)(u,{customLayout:e,children:[(0,r.jsx)("span",{children:void 0===t?"資料載入失敗":t}),(0,r.jsx)(o.zx,{template:c||o.YS.FILL_PRIMARY,onClick:i,children:"重試"})]})};t.Z=l},19887:function(n,t,i){"use strict";var e=i(7297),r=i(85893);i(67294);var o=i(50066),c=i(41664),a=i.n(c),u=i(50779),l=i(53340);function f(){let n=(0,e.Z)(["\n  width: 300px;\n  color: ",";\n  padding-bottom: 2px;\n  overflow: auto;\n  white-space: nowrap;\n  /* hide scrollbar but allow scrolling */\n  -ms-overflow-style: none; /* for Internet Explorer, Edge */\n  scrollbar-width: none; /* for Firefox */\n  overflow-x: scroll;\n  ::-webkit-scrollbar {\n    display: none; /* for Chrome, Safari, and Opera */\n  }\n  @media (min-width: ",") {\n    width: 768px;\n  }\n"]);return f=function(){return n},n}function d(){let n=(0,e.Z)(["\n  font-size: 20px;\n  font-weight: 400;\n  color: ",";\n\n  & + & {\n    margin-left: 24px;\n  }\n"]);return d=function(){return n},n}function s(){let n=(0,e.Z)(["\n  padding-bottom: 6px;\n  font-size: 20px;\n  font-weight: 700;\n  color: ",";\n  h1 {\n    display: inline;\n  }\n  position: relative;\n  :after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: ",";\n    height: 4px;\n    border-radius: 2px;\n  }\n"]);return s=function(){return n},n}let p=o.ZP.div.withConfig({componentId:"sc-3aeddfd3-0"})(f(),(0,u.OH)(.6),l.zp),h=o.ZP.a.withConfig({componentId:"sc-3aeddfd3-1"})(d(),(0,u.OH)(.6)),x=(0,o.ZP)(h).withConfig({componentId:"sc-3aeddfd3-2"})(s(),u.Xt,u.fS),m=n=>{let{routes:t,activeIdx:i}=n,{current:e,others:o}=(n=>{let t;let e=[];if(-1!==i){t=n[i];for(let r=i+1;r<n.length;r++)e.push(n[r]);for(let o=0;o<i;o++)e.push(n[o])}else e=[...n];return{current:t,others:e}})(t);return(0,r.jsxs)(p,{children:[e&&(0,r.jsx)(a(),{href:e.path,passHref:!0,legacyBehavior:!0,children:(0,r.jsx)(x,{children:(0,r.jsx)("h1",{children:e.title})})},e.path),o.map(n=>(0,r.jsx)(a(),{href:n.path,passHref:!0,legacyBehavior:!0,children:(0,r.jsx)(h,{children:n.title})},n.path))]})};t.Z=m},34134:function(n,t,i){"use strict";i.d(t,{$:function(){return _}});var e=i(7297),r=i(85893);i(67294);var o=i(50066);function c(){let n=(0,e.Z)(["\n  width: ",";\n  height: ",";\n  margin: ",";\n"]);return c=function(){return n},n}function a(){let n=(0,e.Z)(["\n  width: 33%;\n  height: 33%;\n  background-color: #ffffff;\n  float: left;\n  animation: blink 1.3s infinite ease-in-out;\n\n  @keyframes blink {\n    0%,\n    70%,\n    100% {\n      transform: scale3D(1, 1, 1);\n    }\n    35% {\n      transform: scale3D(0, 0, 1);\n    }\n  }\n"]);return a=function(){return n},n}function u(){let n=(0,e.Z)(["\n  animation-delay: 0.2s;\n  background-color: #50c0ff;\n"]);return u=function(){return n},n}function l(){let n=(0,e.Z)(["\n  animation-delay: 0.3s;\n  background-color: #3c7ce8;\n"]);return l=function(){return n},n}function f(){let n=(0,e.Z)(["\n  animation-delay: 0.4s;\n  background-color: #434fb3;\n"]);return f=function(){return n},n}function d(){let n=(0,e.Z)(["\n  animation-delay: 0.1s;\n  background-color: #3cd6e8;\n"]);return d=function(){return n},n}function s(){let n=(0,e.Z)(["\n  animation-delay: 0.2s;\n  background-color: #50c0ff;\n"]);return s=function(){return n},n}function p(){let n=(0,e.Z)(["\n  animation-delay: 0.3s;\n  background-color: #3c7ce8;\n"]);return p=function(){return n},n}function h(){let n=(0,e.Z)(["\n  animation-delay: 0s;\n  background-color: #42ffdf;\n"]);return h=function(){return n},n}function x(){let n=(0,e.Z)(["\n  animation-delay: 0.1s;\n  background-color: #3cd6e8;\n"]);return x=function(){return n},n}function m(){let n=(0,e.Z)(["\n  animation-delay: 0.2s;\n  background-color: #50c0ff;\n"]);return m=function(){return n},n}let g=o.ZP.div.withConfig({componentId:"sc-6af86272-0"})(c(),n=>n.width,n=>n.width,n=>n.margin),v=o.ZP.div.withConfig({componentId:"sc-6af86272-1"})(a()),w=(0,o.ZP)(v).withConfig({componentId:"sc-6af86272-2"})(u()),Z=(0,o.ZP)(v).withConfig({componentId:"sc-6af86272-3"}

1)(l()),b=(0,o.ZP)(v).withConfig({componentId:"sc-6af86272-4"})(f()),y=(0,o.ZP)(v).withConfig({componentId:"sc-6af86272-5"})(d()),j=(0,o.ZP)(v).withConfig({componentId:"sc-6af86272-6"})(s()),C=(0,o.ZP)(v).withConfig({componentId:"sc-6af86272-7"})(p()),I=(0,o.ZP)(v).withConfig({componentId:"sc-6af86272-8"})(h()),k=(0,o.ZP)(v).withConfig({componentId:"sc-6af86272-9"})(x()),P=(0,o.ZP)(v).withConfig({componentId:"sc-6af86272-10"})(m()),S={width:"135px",margin:"80px auto"},_=n=>(0,r.jsxs)(g,{...S,...n,children:[(0,r.jsx)(w,{}),(0,r.jsx)(Z,{}),(0,r.jsx)(b,{}),(0,r.jsx)(y,{}),(0,r.jsx)(j,{}),(0,r.jsx)(C,{}),(0,r.jsx)(I,{}),(0,r.jsx)(k,{}),(0,r.jsx)(P,{})]})},20861:function(n,t,i){"use strict";var e=i(7297),r=i(85893),o=i(50066),c=i(50779),a=i(53340),u=i(42802),l=i(67294),f=i(78220);function d(){let n=(0,e.Z)(["\n  min-height: 200px;\n  border-radius: 4px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n\n  @media screen and (min-width: ",") {\n    max-width: 240px;\n  }\n"]);return d=function(){return n},n}function s(){let n=(0,e.Z)(["\n  position: relative;\n  overflow: hidden;\n  img {\n    width: 100%;\n    aspect-ratio: 16/9;\n    object-fit: cover;\n  }\n"]);return s=function(){return n},n}function p(){let n=(0,e.Z)(["\n  position: relative;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n"]);return p=function(){return n},n}function h(){let n=(0,e.Z)(["\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 23px;\n\n  color: #232327;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"]);return h=function(){return n},n}function x(){let n=(0,e.Z)(["\n  display: flex;\n  flex: 1;\n  gap: 12px;\n  color: ",";\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 20px;\n  align-items: flex-end;\n"]);return x=function(){return n},n}let m=o.ZP.div.withConfig({componentId:"sc-55143cd-0"})(d(),a.Sv),g=o.ZP.div.withConfig({componentId:"sc-55143cd-1"})(s()),v=o.ZP.div.withConfig({componentId:"sc-55143cd-2"})(p()),w=o.ZP.div.withConfig({componentId:"sc-55143cd-3"})(h()),Z=o.ZP.div.withConfig({componentId:"sc-55143cd-4"})(x(),c.di),b=n=>{let{film:t,channel:i,className:e}=n,[o,c]=(0,l.useState)(!0),a=i?(0,r.jsx)(u.A,{href:i.url,name:i.name}):(0,r.jsx)("span",{children:"無資料"});return(0,r.jsxs)(m,{className:e,children:[(0,r.jsx)(g,{children:(0,r.jsx)(u.A,{href:t.url,children:(0,r.jsxs)(r.Fragment,{children:[o&&(0,r.jsx)(f.Z,{variant:"rectangular",animation:"wave",width:"100%",height:"100%",sx:{position:"absolute",top:0,left:0,zIndex:-1}}),(0,r.jsxs)("picture",{onLoad:()=>c(!1),children:[(0,r.jsx)("source",{srcSet:t.pic}),(0,r.jsx)("img",{src:t.pic,alt:t.title,sizes:"50vw",loading:"lazy"})]})]})})}),(0,r.jsxs)(v,{children:[(0,r.jsx)(u.A,{href:t.url,children:(0,r.jsx)(w,{children:t.title})}),(0,r.jsxs)(Z,{children:[(0,r.jsx)("span",{children:t.createTime}),a]})]})]})};t.Z=b},55011:function(n,t,i){"use strict";i.d(t,{ek:function(){return c}});var e=i(7297),r=i(50066);function o(){let n=(0,e.Z)(["\n  padding-left: ",";\n  padding-right: ",";\n"]);return o=function(){return n},n}let c=n=>(0,r.iv)(o(),n,n)},17685:function(n,t,i){"use strict";var e=i(66092).Z.Symbol;t.Z=e},93589:function(n,t,i){"use strict";i.d(t,{Z:function(){return d}});var e=i(17685),r=Object.prototype,o=r.hasOwnProperty,c=r.toString,a=e.Z?e.Z.toStringTag:void 0,u=function(n){var t=o.call(n,a),i=n[a];try{n[a]=void 0;var e=!0}catch(r){}var u=c.call(n);return e&&(t?n[a]=i:delete n[a]),u},l=Object.prototype.toString,f=e.Z?e.Z.toStringTag:void 0,d=function(n){return null==n?void 0===n?"[object Undefined]":"[object Null]":f&&f in Object(n)?u(n):l.call(n)}},13413:function(n,t){"use strict";var i="object"==typeof global&&global&&global.Object===Object&&global;t.Z=i},66092:function(n,t,i){"use strict";var e=i(13413),r="object"==typeof self&&self&&self.Object===Object&&self,o=e.Z||r||Function("return this")();t.Z=o},8891:function(n,t,i){"use strict";i.d(t,{Z:function(){return v}});var e=i(77226),r=i(66092),o=function(){return r.Z.Date.now()},c=/\s/,a=function(n){for(var t=n.length;t--&&c.test(n.charAt(t)););return t},u=/^\s+/,l=i(72714),f=0/0,d=/^[-+]0x[0-9a-f]+$/i,s=/^0b[01]+$/i,p=/^0o[0-7]+$/i,h=parseInt,x=function(n){if("number"==typeof n)return n;if((0,l.Z)(n))return f;if((0,e.Z)(n)){var t,i="function"==typeof n.valueOf?n.valueOf():n;n=(0,e.Z)(i)?i+"":i}if("string"!=typeof n)return 0===n?n:+n;n=(t=n)?t.slice(0,a(t)+1).replace(u,""):t;var r=s.test(n);return r||p.test(n)?h(n.slice(2),r?2:8):d.test(n)?f:+n},m=Math.max,g=Math.min,v=function(n,t,i){var r,c,a,u,l,f,d=0,s=!1,p=!1,h=!0;if("function"!=typeof n)throw TypeError("Expected a function");function v(t){var i=r,e=c;return r=c=void 0,d=t,u=n.apply(e,i)}function w(n){var i=n-f,e=n-d;return void 0===f||i>=t||i<0||p&&e>=a}function Z(){var n,i,e,r=o();if(w(r))return b(r);l=setTimeout(Z,(n=r-f,i=r-d,e=t-n,p?g(e,a-i):e))}function b(n){return(l=void 0,h&&r)?v(n):(r=c=void 0,u)}function y(){var n,i=o(),e=w(i);if(r=arguments,c=this,f=i,e){if(void 0===l)return d=n=f,l=setTimeout(Z,t),s?v(n):u;if(p)return clearTimeout(l),l=setTimeout(Z,t),v(f)}return void 0===l&&(l=setTimeout(Z,t)),u}return t=x(t)||0,(0,e.Z)(i)&&(s=!!i.leading,a=(p="maxWait"in i)?m(x(i.maxWait)||0,t):a,h="trailing"in i?!!i.trailing:h),y.cancel=function(){void 0!==l&&clearTimeout(l),d=0,r=f=c=l

1=void 0},y.flush=function(){return void 0===l?u:b(o())},y}},77226:function(n,t){"use strict";t.Z=function(n){var t=typeof n;return null!=n&&("object"==t||"function"==t)}},18533:function(n,t){"use strict";t.Z=function(n){return null!=n&&"object"==typeof n}},72714:function(n,t,i){"use strict";var e=i(93589),r=i(18533);t.Z=function(n){return"symbol"==typeof n||(0,r.Z)(n)&&"[object Symbol]"==(0,e.Z)(n)}},111:function(n,t,i){"use strict";var e=i(8891),r=i(77226);t.Z=function(n,t,i){var o=!0,c=!0;if("function"!=typeof n)throw TypeError("Expected a function");return(0,r.Z)(i)&&(o="leading"in i?!!i.leading:o,c="trailing"in i?!!i.trailing:c),(0,e.Z)(n,t,{leading:o,maxWait:t,trailing:c})}}},function(n){n.O(0,[9317,4738,3365,4011,8220,3750,3923,9774,2888,179],function(){return n(n.s=27767)}),_N_E=n.O()}]);