https://twprobe.com/_next/static/chunks/11679-fe1d4481a617a8af.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[11679],{6073:(e,s,t)=>{t.d(s,{A:()=>l});let l=(0,t(30772).A)("trending-down",[["path",{d:"M16 17h6v-6",key:"t6n2it"}],["path",{d:"m22 17-8.5-8.5-5 5L2 7",key:"x473p"}]])},11679:(e,s,t)=>{t.r(s),t.d(s,{default:()=>m});var l=t(95155),a=t(73888),r=t(16294),n=t(6073),o=t(12115),i=t(68067),d=t(76105),c=t(13993),x=t(64086),b=t(21831);a.t1.register(a.PP,a.kc,a.FN,a.No,a.hE,a.m_,a.s$);let u=(e,s=0)=>{let t=Number(e);return Number.isFinite(t)?t:s};function m(){let[e,s]=(0,o.useState)(!1),[t,a]=(0,o.useState)(1e3),[m,h]=(0,o.useState)(2.8),[f,p]=(0,o.useState)(2.2),[g,j]=(0,o.useState)(36);o.useEffect(()=>{s(!0)},[]);let v=(0,o.useMemo)(()=>{let e=Math.max(0,u(t,1e3)),s=Math.max(0,u(m,2.8)),l=Math.max(0,u(f,2.2)),a=Math.max(1,u(g,36)),r=1e4*e,n=1.2*r*.001,o=22e3+n,i=s/100*r/12,d=l/100*r/12,c=l/100/12,x=0;if(r>0&&c>0){let e=(1+c)**360,s=e-1;x=s>0&&Number.isFinite(s)?c*e*r/s:r/360}else x=r/360;Number.isFinite(x)||(x=0);let b=o-5e3,h=i-d,p=-1;if(h>1e-4&&b>0){let e=Math.ceil(b/h);Number.isFinite(e)&&e>0&&e<=1200&&(p=e)}let j=Math.min(120,Math.max(a,p>0?p+12:36)),v=Math.max(1,Math.floor(j/20)),N=[],w=[],y=[];for(let e=0;e<=j;e+=v){N.push(`第 ${e} 個月`);let s=Math.round(5e3+i*e),t=Math.round(o+d*e);w.push(Number.isFinite(s)?s:0),y.push(Number.isFinite(t)?t:0)}let k="safe",M="轉貸降息劃算",C=`跨行轉貸雖然會先支出 ${Math.round(o).toLocaleString()} 元的手續費與規費，但由於利差夠大，只要維持超過 ${p} 個月，省下來的利息就能打平手續費。`;return -1===p?(k="danger",M="轉貸不劃算 (無省息效益)",C=`轉貸後的利率 (${l}%) 未高於原行利率或無法省下利息，加上 ${Math.round(o).toLocaleString()} 元的轉貸規費，跨行轉貸將導致純虧損。`):p>a&&(k="warning",M="資金周轉期太短 (未能回本)",C=`你的預計資金動用期 (${a} 個月) 短於黃金交叉點 (${p} 個月)。這意味著你在還清款項前，省下的利息還不足以彌補轉貸規費成本 (${Math.round(o).toLocaleString()} 元)。建議使用「原行理財型房貸」。`),{sameBankTotalFees:5e3,crossBankTotalFees:o,crossBankRegistration:n,helocMonthlyInterest:i,tradMonthlyPayment:x,interestSavedPerMonth:h,goldenCrossMonths:p,chartData:{labels:N,datasets:[{label:"原行增貸 (累積成本)",data:w,borderColor:"#64748B",backgroundColor:"#64748B",borderWidth:2,pointRadius:0},{label:"跨行轉貸 (累積成本)",data:y,borderColor:"#2563EB",backgroundColor:"#2563EB",borderWidth:2,pointRadius:0}]},decision:{type:k,title:M,bg:"danger"===k?"bg-rose-50/50":"warning"===k?"bg-amber-50/50":"bg-emerald-50/50",text:"danger"===k?"text-rose-700":"warning"===k?"text-amber-800":"text-emerald-700",border:"danger"===k?"border-rose-200":"warning"===k?"border-amber-200":"border-emerald-200",desc:C}}},[t,m,f,g]);return e?(0,l.jsx)(b.default,{title:"",children:(0,l.jsx)(d.Z,{children:(0,l.jsx)(x.X,{inputs:(0,l.jsxs)("div",{className:"space-y-6",children:[(0,l.jsxs)("div",{className:"flex items-center gap-2 mb-3 text-slate-900 font-bold text-base border-b pb-2.5 border-slate-200/80",children:[(0,l.jsx)("div",{className:"w-1.5 h-5 bg-slate-900 rounded-full inline-block shrink-0"}),(0,l.jsx)("span",{children:"目標動用資金與期限"})]}),(0,l.jsx)(c.Cw,{label:"預計套現/周轉金額",value:t,min:100,max:5e3,step:10,unit:"萬元",onChange:a}),(0,l.jsx)(c.Cw,{label:"預計資金動用期",value:g,min:6,max:120,step:6,unit:"個月",onChange:j,sub:"預計將這筆套出的資金放在外面投資或使用的時間。"}),(0,l.jsxs)("div",{className:"flex items-center gap-2 mb-3 mt-8 text-slate-900 font-bold text-base border-b pb-2.5 border-slate-200/80",children:[(0,l.jsx)("div",{className:"w-1.5 h-5 bg-slate-900 rounded-full inline-block shrink-0"}),(0,l.jsx)(r.A,{className:"w-4.5 h-4.5 text-slate-700 shrink-0"}),(0,l.jsx)("span",{children:"方案 A：原行增貸 (理財型房貸)"})]}),(0,l.jsx)(c.Cw,{label:"原行給的理財型利率",value:m,min:1,max:5,step:.1,unit:"%",onChange:h,sub:"免重新設定抵押權，只需繳幾千元開辦費，按日計息。通常利率較高。"}),(0,l.jsxs)("div",{className:"flex items-center gap-2 mb-3 mt-8 text-slate-900 font-bold text-base border-b pb-2.5 border-slate-200/80",children:[(0,l.jsx)("div",{className:"w-1.5 h-5 bg-slate-900 rounded-full inline-block shrink-0"}),(0,l.jsx)(n.A,{className:"w-4.5 h-4.5 text-blue-600 shrink-0"}),(0,l.jsx)("span",{children:"方案 B：他行轉貸 (降息/增貸)"})]}),(0,l.jsx)(c.Cw,{label:"他行給的新房貸利率",value:f,min:1,max:5,step:.1,unit:"%",onChange:p,sub:"需重新設定抵押權、代書費與塗銷費。通常利率較低且為本息攤還。"})]}),results:(0,l.jsxs)("div",{className:"space-y-6",children:[(0,l.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[(0,l.jsxs)("div",{className:"bg-white p-5 rounded-2xl border border-slate-200/90 shadow-2xs space-y-4",children:[(0,l.jsxs)("div",{className:"text-sm font-bold text-slate-900 border-b border-slate-100 pb-2.5 flex items-center justify-between",children:[(0,l.jsx)("span",{children:"方案 A：原行理財型房貸"}),(0,l.jsx)("span",{className:"text-xs px-2 py-0.5 rounded bg-slate-100 text-slate-600 font-medium",children:"免設定規費"})]}),(0,l.jsxs)("div",{className:"space-y-3",children:[(0,l.jsxs)("div",{className:"flex justify-between items-center text-sm",children:[(0,l.jsx)("span",{className:"text-slate-600",children:"一次性轉換規費"}),(0,l.jsxs)("span",{className:"font-bold text-slate-900 font-mono tabular-nums",children:[Math.round(v.sameBankTotalFees).toLocaleStr

