https://livinglife.com.tw/_next/static/chunks/7809-f49a798a67c6cf8a.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7809],{55856:function(n,t,e){e.d(t,{x:function(){return h}});var i=e(7297),r=e(85893),a=e(61953),o=e(77366),c=e(11163),l=e(26059);function d(){let n=(0,i.Z)(["\n  ","\n"]);return d=function(){return n},n}function u(){let n=(0,i.Z)(["\n  width: 100%;\n  max-width: ",";\n  margin-left: auto;\n  margin-right: auto;\n"]);return u=function(){return n},n}let s=(0,o.Z)(a.Z)(d(),n=>{let{theme:t,$xs:e,$lg:i,$xl:r,$xxl:a,$widthLimit:o,$isHomePage:c}=n;return"\n    width: 100%;\n    max-width: ".concat(o?c?l.LN:l.xN:"none",";\n    margin-left: auto;\n    margin-right: auto;\n\n    padding-left: ").concat(t.spacing(e?4:0),";\n    padding-right: ").concat(t.spacing(e?4:0),";\n\n    ").concat(c?"\n        padding-left: ".concat(t.spacing(e?4:0),";\n        padding-right: ").concat(t.spacing(e?4:0),";\n\n        ").concat(t.breakpoints.up("md")," {\n          padding-left: ").concat(t.spacing(8),";\n          padding-right: ").concat(t.spacing(8),";\n        }\n\n        ").concat(t.breakpoints.up("xl")," {\n          padding-left: ").concat(t.spacing(r?12:0),";\n          padding-right: ").concat(t.spacing(r?12:0),";\n        }\n      "):"\n        ".concat(t.breakpoints.up("lg")," {\n          padding-left: ").concat(t.spacing(i?9:0),";\n          padding-right: ").concat(t.spacing(i?9:0),";\n        }\n\n        ").concat(t.breakpoints.up("xl")," {\n          padding-left: ").concat(t.spacing(r?12:0),";\n          padding-right: ").concat(t.spacing(r?12:0),";\n        }\n\n        ").concat(t.breakpoints.up("xxl")," {\n          padding-left: ").concat(t.spacing(a?16:0),";\n          padding-right: ").concat(t.spacing(a?16:0),";\n        }\n      "),"\n  ")}),p=n=>{let t=(0,c.useRouter)(),e="/"===t.pathname;return(0,r.jsx)(s,{$isHomePage:e,...n})};p.defaultProps={$xs:!0,$lg:!0,$xl:!0,$xxl:!0,$widthLimit:!0,$isHomePage:!1},t.Z=p;let h=(0,o.Z)(a.Z)(u(),l.xN)},37749:function(n,t,e){var i=e(7297),r=e(85893),a=e(25675),o=e.n(a),c=e(61953),l=e(29630),d=e(70918),u=e(80562),s=e(77366),p=e(18805);function h(){let n=(0,i.Z)(["\n  width: 48px;\n  height: 48px;\n  object-fit: cover;\n"]);return h=function(){return n},n}function g(){let n=(0,i.Z)(["\n  word-break: break-all;\n"]);return g=function(){return n},n}let f=s.Z.img(h()),x=(0,s.Z)(l.Z)(g()),m=async(n,t)=>{let e=await fetch(n),i=await e.blob();URL.createObjectURL(i);let r=document.createElement("a");r.href=n,r.download=t,r.target="_blank",document.body.appendChild(r),r.click(),document.body.removeChild(r)},Z=n=>{let{filename:t,file:e,mode:i,onRemoveClick:a}=n,l=n=>{n.stopPropagation();let i=t||e.originalFilename;m(e.url,i)},s=()=>{window.open(e.url,"_blank")},h=/^image/.test(null==e?void 0:e.mimeType);return(0,r.jsx)(d.Z,{variant:"outlined",onClick:s,children:(0,r.jsxs)(c.Z,{ml:4,mr:1,my:3,display:"flex",alignItems:"center",children:[h&&(0,r.jsx)(c.Z,{mr:2.5,children:(0,r.jsx)(f,{src:e.url})}),(0,r.jsx)(c.Z,{flexGrow:1,overflow:"hidden",children:(0,r.jsx)(x,{variant:"body2",children:t||e.originalFilename||""})}),(0,r.jsxs)("div",{children:["normal"===i&&(0,r.jsx)(u.Z,{onClick:l,size:"large",children:(0,r.jsx)(p.I,{})}),"edit"===i&&(0,r.jsx)(u.Z,{onClick:()=>a(e),size:"large",children:(0,r.jsx)(o(),{src:"/img/btn_trash_normal.svg",width:"24",height:"24",alt:""})})]})]})})};Z.defaultProps={mode:"normal"},t.Z=Z},84274:function(n,t,e){var i=e(85893),r=e(75084),a=e(20996);let o=n=>{let{files:t,setFiles:e,previews:o,setPreviews:c,onError:l}=n,{getRootProps:d,getInputProps:u}=(0,a.B)({previews:o,setPreviews:c,files:t,fileType:"document",multiple:!0,maxFiles:99,onChange:(n,t)=>e(t),onError:l});return(0,i.jsxs)(r.Z,{variant:"outlined",color:"primary",...d(),children:[(0,i.jsx)("input",{...u()}),"＋ 新增附件"]})};t.Z=o},82023:function(n,t,e){var i=e(7297),r=e(85893),a=e(67294),o=e(77366),c=e(61225),l=e(62097);function d(){let n=(0,i.Z)(["\n  display: flex;\n  flex-direction: column;\n\n  // 手機瀏覽器設置100vh會被瀏覽器本身上下方的元件覆蓋\n  // 改用此方案\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n"]);return d=function(){return n},n}function u(){let n=(0,i.Z)(["\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n"]);return u=function(){return n},n}function s(){let n=(0,i.Z)(["\n  flex-grow: 1;\n  ",";\n  ",";\n  ",";\n"]);return s=function(){return n},n}let p=o.Z.div(d()),h=o.Z.div(u()),g=o.Z.div(s(),n=>n.fixHeight?"min-height: 100%":"",n=>n.fixHeight?"display: flex":"",n=>n.fixHeight?"flex-direction: column":""),f=n=>{let{header:t,stickyHeader:e,footer:i,stickyFooter:o,fixContentHeight:d,children:u,contentWrapperRef:s,contentWrapperId:f}=n,x=(0,l.Z)();(0,c.Z)(x.breakpoints.up("lg"));let m=(0,a.useRef)(null),Z=n=>{s&&(s.current=n),m&&(m.current=n)};return(0,r.jsxs)(p,{children:[!!e&&(0,r.jsx)(r.Fragment,{children:"function"==typeof e?e():(0,r.jsx)(r.Fragment,{children:e})}),(0,r.jsxs)(h,{id:f,ref:Z,children:[!!t&&(0,r.jsx)(r.Fragment,{children:"function"==typeof t?t():(0,r.jsx)(r.Fragment,{children:t})}),(0,r.jsx)(g,{fixHeight:d,children:u}),!!i&&(0,r.jsx)(r.Fragment,{children:"function"==typeof i?i():(0,r.jsx)(r.Fragment,{children:i})})]}),!!o&&(0,r.jsx)(r.Fragment,{children:"function"==typeof o?o():(0,r.jsx)(r.Fragment,{children:o})})]})};f.defaultProps={contentWrapperId:null},t.Z=f},37524:function(n,t,e){e.d(t,{N1:function(){return Z},OW:function(){return j},nv:function(){return y},rK:function(){return w},tn:function(){return _}});var i=e(7297),r=e(85893),a=e(39477),o=e(61953),c=e(25425),l=e(9942),d=e(58735),u=e(77366);function s(){let n=(0,i.Z)(["\n  ","\n"]);return s=function(){return n},n}function p(){let n=(0,i.Z)(["\n  height: 100%;\n  overflow-y: auto;\n  scrollbar-width: none;\n  border: none;\n  outline: none;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"]);return p=function(){return n},n}function h(){let n=(0,i.Z)(["\n  ","\n"]);return h=function(){return n},n}function g(){let n=(0,i.Z)(["\n  ","\n"]);return g=function(){return n},n}function f(){let n=(0,i.Z)(["\n  ","\n\n  @media screen and (min-width: 992px) {\n    width: 540px;\n    height: initial;\n  }\n"]);return f=function(){return n},n}let x={timeout:500},m=(0,u.Z)(o.Z)(s(),n=>{let{theme:t,$autoHeight:e}=n;return"\n    position: relative;\n    background-color: ".concat(t.palette.background.paper,";\n    width: 100%;\n    height: 100%;\n    margin: 0 auto;\n\n    @media screen and (min-width: 992px) {\n      margin-top: 20px;\n      width: 540px;\n      height: ").concat(e?"auto":"737px",";\n      border-radius: 10px;\n    }\n  ")}),Z=(0,u.Z)(o.Z)(p()),w=n=>{let{open:t,onClose:e,children:i,autoHeight:o,ModalWrapper:l,...u}=n;return(0,r.jsx)(a.Z,{open:t,onClose:e,closeAfterTransition:!0,BackdropComponent:d.Z,BackdropProps:x,...u,children:(0,r.jsx)(c.Z,{direction:"up",in:t,children:(0,r.jsx)(Z,{onClick:()=>e&&e(),children:(0,r.jsx)(l||m,{onClick:n=>n.stopPropagation(),$autoHeight:o,children:i})})})})},v=u.Z.div(h(),n=>{let{theme:t,$autoHeight:e}=n;return"\n    position: relative;\n    background-color: ".concat(t.palette.background.paper,";\n    width: 100%;\n    height: ").concat(e?"auto":"100%",";\n    min-height: ").concat(e?"100vh":"auto",";\n    margin: 0 auto;\n  ")}),j=n=>{let{open:t,onClose:e,children:i,autoHeight:o,...l}=n;return(0,r.jsx)(a.Z,{open:t,onClose:e,closeAfterTransition:!0,BackdropComponent:d.Z,BackdropProps:x,...l,children:(0,r.jsx)(c.Z,{direction:"up",in:t,children:(0,r.jsx)(Z,{onClick:()=>e&&e(),children:(0,r.jsx)(v,{onClick:n=>n.stopPropagation(),$autoHeight:o,children:i})})})})},b=(0,u.Z)(o.Z)(g(),n=>{let{theme:t}=n;return"\n    position: relative;\n    background-color: ".concat(t.palette.background.paper,";\n    width: calc(100% - 60px);\n    max-width: 540px;\n    height: initial;\n    margin: 0 auto;\n    border-radius: 10px;\n  ")}),k=(0,u.Z)(o.Z)(f(),n=>{let{theme:t}=n;return"\n    overflow: hidden;\n    position: relative;\n    background-color: ".concat(t.palette.background.paper,";\n    width: 354px;\n    height: initial;\n    margin: 0 auto;\n    font-size: 16px;\n    border-radius: 12px;\n    border: 1px solid ").concat(t.palette.grey.secondary,";\n    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.05), 0px 2px 4px rgba(0, 0, 0, 0.1);\n  ")}),y=n=>{let{open:t,onClose:e,children:i,...c}=n;return(0,r.jsx)(a.Z,{open:t,onClose:e,closeAfterTransition:!0,BackdropComponent:d.Z,BackdropProps:x,...c,children:(0,r.jsx)(l.Z,{in:t,children:(0,r.jsx)(Z,{onClick:()=>e&&e(),children:(0,r.jsx)(o.Z,{pt:"150px",pb:"40px",children:(0,r.jsx)(b,{onClick:n=>n.stopPropagation(),children:i})})})})})},_=n=>{let{open:t,onClose:e,children:i,...c}=n;return(0,r.jsx)(a.Z,{open:t,onClose:e,closeAfterTransition:!0,BackdropComponent:d.Z,BackdropProps:x,...c,children:(0,r.jsx)(l.Z,{in:t,children:(0,r.jsx)(Z,{onClick:()=>e&&e(),children:(0,r.jsx)(o.Z,{pt:"150px",pb:"40px",children:(0,r.jsx)(k,{onClick:n=>n.stopPropagation(),children:i})})})})})}},24887:function(n,t,e){e.d(t,{Z:function(){return x}});var i=e(7297),r=e(85893),a=e(77366),o=e(70917),c=e(54806);let l=n=>(0,r.jsxs)(c.Z,{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",...n,children:[(0,r.jsxs)("g",{className:"rotate-ccw",clipPath:"url(#clip0_9066:1101501)",children:[(0,r.jsx)("path",{fillRule:"evenodd",d:"M1 3a1 1 0 011 1v5h5a1 1 0 010 2H1a1 1 0 01-1-1V4a1 1 0 011-1z",className:"Vector (Stroke)",clipRule:"evenodd"}),(0,r.jsx)("path",{fillRule:"evenodd",d:"M10.605 2.107a10 10 0 11-8.038 13.225 1 1 0 111.886-.664 8 8 0 101.872-8.3l-4.64 4.36a1 1 0 11-1.37-1.457l4.63-4.35a10 10 0 015.66-2.814z",className:"Vector (Stroke)_2",clipRule:"evenodd"})]}),(0,r.jsx)("defs",{children:(0,r.jsx)("clipPath",{id:"clip0_9066:1101501",className:"clip0_9066:1101501",children:(0,r.jsx)("path",{d:"M0 0h24v24H0z"})})})]});function d(){let n=(0,i.Z)(["\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(-360deg);\n  }\n"]);return d=function(){return n},n}function u(){let n=(0,i.Z)(["\n  animation: "," 1s linear infinite;\n"]);return u=function(){return n},n}let s=(0,o.F4)(d()),p=(0,a.Z)(l)(u(),s);function h(){let n=(0,i.Z)(["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: rgba(0, 0, 0, 0.5);\n"]);return h=function(){return n},n}let g=a.Z.div(h()),f=()=>(0,r.jsx)(g,{children:(0,r.jsx)(p,{white:!0})});var x=f},18805:function(n,t,e){e.d(t,{I:function(){return a}});var i=e(85893),r=e(54806);let a=n=>(0,i.jsx)(r.Z,{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",...n,children:(0,i.jsx)("g",{className:"download",children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M13 3a1 1 0 10-2 0v9.586L7.707 9.293a1 1 0 00-1.414 1.414l5 5 .007.007a.996.996 0 00.697.286h.006c.272 0 .518-.11.697-.286l.008-.008 5-4.999a1 1 0 00-1.415-1.414L13 12.586V3zM3 14a1 1 0 011 1v4a1 1 0 001 1h14a1 1 0 001-1v-4a1 1 0 112 0v4a3 3 0 01-3 3H5a3 3 0 01-3-3v-4a1 1 0 011-1z",className:"Union",clipRule:"evenodd"})})})},54806:function(n,t,e){var i=e(7297),r=e(93021),a=e(16423),o=e(46338),c=e(77366);function l(){let n=(0,i.Z)(["\n  ","\n"]);return l=function(){return n},n}let d=c.Z.svg(l(),n=>{let{theme:t,primary:e,error:i,white:c,textSecondary:l,$ptr:d,$color:u}=n;return"\n    fill: ".concat((0,r.Z)([[n=>n.error,()=>t.palette.error.main],[n=>n.primary,()=>t.palette.primary.main],[n=>n.white,()=>t.palette.primary.contrastText],[n=>n.textSecondary,()=>t.palette.text.secondary],[n=>!!n.$color,()=>(0,a.Z)(t.palette,u)],[o.Z,()=>t.palette.text.primary]])({primary:e,error:i,white:c,textSecondary:l,$color:u}),";\n    ").concat(d?"cursor: pointer;":"","\n  ")});t.Z=d},23660:function(n,t,e){var i=e(7297),r=e(67836),a=e(77366);function o(){let n=(0,i.Z)(["\n  ","\n"]);return o=function(){return n},n}let c=(0,a.Z)(r.Z)(o(),n=>{let{theme:t,direction:e}=n;return"\n    .MuiInputBase-input {\n      color: ".concat(t.palette.primary.main,";\n      text-align: ").concat(e||"inherit",";\n      &::placeholder {\n        opacity: 1;\n        color: ").concat(t.palette.text.secondary,";\n      }\n      &:disabled {\n        background-color: ").concat(t.palette.background.gray,";\n        color: ").concat(t.palette.text.minus2,";\n      }\n    }\n  ")});t.Z=c},40685:function(n,t,e){e.d(t,{c:function(){return r}});var i=e(72673);let r=n=>{let t=new FormData;return t.append("file",n),(0,i.Ev)((0,i.HR)("/files",t,{uploadFile:!0}))}},20996:function(n,t,e){e.d(t,{B:function(){return l}});var i=e(67294),r=e(55162),a=e(40685);let o="image/jpeg,image/png",c={image:o,document:"".concat(o,",").concat("application/pdf",",").concat("application/vnd.openxmlformats-officedocument.presentationml.presentation",",").concat("application/vnd.openxmlformats-officedocument.wordprocessingml.document",",").concat("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet")},l=n=>{let{previews:t,setPreviews:e,files:o,fileType:l,multiple:d,maxFiles:u,onChange:s,onFileUpload:p,onFileRemove:h,onError:g,onUploadStart:f,onUploadFinish:x,fileSizeLimit:m}=n,[Z,w]=(0,i.useState)(!1),v=n=>{if(u&&n.length+o.length>u){g(Error("數量超出上限"));return}let t=n.map(n=>Object.assign(n,{_isPending:!0,_id:Math.random().toString(36).substr(2,9),_previewUrl:/^image/.test(n.type)&&URL.createObjectURL(n)}));e(n=>n.concat(t))},{getRootProps:j,getInputProps:b}=(0,r.u)({onDrop:v,multiple:d,disabled:u&&o.length>=u,accept:c[l]||""});(0,i.useEffect)(()=>{let n=t.find(n=>n._isPending);n&&!n._isUploading&&(e(t=>t.map(t=>t._id===n._id?Object.assign(t,{_isUploading:!0}):t)),k(n)),!n&&Z&&(w(!1),x&&x())},[t]);let k=async n=>{async function t(t){let[i,r]=await (0,a.c)(t);if(r)e(t=>t.filter(t=>t._id!==n._id)),g(r);else{if(p){let o=await p(i);if(o){e(t=>t.filter(t=>t._id!==n._id));return}}e(t=>t.map(t=>t._id===n._id?i:t))}}!Z&&(w(!0),f&&f(!0)),m&&n.size>m?function(n,t){let e=new FileReader;e.addEventListener("load",()=>

1t(e.result)),e.readAsDataURL(n)}(n,e=>{setTimeout(()=>{let i=document.getElementById("thumb-image-canvas"),r=i.getContext("2d");var a=new Image;a.onload=function(){this.naturalHeight>this.naturalWidth?(i.width=1e3,i.height=1e3*this.naturalHeight/this.naturalWidth,r.drawImage(this,0,0,this.naturalWidth,this.naturalHeight,0,0,1e3,1e3*this.naturalHeight/this.naturalWidth)):(i.width=1e3*this.naturalWidth/this.naturalHeight,i.height=1e3,r.drawImage(this,0,0,this.naturalWidth,this.naturalHeight,0,0,1e3*this.naturalWidth/this.naturalHeight,1e3))},a.src=e,setTimeout(()=>{i.toBlob(async function(e){e.name=n.name,t(e)},n.type,.8)},100)},100)}):t(n)},y=async n=>{if(!n._isPending&&h){let t=await h(n);if(t)return}let i=n._id;e(n=>n.filter(n=>n._id!==i))};return(0,i.useEffect)(()=>{if(s){let n=t.filter(n=>!n._isPending);s(n.map(n=>n._id),n)}},[t]),{isUploading:Z,getRootProps:j,getInputProps:b,onOneFileRemoveClick:y}}}}]);