1ing()," 元"]})]}),(0,l.jsxs)("div",{className:"flex justify-between items-center text-sm",children:[(0,l.jsx)("span",{className:"text-slate-600",children:"每月利息 (按日計息)"}),(0,l.jsxs)("span",{className:"font-bold text-rose-700 font-mono tabular-nums",children:[Math.round(v.helocMonthlyInterest).toLocaleString()," 元/月"]})]})]})]}),(0,l.jsxs)("div",{className:"bg-white p-5 rounded-2xl border border-slate-200/90 shadow-2xs space-y-4",children:[(0,l.jsxs)("div",{className:"text-sm font-bold text-blue-900 border-b border-slate-100 pb-2.5 flex items-center justify-between",children:[(0,l.jsx)("span",{children:"方案 B：跨行轉貸"}),(0,l.jsx)("span",{className:"text-xs px-2 py-0.5 rounded bg-blue-50 text-blue-700 font-medium",children:"重新設定"})]}),(0,l.jsxs)("div",{className:"space-y-3",children:[(0,l.jsxs)("div",{className:"flex justify-between items-center text-sm group relative cursor-help",children:[(0,l.jsx)("span",{className:"text-slate-600 border-b border-dashed border-slate-300",children:"一次性轉換規費"}),(0,l.jsxs)("span",{className:"font-bold text-slate-900 font-mono tabular-nums",children:[Math.round(v.crossBankTotalFees).toLocaleString()," 元"]}),(0,l.jsxs)("div",{className:"absolute hidden group-hover:block bottom-full left-0 w-full mb-2 bg-slate-900 text-slate-100 text-xs p-3 rounded-xl shadow-lg z-20 space-y-1 font-sans",children:[(0,l.jsx)("div",{className:"font-bold text-slate-200 border-b border-slate-700 pb-1 mb-1",children:"轉貸規費細項"}),(0,l.jsxs)("div",{className:"flex justify-between",children:[(0,l.jsx)("span",{children:"銀行開辦費:"}),(0,l.jsx)("span",{className:"font-mono tabular-nums",children:"5,000 元"})]}),(0,l.jsxs)("div",{className:"flex justify-between",children:[(0,l.jsx)("span",{children:"塗銷代書費:"}),(0,l.jsx)("span",{className:"font-mono tabular-nums",children:"2,000 元"})]}),(0,l.jsxs)("div",{className:"flex justify-between",children:[(0,l.jsx)("span",{children:"地政代書費:"}),(0,l.jsx)("span",{className:"font-mono tabular-nums",children:"15,000 元"})]}),(0,l.jsxs)("div",{className:"flex justify-between",children:[(0,l.jsx)("span",{children:"地政設定費:"}),(0,l.jsxs)("span",{className:"font-mono tabular-nums",children:[Math.round(v.crossBankRegistration).toLocaleString()," 元"]})]})]})]}),(0,l.jsxs)("div",{className:"flex justify-between items-center text-sm",children:[(0,l.jsx)("span",{className:"text-slate-600",children:"每月本息攤還"}),(0,l.jsxs)("span",{className:"font-bold text-blue-600 font-mono tabular-nums",children:[Math.round(v.tradMonthlyPayment).toLocaleString()," 元/月"]})]})]})]})]}),(0,l.jsxs)("div",{className:`p-5 rounded-2xl border shadow-2xs ${v.decision.bg} ${v.decision.border}`,children:[(0,l.jsx)("div",{className:`font-bold text-base ${v.decision.text} mb-1 flex items-center gap-2`,children:v.decision.title}),(0,l.jsx)("p",{className:"text-sm text-slate-700 leading-relaxed font-medium m-0",children:v.decision.desc})]}),(0,l.jsxs)("div",{className:"bg-white p-5 rounded-2xl border border-slate-200/90 shadow-2xs space-y-4",children:[(0,l.jsxs)("div",{className:"flex justify-between items-center",children:[(0,l.jsxs)("div",{className:"text-sm font-bold text-slate-900 flex items-center gap-2",children:[(0,l.jsx)("div",{className:"w-1.5 h-5 bg-slate-900 rounded-full inline-block shrink-0"}),(0,l.jsx)("span",{children:"成本交叉分析 (規費 + 累積利息)"})]}),v.goldenCrossMonths>0&&(0,l.jsxs)("div",{className:"text-xs font-bold bg-blue-50 text-blue-700 border border-blue-200/60 px-2.5 py-1 rounded-full font-mono tabular-nums",children:["第 ",v.goldenCrossMonths," 個月開始回本"]})]}),(0,l.jsx)("div",{className:"h-[250px] w-full relative",children:(0,l.jsx)(i.N1,{data:v.chartData,options:{responsive:!0,maintainAspectRatio:!1,plugins:{legend:{position:"bottom"}}}})})]})]})})})}):(0,l.jsxs)("div",{className:"animate-pulse flex flex-col lg:flex-row gap-6 lg:gap-8 w-full",children:[(0,l.jsxs)("div",{className:"flex-1 w-full lg:min-w-[300px] space-y-6",children:[(0,l.jsx)("div",{className:"h-[220px] bg-slate-100 rounded-xl w-full"}),(0,l.jsx)("div",{className:"h-[220px] bg-slate-100 rounded-xl w-full"}),(0,l.jsx)("div",{className:"h-[180px] bg-slate-100 rounded-xl w-full"})]}),(0,l.jsxs)("div",{className:"flex-1 w-full lg:min-w-[350px] space-y-6",children:[(0,l.jsx)("div",{className:"h-[160px] bg-slate-100 rounded-xl w-full"}),(0,l.jsx)("div",{className:"h-[100px] bg-slate-100 rounded-xl w-full"}),(0,l.jsx)("div",{className:"h-[240px] bg-slate-100 rounded-xl w-full"})]})]})}},13993:(e,s,t)=>{t.d(s,{Cw:()=>o,Iz:()=>i,dR:()=>d,x5:()=>n});

1var l=t(95155),a=t(75909),r=t(12115);function n({children:e,htmlFor:s,sub:t,className:a="",id:r}){return(0,l.jsxs)("label",{id:r,htmlFor:s,className:`block text-sm font-bold text-slate-800 mb-2 ${a}`,children:[e,t&&(0,l.jsx)("span",{className:"ml-2 text-xs font-normal text-slate-500",children:t})]})}function o({label:e,value:s,min:t,max:a,step:i=1,unit:d,onChange:c,sub:x}){let b=(s-t)/(a-t)*100,u=(0,r.useRef)(null),m=(0,r.useId)(),h=(0,r.useId)();return(0,l.jsxs)("div",{className:"mb-4",children:[(0,l.jsxs)("div",{className:"flex flex-wrap items-end justify-between gap-3 mb-2",children:[(0,l.jsx)(n,{id:m,htmlFor:h,sub:x,className:"mb-0 flex-1 min-w-[60%]",children:e}),(0,l.jsxs)("div",{className:"flex items-center gap-1.5 bg-slate-50/50 px-3 py-1.5 rounded-lg border border-slate-200 focus-within:border-slate-900 focus-within:ring-4 focus-within:ring-slate-900/10 transition-all shrink-0 ml-auto w-fit hover:border-slate-300",children:[(0,l.jsx)("input",{id:h,type:"number",value:s,onChange:e=>c(Number(e.target.value)),className:"w-20 text-right bg-transparent border-none outline-none text-slate-900 font-bold text-[15px] p-0 focus:ring-0 tabular-nums font-mono"}),d&&(0,l.jsx)("span",{className:"text-slate-500 font-medium text-sm",children:d})]})]}),(0,l.jsxs)("div",{ref:u,className:"relative w-full h-2 bg-slate-200 rounded-full cursor-pointer hover:bg-slate-300 transition-colors group active:scale-[0.98]",onClick:e=>{if(!u.current)return;let s=u.current.getBoundingClientRect(),l=t+Math.max(0,Math.min(e.clientX-s.left,s.width))/s.width*(a-t);i&&(l=Math.round(l/i)*i),c(Math.max(t,Math.min(a,l)))},children:[(0,l.jsx)("div",{className:"absolute top-0 left-0 h-full bg-slate-900 rounded-full pointer-events-none transition-all duration-300 ease-out group-hover:bg-slate-800",style:{width:`${Math.max(0,Math.min(100,b))}%`}}),(0,l.jsx)("input",{"aria-labelledby":m,type:"range",min:t,max:a,step:i,value:s,onChange:e=>c(Number(e.target.value)),className:"absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer z-10"}),(0,l.jsx)("div",{className:"absolute top-1/2 -translate-x-1/2 -translate-y-1/2 w-4 h-4 bg-white border-2 border-slate-900 rounded-full shadow-sm pointer-events-none transition-transform group-hover:scale-110 active:scale-95 focus-visible:ring-4 focus-visible:ring-slate-900/20 outline-none",style:{left:`${Math.max(0,Math.min(100,b))}%`}})]}),(0,l.jsxs)("div",{className:"flex justify-between mt-2 text-xs text-slate-500 font-medium px-1 tabular-nums",children:[(0,l.jsxs)("span",{children:[t.toLocaleString("zh-TW")," ",d]}),(0,l.jsxs)("span",{children:[a.toLocaleString("zh-TW")," ",d]})]})]})}function i({label:e,options:s,value:t,onChange:o}){let d=(0,r.useId)();return(0,l.jsxs)("div",{className:"mb-6",children:[e&&(0,l.jsx)(n,{children:e}),(0,l.jsx)("div",{className:"flex p-1 bg-slate-100/80 rounded-xl relative",children:s.map(e=>{let s=t===e.value;return(0,l.jsxs)("button",{type:"button",onClick:()=>o(e.value),className:`relative flex-1 py-1.5 text-sm font-bold rounded-lg transition-all duration-200 z-10 active:scale-[0.98] focus-visible:ring-2 focus-visible:ring-slate-900 outline-none ${s?"text-slate-900":"text-slate-600 hover:text-slate-800 hover:bg-slate-200/50"}`,children:[s&&(0,l.jsx)(a.P.div,{layoutId:d,className:"absolute inset-0 bg-white shadow-xs rounded-lg border border-slate-200/80 -z-10",transition:{type:"spring",bounce:.2,duration:.6}}),e.label]},e.value)})})]})}function d({label:e,description:s,checked:t,onChange:a}){return(0,l.jsxs)("div",{className:"flex items-start justify-between gap-4",children:[(0,l.jsxs)("div",{className:"flex flex-col",children:[(0,l.jsx)("span",{className:"text-sm font-bold text-slate-800",children:e}),s&&(0,l.jsx)("span",{className:"text-xs text-slate-500 mt-1 leading-relaxed",children:s})]}),(0,l.jsx)("button",{type:"button",onClick:()=>a(!t),className:`relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-slate-900 focus:ring-offset-2 ${t?"bg-slate-900":"bg-slate-200"}`,role:"switch","aria-checked":t,children:(0,l.jsx)("span",{"aria-hidden":"true",className:`pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out ${t?"translate-x-5":"translate-x-0"}`})})]})}},16294:(e,s,t)=>{t.d(s,{A:()=>l});let l=(0,t(30772).A)("wallet",[["path",{d:"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1",key:"18etb6"}],["path",{d:"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4",key:"xoc0q4"}]])},64086:(e,s,t)=>{t.d(s,{S:()=>r,X:()=>n});

1var l=t(95155),a=t(75909);function r({label:e,value:s,unit:t,subValue:n,variant:o="primary",className:i=""}){let d={primary:{bg:"bg-white",border:"border-slate-200/90 shadow-xs border-l-4 border-l-blue-600",label:"text-slate-800",value:"text-blue-600 font-black",sub:"text-slate-500"},secondary:{bg:"bg-slate-50/70",border:"border-slate-200 shadow-2xs",label:"text-slate-600",value:"text-slate-900 font-bold",sub:"text-slate-500"},info:{bg:"bg-slate-100/70",border:"border-slate-200 border-l-4 border-l-blue-600",label:"text-slate-900",value:"text-blue-600 font-black",sub:"text-slate-600"},warning:{bg:"bg-slate-100/70",border:"border-slate-200 border-l-4 border-l-amber-500",label:"text-slate-900",value:"text-amber-700 font-black",sub:"text-slate-600"},danger:{bg:"bg-slate-100/70",border:"border-slate-200 border-l-4 border-l-rose-600",label:"text-slate-900",value:"text-rose-700 font-black",sub:"text-slate-600"},alert:{bg:"bg-slate-100/70",border:"border-slate-200 border-l-4 border-l-rose-600",label:"text-slate-900",value:"text-rose-700 font-black",sub:"text-slate-600"},success:{bg:"bg-slate-100/70",border:"border-slate-200 border-l-4 border-l-emerald-600",label:"text-slate-900",value:"text-emerald-700 font-black",sub:"text-slate-600"}},c=d[o]||d.primary;return(0,l.jsxs)(a.P.div,{initial:{opacity:0,y:5},animate:{opacity:1,y:0},transition:{duration:.3},className:`p-4 sm:p-5 rounded-2xl border ${c.bg} ${c.border} transition-colors duration-300 min-w-0 ${i}`,children:[(0,l.jsx)("div",{className:`text-sm font-bold mb-2 ${c.label} leading-snug`,title:e,children:e}),(0,l.jsxs)("div",{className:`text-xl sm:text-2xl lg:text-3xl font-black tracking-tight flex items-baseline flex-nowrap whitespace-nowrap overflow-hidden tabular-nums font-mono ${c.value} min-w-0`,children:[(0,l.jsx)("span",{className:"truncate",children:s}),t&&(0,l.jsx)("span",{className:"text-sm font-bold ml-1 shrink-0 font-sans",children:t})]}),n&&(0,l.jsx)("div",{className:`mt-2 text-sm font-semibold tabular-nums font-mono ${c.sub}`,children:n})]})}function n({inputs:e,results:s}){return(0,l.jsxs)("div",{className:"flex flex-col gap-8 max-w-7xl mx-auto w-full",children:[(0,l.jsx)("div",{className:"w-full",children:(0,l.jsx)("div",{className:"bg-white rounded-3xl border border-slate-200/60 shadow-sm p-6 sm:p-8",children:(0,l.jsx)("div",{className:"max-w-3xl mx-auto w-full",children:e})})}),(0,l.jsx)("div",{className:"w-full flex flex-col gap-6",children:s})]})}},76105:(e,s,t)=>{t.d(s,{Z:()=>r});var l=t(95155),a=t(12115);class r extends a.Component{constructor(e){super(e),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}render(){return this.state.hasError?(0,l.jsxs)("div",{className:"flex flex-col items-center justify-center p-12 bg-slate-50/50 rounded-3xl border border-slate-200 shadow-sm mt-6 min-h-[300px] text-center",children:[(0,l.jsx)("div",{className:"w-16 h-16 bg-white rounded-2xl shadow-sm border border-slate-100 flex items-center justify-center mb-6",children:(0,l.jsx)("svg",{className:"w-8 h-8 text-slate-400",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"})})}),(0,l.jsx)("h3",{className:"text-lg font-bold text-slate-800 mb-2",children:"計算模組暫時無法使用"}),(0,l.jsx)("p",{className:"text-slate-500 max-w-sm mb-6 text-sm leading-relaxed",children:"輸入的數值可能超出了安全運算範圍，或引發了例外情況。請重新整理頁面後再試一次。"}),(0,l.jsx)("button",{onClick:()=>window.location.reload(),className:"px-6 py-2.5 bg-white border border-slate-200 text-slate-700 font-semibold text-sm rounded-xl hover:bg-slate-50 active:scale-[0.98] transition-all shadow-sm focus-visible:ring-2 focus-visible:ring-slate-500 outline-none",children:"重新整理頁面"})]}):this.props.children}}}}]);