diff --git a/video-gen-app/dist/assets/bg1-CQh9PRPW.png b/video-gen-app/dist/assets/bg1-CQh9PRPW.png deleted file mode 100644 index 74a3d267..00000000 Binary files a/video-gen-app/dist/assets/bg1-CQh9PRPW.png and /dev/null differ diff --git a/video-gen-app/dist/assets/index-KEztuQj6.css b/video-gen-app/dist/assets/index-KEztuQj6.css deleted file mode 100644 index 787729d6..00000000 --- a/video-gen-app/dist/assets/index-KEztuQj6.css +++ /dev/null @@ -1 +0,0 @@ -@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--nav-bg:#f8f9fb;--nav-surface:#00000005;--nav-border:#e5e7eb;--nav-text:#1f2937;--nav-text-muted:#6b7280;--nav-hover:#0000000a;--nav-active:#6366f114}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a1a2e;letter-spacing:-.01em;background:#f8f9fc;margin:0;padding:0}#root{min-height:100vh}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}@keyframes electric-pulse{0%,to{opacity:.4;filter:blur(1px)}50%{opacity:1;filter:blur()}}@keyframes electric-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.content_box{scrollbar-width:none;border-radius:0 0 16px 16px;height:calc(100vh - 34px);margin:-24px -32px -32px;padding:20px;overflow:auto}.electric-border-card{position:relative}.electric-border{z-index:0;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7,#6366f1,#8b5cf6,#a855f7,#6366f1) 0 0/300% 100%;border-radius:16px;animation:3s linear infinite electric-flow,2s ease-in-out infinite electric-pulse;position:absolute;inset:-2px}.electric-border-inner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:0;background:#ffffffe6;border-radius:14px;position:absolute;inset:2px}.electric-border-card:hover .electric-border{opacity:.8;animation-duration:1.5s,1s}@keyframes shiny{0%{background-position:-200%}to{background-position:200%}}.shiny-text-container{margin-bottom:16px}.shiny-text{background:linear-gradient(90deg,#6366f1 0%,#8b5cf6 20%,#a855f7 40%,#c084fc 50%,#a855f7 60%,#8b5cf6 80%,#6366f1 100%) 0 0/200%;-webkit-text-fill-color:transparent;letter-spacing:1px;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;animation:3s linear infinite shiny;display:inline-block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes float1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(20px,-30px)scale(1.05)}}@keyframes float2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-15px,20px)scale(.95)}}@keyframes float3{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(10px,-15px)rotate(3deg)}}@keyframes slideInCard{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-fadeInUp{animation:.45s ease-out both fadeInUp}.animate-fadeInLeft{animation:.55s ease-out both fadeInLeft}.animate-fadeInRight{animation:.55s ease-out both fadeInRight}.animate-slideInCard{animation:.4s ease-out both slideInCard}.animate-float1{animation:8s ease-in-out infinite float1}.animate-float2{animation:10s ease-in-out infinite float2}.animate-float3{animation:12s ease-in-out infinite float3}.ref-thumb:hover .ref-delete{opacity:1!important}.stagger-children>:first-child{animation-delay:40ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.16s}.stagger-children>:nth-child(4){animation-delay:.22s}.stagger-children>:nth-child(5){animation-delay:.28s}.stagger-children>:nth-child(6){animation-delay:.34s}.ant-input,.ant-input-affix-wrapper,.ant-select-selector,.ant-input-number{border-radius:10px!important;transition:all .25s!important}.ant-input:focus,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f11f!important}.ant-btn{border-radius:10px!important;font-weight:500!important;transition:all .25s!important}.ant-btn:hover{transform:none}.ant-btn:active{transform:translateY(0)}.ant-card{border-radius:16px!important;transition:all .3s!important}.ant-modal-content{overflow:hidden;border-radius:20px!important}.ant-tag{font-size:12px;border-radius:8px!important}.recharge-card{cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1)!important}.recharge-card:hover{transform:translateY(-8px)scale(1.02)!important;box-shadow:0 20px 40px #6366f126!important}.recharge-card .recharge-price{transition:all .3s}.recharge-card:hover .recharge-price{transform:scale(1.08)}.homepage-tabs .ant-tabs-tab{color:#6b7280!important;padding:8px 16px!important;font-size:13px!important;font-weight:500!important;transition:all .25s!important}.homepage-tabs .ant-tabs-tab:hover{color:#6366f1!important}.homepage-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:#6366f1!important;font-weight:600!important}.homepage-tabs .ant-tabs-ink-bar{background:linear-gradient(90deg,#6366f1,#a855f7)!important;border-radius:2px!important;height:3px!important}.project-card{position:relative;overflow:visible;transition:all .35s cubic-bezier(.4,0,.2,1)!important}.project-card:hover{border-color:#6366f1!important;transform:translateY(-4px)!important;box-shadow:0 16px 40px #6366f11f!important}.video-container{position:relative}.video-overlay{opacity:1;cursor:pointer;background-color:#0003;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-overlay svg{filter:drop-shadow(0 2px 8px #0000004d)}.mobile-bottom-nav{z-index:200;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffff2;border-top:1px solid #0000000d;height:60px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000f}.mobile-bottom-nav .nav-item{cursor:pointer;color:#8b8fa3;letter-spacing:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:9px;font-weight:400;transition:all .2s;display:flex}.mobile-bottom-nav .nav-item.active{color:#08080c}.mobile-bottom-nav .nav-item .nav-icon{font-size:18px;transition:transform .2s}.mobile-bottom-nav .nav-item.active .nav-icon{transform:scale(1.05)}@media (width<=768px){.desktop-sidebar{display:none!important}.desktop-content{margin-left:0!important;padding:16px 16px 80px!important;overflow-x:hidden!important}.desktop-sidebar-toggle-zone{display:none!important}.mobile-bottom-nav{display:flex!important}html,body{overflow-x:hidden!important}.mobile-hide{display:none!important}.mobile-full{width:100%!important;max-width:100%!important}.mobile-stack{flex-direction:column!important}.mobile-p-16{padding:16px!important}.mobile-gap-12{gap:12px!important}.login-page{flex-direction:column!important}.login-left{display:none!important}.login-right{padding:24px 16px!important}.login-card{width:100%!important}.project-item{flex-direction:column!important;align-items:flex-start!important}.project-item .project-actions{justify-content:flex-end;width:100%;margin-top:12px;margin-left:0!important}.gen-header{flex-direction:column!important;gap:12px!important;padding:16px 18px!important}.gen-flow-bar{flex-direction:column!important;gap:14px!important;padding:16px!important}.gen-flow-divider{display:none!important}.gen-form-row{flex-direction:column!important;gap:0!important}.gen-credits-bar{text-align:center;flex-direction:column!important;gap:8px!important}.gen-prompt-row{flex-direction:column!important}.gen-prompt-row>*{width:100%!important}.gen-params{flex-wrap:wrap!important;gap:8px!important}.gen-params>div{min-width:0;flex:45%!important}.gen-detail-row{flex-direction:column!important}.gen-detail-row>*{flex:auto!important;width:100%!important;min-width:0!important}.record-filter-bar{flex-direction:column!important}.record-filter-bar .ant-space{flex-wrap:wrap!important}.record-filter-bar .ant-select{width:100%!important}.record-item{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;overflow:hidden!important}.record-item .record-actions{justify-content:flex-end;width:100%!important}.record-item>span[style*=textOverflow]{white-space:normal!important;text-overflow:unset!important;overflow:visible!important}.mobile-meta{display:none!important}.credits-balance,.recharge-grid{flex-direction:column!important}.recharge-grid>*{width:100%!important}video{max-width:100%!important}.replication-container{flex-direction:column!important;gap:16px!important;height:calc(100vh - 64px)!important;padding:16px!important}.replication-preview{border-radius:12px!important;width:100%!important;height:30vh!important}.replication-form{border-radius:12px!important;width:100%!important;height:auto!important;max-height:calc(70vh - 32px)!important}.replication-form-content{max-height:calc(70vh - 64px)!important;padding:16px!important}}.date-display{font-family:SF Mono,Menlo,Consolas,monospace}@media (width<=480px){html,body{font-size:14px!important}.login-card{width:100%!important}.login-right{padding:16px!important}.gen-header{padding:12px 14px!important}.gen-form-row{gap:8px!important}.ant-btn{height:36px!important;padding:0 12px!important;font-size:13px!important}.ant-input,.ant-input-affix-wrapper,.ant-select-selector{height:36px!important;font-size:13px!important}.ant-card{padding:12px!important}.mobile-bottom-nav{height:56px!important}.mobile-bottom-nav .nav-item .nav-icon{font-size:18px!important}.mobile-bottom-nav .nav-item{gap:2px!important;font-size:9px!important}.replication-container{gap:12px!important;padding:12px!important}.replication-preview{border-radius:10px!important;height:25vh!important}.replication-form-content{padding:12px!important}.replication-form-content .ant-btn,.replication-form-content .ant-input,.replication-form-content .ant-input-affix-wrapper{height:36px!important;font-size:13px!important}video,img{border-radius:6px!important;max-height:160px!important}.upload-area,.mobile-p-16{padding:12px!important}.mobile-gap-12{gap:8px!important}h1{font-size:18px!important}h2{font-size:16px!important}h3{font-size:14px!important}p,.btn-text-sm{font-size:12px!important}.mobile-mb-8{margin-bottom:8px!important}.mobile-mb-12{margin-bottom:12px!important}}@media (width>=769px) and (width<=1024px){.ant-card{max-width:calc(50% - 8px)!important}html,body{font-size:15px!important}}@media (width>=1200px){.max-w-container{max-width:1400px;margin:0 auto}.card-grid{grid-template-columns:repeat(3,1fr)!important}}.homepage-tabs .ant-tabs-nav{margin-bottom:0}.homepage-tabs .ant-tabs-tab{margin-right:4px;padding:8px 20px;font-size:14px;font-weight:500}.homepage-tabs .ant-tabs-tab-active{color:#6366f1;font-weight:600}.homepage-tabs .ant-tabs-ink-bar{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.media-download-btn{z-index:10;opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;top:8px;right:8px}.media-card:hover .media-download-btn{opacity:1;pointer-events:auto}.media-preview-tip{opacity:0;transition:opacity .2s}.media-card:hover .media-preview-tip{opacity:1}.desktop-sidebar{display:flex}.desktop-content{display:block}.mobile-header,.mobile-content,.mobile-menu-drawer{display:none}.mobile-menu-item{cursor:pointer;border-radius:10px;align-items:center;gap:12px;min-height:48px;margin:2px 8px;padding:12px 16px;transition:all .2s;display:flex}.mobile-menu-item:hover{background:#6366f10d}.mobile-menu-item-active{background:linear-gradient(135deg,#6366f11a 0%,#8b5cf614 100%)!important}.mobile-menu-group{cursor:default}.mobile-menu-group:hover{background:0 0}.mobile-menu-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;font-size:18px;display:flex}.mobile-menu-label{flex:1;font-size:15px}.mobile-submenu{background:#f8fafc80;border-radius:8px;margin:0 8px;padding-left:12px}.mobile-submenu-item{min-height:44px;margin:1px 0;padding:10px 16px 10px 20px}.mobile-recharge-item{box-shadow:0 4px 16px #6366f166;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)!important}.mobile-recharge-item:hover{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%)!important}.contact-button-wrapper{z-index:1000;cursor:move;position:fixed;bottom:25%;right:24px}.contact-tooltip{color:#fff;white-space:nowrap;pointer-events:none;background:#1e293be6;border-radius:8px;padding:8px 16px;font-size:13px;transition:opacity .2s;position:absolute;bottom:8px;right:64px}.contact-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1cc 0%,#8b5cf6cc 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;box-shadow:0 4px 20px #6366f14d}.contact-button:hover{background:linear-gradient(135deg,#6366f1f2 0%,#8b5cf6f2 100%);transform:scale(1.05);box-shadow:0 6px 24px #6366f166}.contact-button.dragging{cursor:grabbing;transform:scale(1.1);box-shadow:0 8px 30px #6366f180}.recharge-drawer .ant-drawer-content-wrapper{border-top-left-radius:20px!important;border-top-right-radius:20px!important;overflow:hidden!important}.recharge-drawer .ant-drawer-content{border-top-left-radius:20px!important;border-top-right-radius:20px!important}@media (width<=767px){.desktop-sidebar,.desktop-content{display:none!important}.mobile-header{z-index:100;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-bottom:1px solid #0000000f;display:block;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 12px #0000000f}.mobile-header-content{justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}.mobile-menu-btn{cursor:pointer;color:#475569;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.mobile-menu-btn:hover{color:#6366f1;background:#6366f114}.mobile-header-title{color:#1e293b;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.mobile-header-right{align-items:center;gap:12px;display:flex}.mobile-credits-badge{color:#6366f1;cursor:pointer;background:#6366f114;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.mobile-credits-badge:hover{background:#6366f126}.mobile-content{background:#f8fafc;min-height:100vh;padding-top:56px;padding-bottom:24px;display:block}.mobile-content>div{background:#fff;border:1px solid #0000000a;border-radius:16px;min-height:calc(100vh - 104px);margin:12px;padding:16px;box-shadow:0 2px 12px #0000000a}.contact-button-wrapper{bottom:16px;right:16px}.contact-tooltip{display:none}.contact-button{width:44px;height:44px}.recharge-modal .ant-modal,.contact-modal .ant-modal{max-width:calc(100vw - 32px)!important;margin:16px!important}}.login-page{background:#1a1a2e;flex-direction:column;height:100vh;max-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg-video{object-fit:cover;z-index:0;pointer-events:none;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.login-bg-placeholder{background:#1a1a2e}.login-bg-overlay{z-index:0;background:linear-gradient(135deg,#0f0f1ebf 0%,#141432a6 100%);position:absolute;inset:0}.login-slogan{z-index:2;position:absolute;top:40px;left:48px}.login-slogan-text{letter-spacing:1px;background:linear-gradient(90deg,#fff 0%,#c7d2fe 25%,#fff 50%,#c7d2fe 75%,#fff 100%) 0 0/200%;-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800;animation:3s linear infinite shinySlide}@keyframes shinySlide{0%{background-position:0%}to{background-position:200%}}.login-center{z-index:1;flex:1;justify-content:flex-end;align-items:center;padding:24px 60px 24px 24px;display:flex}.login-card{-webkit-backdrop-filter:blur(24px);width:100%;max-width:400px;background:#fffffff2!important;border:1px solid #ffffff26!important;border-radius:20px!important;box-shadow:0 24px 80px #00000040,0 8px 32px #6366f11a!important}.login-card-header{text-align:center;margin-bottom:24px}.login-logo-row{justify-content:center;align-items:center;gap:12px;display:flex}.login-logo-img{object-fit:contain;border-radius:12px;width:40px;height:40px}.login-logo-placeholder{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 6px 20px #6366f14d}.login-site-name{color:#1e293b;letter-spacing:-.3px;font-size:22px;font-weight:800}.login-card-subtitle{text-align:center;color:#94a3b8;margin-bottom:24px;font-size:13px;display:block}.login-tabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;gap:0;margin-bottom:20px;padding:4px;display:flex}.login-tab{text-align:center;cursor:pointer;color:#64748b;background:0 0;border:1px solid #0000;border-radius:8px;flex:1;padding:9px 0;font-size:13px;font-weight:400;transition:all .3s}.login-tab-active{color:#6366f1!important;background:#fff!important;border:1px solid #6366f133!important;font-weight:600!important;box-shadow:0 2px 8px #6366f11a!important}.login-submit-btn{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)!important;border:none!important;border-radius:10px!important;height:46px!important;font-size:15px!important;font-weight:600!important;box-shadow:0 8px 24px #6366f140!important}.login-code-btn{border:1.5px solid #e2e8f0!important;border-radius:10px!important;min-width:100px!important;height:46px!important;font-weight:600!important}.login-agreement{margin-bottom:14px}.login-agreement-text{color:#64748b;font-size:12px}.login-link{color:#6366f1;cursor:pointer}.login-footer{justify-content:center;display:flex}.login-switch-btn{cursor:pointer;color:#6366f1!important;font-size:13px!important}.login-copyright-wrapper{text-align:center;z-index:2;pointer-events:none;position:absolute;bottom:20px;left:0;right:0}.login-copyright{color:#ffffff80;text-shadow:0 1px 3px #0000004d;font-size:12px}.login-page .ant-input-affix-wrapper{height:46px!important;padding:0 11px!important}.login-page .ant-input-affix-wrapper .ant-input-prefix{margin-left:0!important;margin-right:10px!important}.login-page .ant-input{height:46px!important;padding-left:11px!important}@media (width<=899px){.login-slogan{top:24px;left:24px}.login-slogan-text{font-size:18px}.login-center{justify-content:center;padding:80px 20px 24px}}@media (width<=480px){.login-slogan{top:20px;left:20px}.login-slogan-text{font-size:15px}.login-card .ant-card-body{padding:24px 20px!important}.login-card{border-radius:16px!important}.login-page .ant-input,.login-page .ant-input-affix-wrapper{height:44px!important}.login-code-btn{min-width:90px!important;height:44px!important}.login-submit-btn{height:44px!important}}@keyframes sliderShake{0%,to{transform:translate(0)}10%{transform:translate(-8px)}20%{transform:translate(8px)}30%{transform:translate(-6px)}40%{transform:translate(6px)}50%{transform:translate(-4px)}60%{transform:translate(4px)}70%{transform:translate(-2px)}80%{transform:translate(2px)}90%{transform:translate(-1px)}}*{box-sizing:border-box}.material_box{padding:24px}.material_box>div{margin:0 0 20px}.medio_box{width:280px;height:150px;margin-top:6px}.medio_box img,.medio_box video{width:100%;height:100%}.ant-collapse-ghost>.ant-collapse-item{border-bottom:1px solid #6366f10f;transition:all .3s cubic-bezier(.4,0,.2,1)}.ant-collapse-ghost>.ant-collapse-item:hover{background:#6366f105}.ant-collapse-ghost>.ant-collapse-item>.ant-collapse-header{transition:all .3s cubic-bezier(.4,0,.2,1);padding:14px 16px!important}.replication-form-content::-webkit-scrollbar{width:6px}.replication-preview::-webkit-scrollbar{width:6px}.replication-form-content::-webkit-scrollbar-thumb{background:#6366f133;border-radius:3px}.replication-preview::-webkit-scrollbar-thumb{background:#6366f133;border-radius:3px}.replication-form-content::-webkit-scrollbar-thumb:hover{background:#6366f166}.replication-preview::-webkit-scrollbar-thumb:hover{background:#6366f166}.replication-form-content::-webkit-scrollbar-track{background:0 0}.replication-preview::-webkit-scrollbar-track{background:0 0}input[type=range]{appearance:none;background:0 0}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#6366f1;border:2px solid #fff;border-radius:50%;width:16px;height:16px;transition:all .2s;box-shadow:0 2px 6px #6366f166}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #6366f199}input[type=range]::-moz-range-thumb{cursor:pointer;background:#6366f1;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 6px #6366f166} diff --git a/video-gen-app/dist/assets/index-MRCff8OF.js b/video-gen-app/dist/assets/index-MRCff8OF.js deleted file mode 100644 index 847b5481..00000000 --- a/video-gen-app/dist/assets/index-MRCff8OF.js +++ /dev/null @@ -1,613 +0,0 @@ -var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t),e=null),t.exports),s=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;li[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},c=(n,r,a)=>(a=n==null?{}:e(i(n)),s(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n)),l=(e=>typeof require<`u`?require:typeof Proxy<`u`?new Proxy(e,{get:(e,t)=>(typeof require<`u`?require:e)[t]}):e)(function(e){if(typeof require<`u`)return require.apply(this,arguments);throw Error('Calling `require` for "'+e+"\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.")});(function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin===`use-credentials`?t.credentials=`include`:e.crossOrigin===`anonymous`?t.credentials=`omit`:t.credentials=`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();var u=o((e=>{function t(e,t){var n=e.length;e.push(t);a:for(;0>>1,a=e[r];if(0>>1;ri(c,n))li(u,c)?(e[r]=u,e[l]=n,r=l):(e[r]=c,e[s]=n,r=s);else if(li(u,n))e[r]=u,e[l]=n,r=l;else break a}}return t}function i(e,t){var n=e.sortIndex-t.sortIndex;return n===0?e.id-t.id:n}if(e.unstable_now=void 0,typeof performance==`object`&&typeof performance.now==`function`){var a=performance;e.unstable_now=function(){return a.now()}}else{var o=Date,s=o.now();e.unstable_now=function(){return o.now()-s}}var c=[],l=[],u=1,d=null,f=3,p=!1,m=!1,h=!1,g=!1,_=typeof setTimeout==`function`?setTimeout:null,v=typeof clearTimeout==`function`?clearTimeout:null,y=typeof setImmediate<`u`?setImmediate:null;function b(e){for(var i=n(l);i!==null;){if(i.callback===null)r(l);else if(i.startTime<=e)r(l),i.sortIndex=i.expirationTime,t(c,i);else break;i=n(l)}}function x(e){if(h=!1,b(e),!m)if(n(c)!==null)m=!0,S||(S=!0,O());else{var t=n(l);t!==null&&j(x,t.startTime-e)}}var S=!1,C=-1,w=5,T=-1;function E(){return g?!0:!(e.unstable_now()-Tt&&E());){var o=d.callback;if(typeof o==`function`){d.callback=null,f=d.priorityLevel;var s=o(d.expirationTime<=t);if(t=e.unstable_now(),typeof s==`function`){d.callback=s,b(t),i=!0;break b}d===n(c)&&r(c),b(t)}else r(c);d=n(c)}if(d!==null)i=!0;else{var u=n(l);u!==null&&j(x,u.startTime-t),i=!1}}break a}finally{d=null,f=a,p=!1}i=void 0}}finally{i?O():S=!1}}}var O;if(typeof y==`function`)O=function(){y(D)};else if(typeof MessageChannel<`u`){var k=new MessageChannel,A=k.port2;k.port1.onmessage=D,O=function(){A.postMessage(null)}}else O=function(){_(D,0)};function j(t,n){C=_(function(){t(e.unstable_now())},n)}e.unstable_IdlePriority=5,e.unstable_ImmediatePriority=1,e.unstable_LowPriority=4,e.unstable_NormalPriority=3,e.unstable_Profiling=null,e.unstable_UserBlockingPriority=2,e.unstable_cancelCallback=function(e){e.callback=null},e.unstable_forceFrameRate=function(e){0>e||125o?(r.sortIndex=a,t(l,r),n(c)===null&&r===n(l)&&(h?(v(C),C=-1):h=!0,j(x,a-o))):(r.sortIndex=s,t(c,r),m||p||(m=!0,S||(S=!0,O()))),r},e.unstable_shouldYield=E,e.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}})),d=o(((e,t)=>{t.exports=u()})),f=o((e=>{var t=Symbol.for(`react.transitional.element`),n=Symbol.for(`react.portal`),r=Symbol.for(`react.fragment`),i=Symbol.for(`react.strict_mode`),a=Symbol.for(`react.profiler`),o=Symbol.for(`react.consumer`),s=Symbol.for(`react.context`),c=Symbol.for(`react.forward_ref`),l=Symbol.for(`react.suspense`),u=Symbol.for(`react.memo`),d=Symbol.for(`react.lazy`),f=Symbol.for(`react.activity`),p=Symbol.iterator;function m(e){return typeof e!=`object`||!e?null:(e=p&&e[p]||e[`@@iterator`],typeof e==`function`?e:null)}var h={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},g=Object.assign,_={};function v(e,t,n){this.props=e,this.context=t,this.refs=_,this.updater=n||h}v.prototype.isReactComponent={},v.prototype.setState=function(e,t){if(typeof e!=`object`&&typeof e!=`function`&&e!=null)throw Error(`takes an object of state variables to update or a function which returns an object of state variables.`);this.updater.enqueueSetState(this,e,t,`setState`)},v.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,`forceUpdate`)};function y(){}y.prototype=v.prototype;function b(e,t,n){this.props=e,this.context=t,this.refs=_,this.updater=n||h}var x=b.prototype=new y;x.constructor=b,g(x,v.prototype),x.isPureReactComponent=!0;var S=Array.isArray;function C(){}var w={H:null,A:null,T:null,S:null},T=Object.prototype.hasOwnProperty;function E(e,n,r){var i=r.ref;return{$$typeof:t,type:e,key:n,ref:i===void 0?null:i,props:r}}function D(e,t){return E(e.type,t,e.props)}function O(e){return typeof e==`object`&&!!e&&e.$$typeof===t}function k(e){var t={"=":`=0`,":":`=2`};return`$`+e.replace(/[=:]/g,function(e){return t[e]})}var A=/\/+/g;function j(e,t){return typeof e==`object`&&e&&e.key!=null?k(``+e.key):t.toString(36)}function M(e){switch(e.status){case`fulfilled`:return e.value;case`rejected`:throw e.reason;default:switch(typeof e.status==`string`?e.then(C,C):(e.status=`pending`,e.then(function(t){e.status===`pending`&&(e.status=`fulfilled`,e.value=t)},function(t){e.status===`pending`&&(e.status=`rejected`,e.reason=t)})),e.status){case`fulfilled`:return e.value;case`rejected`:throw e.reason}}throw e}function N(e,r,i,a,o){var s=typeof e;(s===`undefined`||s===`boolean`)&&(e=null);var c=!1;if(e===null)c=!0;else switch(s){case`bigint`:case`string`:case`number`:c=!0;break;case`object`:switch(e.$$typeof){case t:case n:c=!0;break;case d:return c=e._init,N(c(e._payload),r,i,a,o)}}if(c)return o=o(e),c=a===``?`.`+j(e,0):a,S(o)?(i=``,c!=null&&(i=c.replace(A,`$&/`)+`/`),N(o,r,i,``,function(e){return e})):o!=null&&(O(o)&&(o=D(o,i+(o.key==null||e&&e.key===o.key?``:(``+o.key).replace(A,`$&/`)+`/`)+c)),r.push(o)),1;c=0;var l=a===``?`.`:a+`:`;if(S(e))for(var u=0;u{t.exports=f()})),m=o((e=>{var t=p();function n(e){var t=`https://react.dev/errors/`+e;if(1{function n(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>`u`||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!=`function`))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(n)}catch(e){console.error(e)}}n(),t.exports=m()})),g=o((e=>{var t=d(),n=p(),r=h();function i(e){var t=`https://react.dev/errors/`+e;if(1B||(e.current=z[B],z[B]=null,B--)}function U(e,t){B++,z[B]=e.current,e.current=t}var W=V(null),G=V(null),K=V(null),ee=V(null);function q(e,t){switch(U(K,t),U(G,e),U(W,null),t.nodeType){case 9:case 11:e=(e=t.documentElement)&&(e=e.namespaceURI)?Wd(e):0;break;default:if(e=t.tagName,t=t.namespaceURI)t=Wd(t),e=Gd(t,e);else switch(e){case`svg`:e=1;break;case`math`:e=2;break;default:e=0}}H(W),U(W,e)}function te(){H(W),H(G),H(K)}function ne(e){e.memoizedState!==null&&U(ee,e);var t=W.current,n=Gd(t,e.type);t!==n&&(U(G,e),U(W,n))}function re(e){G.current===e&&(H(W),H(G)),ee.current===e&&(H(ee),tp._currentValue=R)}var ie,J;function ae(e){if(ie===void 0)try{throw Error()}catch(e){var t=e.stack.trim().match(/\n( *(at )?)/);ie=t&&t[1]||``,J=-1)`:-1i||c[r]!==l[i]){var u=` -`+c[r].replace(` at new `,` at `);return e.displayName&&u.includes(``)&&(u=u.replace(``,e.displayName)),u}while(1<=r&&0<=i);break}}}finally{oe=!1,Error.prepareStackTrace=n}return(n=e?e.displayName||e.name:``)?ae(n):``}function ce(e,t){switch(e.tag){case 26:case 27:case 5:return ae(e.type);case 16:return ae(`Lazy`);case 13:return e.child!==t&&t!==null?ae(`Suspense Fallback`):ae(`Suspense`);case 19:return ae(`SuspenseList`);case 0:case 15:return se(e.type,!1);case 11:return se(e.type.render,!1);case 1:return se(e.type,!0);case 31:return ae(`Activity`);default:return``}}function le(e){try{var t=``,n=null;do t+=ce(e,n),n=e,e=e.return;while(e);return t}catch(e){return` -Error generating stack: `+e.message+` -`+e.stack}}var ue=Object.prototype.hasOwnProperty,de=t.unstable_scheduleCallback,fe=t.unstable_cancelCallback,pe=t.unstable_shouldYield,me=t.unstable_requestPaint,he=t.unstable_now,ge=t.unstable_getCurrentPriorityLevel,_e=t.unstable_ImmediatePriority,ve=t.unstable_UserBlockingPriority,ye=t.unstable_NormalPriority,be=t.unstable_LowPriority,xe=t.unstable_IdlePriority,Se=t.log,Ce=t.unstable_setDisableYieldValue,we=null,Te=null;function Ee(e){if(typeof Se==`function`&&Ce(e),Te&&typeof Te.setStrictMode==`function`)try{Te.setStrictMode(we,e)}catch{}}var De=Math.clz32?Math.clz32:Ae,Oe=Math.log,ke=Math.LN2;function Ae(e){return e>>>=0,e===0?32:31-(Oe(e)/ke|0)|0}var je=256,Me=262144,Ne=4194304;function Pe(e){var t=e&42;if(t!==0)return t;switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:return 128;case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:return e&261888;case 262144:case 524288:case 1048576:case 2097152:return e&3932160;case 4194304:case 8388608:case 16777216:case 33554432:return e&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 0;default:return e}}function Fe(e,t,n){var r=e.pendingLanes;if(r===0)return 0;var i=0,a=e.suspendedLanes,o=e.pingedLanes;e=e.warmLanes;var s=r&134217727;return s===0?(s=r&~a,s===0?o===0?n||(n=r&~e,n!==0&&(i=Pe(n))):i=Pe(o):i=Pe(s)):(r=s&~a,r===0?(o&=s,o===0?n||(n=s&~e,n!==0&&(i=Pe(n))):i=Pe(o)):i=Pe(r)),i===0?0:t!==0&&t!==i&&(t&a)===0&&(a=i&-i,n=t&-t,a>=n||a===32&&n&4194048)?t:i}function Ie(e,t){return(e.pendingLanes&~(e.suspendedLanes&~e.pingedLanes)&t)===0}function Le(e,t){switch(e){case 1:case 2:case 4:case 8:case 64:return t+250;case 16:case 32:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function Re(){var e=Ne;return Ne<<=1,!(Ne&62914560)&&(Ne=4194304),e}function ze(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function Be(e,t){e.pendingLanes|=t,t!==268435456&&(e.suspendedLanes=0,e.pingedLanes=0,e.warmLanes=0)}function Ve(e,t,n,r,i,a){var o=e.pendingLanes;e.pendingLanes=n,e.suspendedLanes=0,e.pingedLanes=0,e.warmLanes=0,e.expiredLanes&=n,e.entangledLanes&=n,e.errorRecoveryDisabledLanes&=n,e.shellSuspendCounter=0;var s=e.entanglements,c=e.expirationTimes,l=e.hiddenUpdates;for(n=o&~n;0`u`||window.document===void 0||window.document.createElement===void 0),$t=!1;if(Qt)try{var en={};Object.defineProperty(en,`passive`,{get:function(){$t=!0}}),window.addEventListener(`test`,en,en),window.removeEventListener(`test`,en,en)}catch{$t=!1}var tn=null,nn=null,rn=null;function an(){if(rn)return rn;var e,t=nn,n=t.length,r,i=`value`in tn?tn.value:tn.textContent,a=i.length;for(e=0;e=Ln),Bn=` `,Vn=!1;function Hn(e,t){switch(e){case`keyup`:return Fn.indexOf(t.keyCode)!==-1;case`keydown`:return t.keyCode!==229;case`keypress`:case`mousedown`:case`focusout`:return!0;default:return!1}}function Un(e){return e=e.detail,typeof e==`object`&&`data`in e?e.data:null}var Wn=!1;function Gn(e,t){switch(e){case`compositionend`:return Un(t);case`keypress`:return t.which===32?(Vn=!0,Bn):null;case`textInput`:return e=t.data,e===Bn&&Vn?null:e;default:return null}}function Kn(e,t){if(Wn)return e===`compositionend`||!In&&Hn(e,t)?(e=an(),rn=nn=tn=null,Wn=!1,e):null;switch(e){case`paste`:return null;case`keypress`:if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1=t)return{node:n,offset:t-e};e=r}a:{for(;n;){if(n.nextSibling){n=n.nextSibling;break a}n=n.parentNode}n=void 0}n=mr(n)}}function gr(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?gr(e,t.parentNode):`contains`in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function _r(e){e=e!=null&&e.ownerDocument!=null&&e.ownerDocument.defaultView!=null?e.ownerDocument.defaultView:window;for(var t=Et(e.document);t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href==`string`}catch{n=!1}if(n)e=t.contentWindow;else break;t=Et(e.document)}return t}function vr(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t===`input`&&(e.type===`text`||e.type===`search`||e.type===`tel`||e.type===`url`||e.type===`password`)||t===`textarea`||e.contentEditable===`true`)}var yr=Qt&&`documentMode`in document&&11>=document.documentMode,br=null,xr=null,Sr=null,Cr=!1;function wr(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;Cr||br==null||br!==Et(r)||(r=br,`selectionStart`in r&&vr(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),Sr&&pr(Sr,r)||(Sr=r,r=Od(xr,`onSelect`),0>=o,i-=o,gi=1<<32-De(t)+i|n<h?(g=d,d=null):g=d.sibling;var _=p(i,d,s[h],c);if(_===null){d===null&&(d=g);break}e&&d&&_.alternate===null&&t(i,d),a=o(_,a,h),u===null?l=_:u.sibling=_,u=_,d=g}if(h===s.length)return n(i,d),Ti&&vi(i,h),l;if(d===null){for(;hg?(_=h,h=null):_=h.sibling;var y=p(a,h,v.value,l);if(y===null){h===null&&(h=_);break}e&&h&&y.alternate===null&&t(a,h),s=o(y,s,g),d===null?u=y:d.sibling=y,d=y,h=_}if(v.done)return n(a,h),Ti&&vi(a,g),u;if(h===null){for(;!v.done;g++,v=c.next())v=f(a,v.value,l),v!==null&&(s=o(v,s,g),d===null?u=v:d.sibling=v,d=v);return Ti&&vi(a,g),u}for(h=r(h);!v.done;g++,v=c.next())v=m(h,a,g,v.value,l),v!==null&&(e&&v.alternate!==null&&h.delete(v.key===null?g:v.key),s=o(v,s,g),d===null?u=v:d.sibling=v,d=v);return e&&h.forEach(function(e){return t(a,e)}),Ti&&vi(a,g),u}function b(e,r,o,c){if(typeof o==`object`&&o&&o.type===y&&o.key===null&&(o=o.props.children),typeof o==`object`&&o){switch(o.$$typeof){case _:a:{for(var l=o.key;r!==null;){if(r.key===l){if(l=o.type,l===y){if(r.tag===7){n(e,r.sibling),c=a(r,o.props.children),c.return=e,e=c;break a}}else if(r.elementType===l||typeof l==`object`&&l&&l.$$typeof===O&&va(l)===r.type){n(e,r.sibling),c=a(r,o.props),Ta(c,o),c.return=e,e=c;break a}n(e,r);break}else t(e,r);r=r.sibling}o.type===y?(c=ri(o.props.children,e.mode,c,o.key),c.return=e,e=c):(c=ni(o.type,o.key,o.props,null,e.mode,c),Ta(c,o),c.return=e,e=c)}return s(e);case v:a:{for(l=o.key;r!==null;){if(r.key===l)if(r.tag===4&&r.stateNode.containerInfo===o.containerInfo&&r.stateNode.implementation===o.implementation){n(e,r.sibling),c=a(r,o.children||[]),c.return=e,e=c;break a}else{n(e,r);break}else t(e,r);r=r.sibling}c=oi(o,e.mode,c),c.return=e,e=c}return s(e);case O:return o=va(o),b(e,r,o,c)}if(F(o))return h(e,r,o,c);if(M(o)){if(l=M(o),typeof l!=`function`)throw Error(i(150));return o=l.call(o),g(e,r,o,c)}if(typeof o.then==`function`)return b(e,r,wa(o),c);if(o.$$typeof===C)return b(e,r,qi(e,o),c);Ea(e,o)}return typeof o==`string`&&o!==``||typeof o==`number`||typeof o==`bigint`?(o=``+o,r!==null&&r.tag===6?(n(e,r.sibling),c=a(r,o),c.return=e,e=c):(n(e,r),c=ii(o,e.mode,c),c.return=e,e=c),s(e)):n(e,r)}return function(e,t,n,r){try{Ca=0;var i=b(e,t,n,r);return Sa=null,i}catch(t){if(t===fa||t===ma)throw t;var a=Qr(29,t,null,e.mode);return a.lanes=r,a.return=e,a}}}var Oa=Da(!0),ka=Da(!1),Aa=!1;function ja(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,lanes:0,hiddenCallbacks:null},callbacks:null}}function Ma(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,callbacks:null})}function Na(e){return{lane:e,tag:0,payload:null,callback:null,next:null}}function Pa(e,t,n){var r=e.updateQueue;if(r===null)return null;if(r=r.shared,Pl&2){var i=r.pending;return i===null?t.next=t:(t.next=i.next,i.next=t),r.pending=t,t=Yr(e),Jr(e,null,n),t}return Gr(e,r,t,n),Yr(e)}function Fa(e,t,n){if(t=t.updateQueue,t!==null&&(t=t.shared,n&4194048)){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,Ue(e,n)}}function Ia(e,t){var n=e.updateQueue,r=e.alternate;if(r!==null&&(r=r.updateQueue,n===r)){var i=null,a=null;if(n=n.firstBaseUpdate,n!==null){do{var o={lane:n.lane,tag:n.tag,payload:n.payload,callback:null,next:null};a===null?i=a=o:a=a.next=o,n=n.next}while(n!==null);a===null?i=a=t:a=a.next=t}else i=a=t;n={baseState:r.baseState,firstBaseUpdate:i,lastBaseUpdate:a,shared:r.shared,callbacks:r.callbacks},e.updateQueue=n;return}e=n.lastBaseUpdate,e===null?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}var La=!1;function Ra(){if(La){var e=ia;if(e!==null)throw e}}function za(e,t,n,r){La=!1;var i=e.updateQueue;Aa=!1;var a=i.firstBaseUpdate,o=i.lastBaseUpdate,s=i.shared.pending;if(s!==null){i.shared.pending=null;var c=s,l=c.next;c.next=null,o===null?a=l:o.next=l,o=c;var u=e.alternate;u!==null&&(u=u.updateQueue,s=u.lastBaseUpdate,s!==o&&(s===null?u.firstBaseUpdate=l:s.next=l,u.lastBaseUpdate=c))}if(a!==null){var d=i.baseState;o=0,u=l=c=null,s=a;do{var f=s.lane&-536870913,p=f!==s.lane;if(p?(Ll&f)===f:(r&f)===f){f!==0&&f===ra&&(La=!0),u!==null&&(u=u.next={lane:0,tag:s.tag,payload:s.payload,callback:null,next:null});a:{var h=e,g=s;f=t;var _=n;switch(g.tag){case 1:if(h=g.payload,typeof h==`function`){d=h.call(_,d,f);break a}d=h;break a;case 3:h.flags=h.flags&-65537|128;case 0:if(h=g.payload,f=typeof h==`function`?h.call(_,d,f):h,f==null)break a;d=m({},d,f);break a;case 2:Aa=!0}}f=s.callback,f!==null&&(e.flags|=64,p&&(e.flags|=8192),p=i.callbacks,p===null?i.callbacks=[f]:p.push(f))}else p={lane:f,tag:s.tag,payload:s.payload,callback:s.callback,next:null},u===null?(l=u=p,c=d):u=u.next=p,o|=f;if(s=s.next,s===null){if(s=i.shared.pending,s===null)break;p=s,s=p.next,p.next=null,i.lastBaseUpdate=p,i.shared.pending=null}}while(1);u===null&&(c=d),i.baseState=c,i.firstBaseUpdate=l,i.lastBaseUpdate=u,a===null&&(i.shared.lanes=0),Gl|=o,e.lanes=o,e.memoizedState=d}}function Ba(e,t){if(typeof e!=`function`)throw Error(i(191,e));e.call(t)}function Va(e,t){var n=e.callbacks;if(n!==null)for(e.callbacks=null,e=0;ea?a:8;var o=I.T,s={};I.T=s,Ds(e,!1,t,n);try{var c=i(),l=I.S;l!==null&&l(s,c),typeof c==`object`&&c&&typeof c.then==`function`?Es(e,t,Y(c,r),pu(e)):Es(e,t,r,pu(e))}catch(n){Es(e,t,{then:function(){},status:`rejected`,reason:n},pu())}finally{L.p=a,o!==null&&s.types!==null&&(o.types=s.types),I.T=o}}function gs(){}function _s(e,t,n,r){if(e.tag!==5)throw Error(i(476));var a=vs(e).queue;hs(e,a,t,R,n===null?gs:function(){return ys(e),n(r)})}function vs(e){var t=e.memoizedState;if(t!==null)return t;t={memoizedState:R,baseState:R,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:Oo,lastRenderedState:R},next:null};var n={};return t.next={memoizedState:n,baseState:n,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:Oo,lastRenderedState:n},next:null},e.memoizedState=t,e=e.alternate,e!==null&&(e.memoizedState=t),t}function ys(e){var t=vs(e);t.next===null&&(t=e.alternate.memoizedState),Es(e,t.next.queue,{},pu())}function bs(){return Ki(tp)}function xs(){return Co().memoizedState}function Ss(){return Co().memoizedState}function Cs(e){for(var t=e.return;t!==null;){switch(t.tag){case 24:case 3:var n=pu();e=Na(n);var r=Pa(t,e,n);r!==null&&(hu(r,t,n),Fa(r,t,n)),t={cache:$i()},e.payload=t;return}t=t.return}}function ws(e,t,n){var r=pu();n={lane:r,revertLane:0,gesture:null,action:n,hasEagerState:!1,eagerState:null,next:null},Os(e)?ks(t,n):(n=Kr(e,t,n,r),n!==null&&(hu(n,e,r),As(n,t,r)))}function Ts(e,t,n){Es(e,t,n,pu())}function Es(e,t,n,r){var i={lane:r,revertLane:0,gesture:null,action:n,hasEagerState:!1,eagerState:null,next:null};if(Os(e))ks(t,i);else{var a=e.alternate;if(e.lanes===0&&(a===null||a.lanes===0)&&(a=t.lastRenderedReducer,a!==null))try{var o=t.lastRenderedState,s=a(o,n);if(i.hasEagerState=!0,i.eagerState=s,fr(s,o))return Gr(e,t,i,0),Fl===null&&Wr(),!1}catch{}if(n=Kr(e,t,i,r),n!==null)return hu(n,e,r),As(n,t,r),!0}return!1}function Ds(e,t,n,r){if(r={lane:2,revertLane:fd(),gesture:null,action:r,hasEagerState:!1,eagerState:null,next:null},Os(e)){if(t)throw Error(i(479))}else t=Kr(e,n,r,2),t!==null&&hu(t,e,2)}function Os(e){var t=e.alternate;return e===no||t!==null&&t===no}function ks(e,t){oo=ao=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function As(e,t,n){if(n&4194048){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,Ue(e,n)}}var js={readContext:Ki,use:Eo,useCallback:po,useContext:po,useEffect:po,useImperativeHandle:po,useLayoutEffect:po,useInsertionEffect:po,useMemo:po,useReducer:po,useRef:po,useState:po,useDebugValue:po,useDeferredValue:po,useTransition:po,useSyncExternalStore:po,useId:po,useHostTransitionStatus:po,useFormState:po,useActionState:po,useOptimistic:po,useMemoCache:po,useCacheRefresh:po};js.useEffectEvent=po;var Ms={readContext:Ki,use:Eo,useCallback:function(e,t){return So().memoizedState=[e,t===void 0?null:t],e},useContext:Ki,useEffect:ns,useImperativeHandle:function(e,t,n){n=n==null?null:n.concat([e]),es(4194308,4,cs.bind(null,t,e),n)},useLayoutEffect:function(e,t){return es(4194308,4,e,t)},useInsertionEffect:function(e,t){es(4,2,e,t)},useMemo:function(e,t){var n=So();t=t===void 0?null:t;var r=e();if(so){Ee(!0);try{e()}finally{Ee(!1)}}return n.memoizedState=[r,t],r},useReducer:function(e,t,n){var r=So();if(n!==void 0){var i=n(t);if(so){Ee(!0);try{n(t)}finally{Ee(!1)}}}else i=t;return r.memoizedState=r.baseState=i,e={pending:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:i},r.queue=e,e=e.dispatch=ws.bind(null,no,e),[r.memoizedState,e]},useRef:function(e){var t=So();return e={current:e},t.memoizedState=e},useState:function(e){e=Ro(e);var t=e.queue,n=Ts.bind(null,no,t);return t.dispatch=n,[e.memoizedState,n]},useDebugValue:us,useDeferredValue:function(e,t){return ps(So(),e,t)},useTransition:function(){var e=Ro(!1);return e=hs.bind(null,no,e.queue,!0,!1),So().memoizedState=e,[!1,e]},useSyncExternalStore:function(e,t,n){var r=no,a=So();if(Ti){if(n===void 0)throw Error(i(407));n=n()}else{if(n=t(),Fl===null)throw Error(i(349));Ll&127||No(r,t,n)}a.memoizedState=n;var o={value:n,getSnapshot:t};return a.queue=o,ns(Fo.bind(null,r,o,e),[e]),r.flags|=2048,Qo(9,{destroy:void 0},Po.bind(null,r,o,n,t),null),n},useId:function(){var e=So(),t=Fl.identifierPrefix;if(Ti){var n=_i,r=gi;n=(r&~(1<<32-De(r)-1)).toString(32)+n,t=`_`+t+`R_`+n,n=co++,0<\/script>`,o=o.removeChild(o.firstChild);break;case`select`:o=typeof r.is==`string`?s.createElement(`select`,{is:r.is}):s.createElement(`select`),r.multiple?o.multiple=!0:r.size&&(o.size=r.size);break;default:o=typeof r.is==`string`?s.createElement(a,{is:r.is}):s.createElement(a)}}o[Xe]=t,o[Ze]=r;a:for(s=t.child;s!==null;){if(s.tag===5||s.tag===6)o.appendChild(s.stateNode);else if(s.tag!==4&&s.tag!==27&&s.child!==null){s.child.return=s,s=s.child;continue}if(s===t)break a;for(;s.sibling===null;){if(s.return===null||s.return===t)break a;s=s.return}s.sibling.return=s.return,s=s.sibling}t.stateNode=o;a:switch(Ld(o,a,r),a){case`button`:case`input`:case`select`:case`textarea`:r=!!r.autoFocus;break a;case`img`:r=!0;break a;default:r=!1}r&&Ec(t)}}return jc(t),Dc(t,t.type,e===null?null:e.memoizedProps,t.pendingProps,n),null;case 6:if(e&&t.stateNode!=null)e.memoizedProps!==r&&Ec(t);else{if(typeof r!=`string`&&t.stateNode===null)throw Error(i(166));if(e=K.current,Mi(t)){if(e=t.stateNode,n=t.memoizedProps,r=null,a=Ci,a!==null)switch(a.tag){case 27:case 5:r=a.memoizedProps}e[Xe]=t,e=!!(e.nodeValue===n||r!==null&&!0===r.suppressHydrationWarning||Pd(e.nodeValue,n)),e||ki(t,!0)}else e=Ud(e).createTextNode(r),e[Xe]=t,t.stateNode=e}return jc(t),null;case 31:if(n=t.memoizedState,e===null||e.memoizedState!==null){if(r=Mi(t),n!==null){if(e===null){if(!r)throw Error(i(318));if(e=t.memoizedState,e=e===null?null:e.dehydrated,!e)throw Error(i(557));e[Xe]=t}else Ni(),!(t.flags&128)&&(t.memoizedState=null),t.flags|=4;jc(t),e=!1}else n=Pi(),e!==null&&e.memoizedState!==null&&(e.memoizedState.hydrationErrors=n),e=!0;if(!e)return t.flags&256?(Qa(t),t):(Qa(t),null);if(t.flags&128)throw Error(i(558))}return jc(t),null;case 13:if(r=t.memoizedState,e===null||e.memoizedState!==null&&e.memoizedState.dehydrated!==null){if(a=Mi(t),r!==null&&r.dehydrated!==null){if(e===null){if(!a)throw Error(i(318));if(a=t.memoizedState,a=a===null?null:a.dehydrated,!a)throw Error(i(317));a[Xe]=t}else Ni(),!(t.flags&128)&&(t.memoizedState=null),t.flags|=4;jc(t),a=!1}else a=Pi(),e!==null&&e.memoizedState!==null&&(e.memoizedState.hydrationErrors=a),a=!0;if(!a)return t.flags&256?(Qa(t),t):(Qa(t),null)}return Qa(t),t.flags&128?(t.lanes=n,t):(n=r!==null,e=e!==null&&e.memoizedState!==null,n&&(r=t.child,a=null,r.alternate!==null&&r.alternate.memoizedState!==null&&r.alternate.memoizedState.cachePool!==null&&(a=r.alternate.memoizedState.cachePool.pool),o=null,r.memoizedState!==null&&r.memoizedState.cachePool!==null&&(o=r.memoizedState.cachePool.pool),o!==a&&(r.flags|=2048)),n!==e&&n&&(t.child.flags|=8192),kc(t,t.updateQueue),jc(t),null);case 4:return te(),e===null&&wd(t.stateNode.containerInfo),jc(t),null;case 10:return Bi(t.type),jc(t),null;case 19:if(H($a),r=t.memoizedState,r===null)return jc(t),null;if(a=(t.flags&128)!=0,o=r.rendering,o===null)if(a)Ac(r,!1);else{if(Wl!==0||e!==null&&e.flags&128)for(e=t.child;e!==null;){if(o=eo(e),o!==null){for(t.flags|=128,Ac(r,!1),e=o.updateQueue,t.updateQueue=e,kc(t,e),t.subtreeFlags=0,e=n,n=t.child;n!==null;)ti(n,e),n=n.sibling;return U($a,$a.current&1|2),Ti&&vi(t,r.treeForkCount),t.child}e=e.sibling}r.tail!==null&&he()>tu&&(t.flags|=128,a=!0,Ac(r,!1),t.lanes=4194304)}else{if(!a)if(e=eo(o),e!==null){if(t.flags|=128,a=!0,e=e.updateQueue,t.updateQueue=e,kc(t,e),Ac(r,!0),r.tail===null&&r.tailMode===`hidden`&&!o.alternate&&!Ti)return jc(t),null}else 2*he()-r.renderingStartTime>tu&&n!==536870912&&(t.flags|=128,a=!0,Ac(r,!1),t.lanes=4194304);r.isBackwards?(o.sibling=t.child,t.child=o):(e=r.last,e===null?t.child=o:e.sibling=o,r.last=o)}return r.tail===null?(jc(t),null):(e=r.tail,r.rendering=e,r.tail=e.sibling,r.renderingStartTime=he(),e.sibling=null,n=$a.current,U($a,a?n&1|2:n&1),Ti&&vi(t,r.treeForkCount),e);case 22:case 23:return Qa(t),Ga(),r=t.memoizedState!==null,e===null?r&&(t.flags|=8192):e.memoizedState!==null!==r&&(t.flags|=8192),r?n&536870912&&!(t.flags&128)&&(jc(t),t.subtreeFlags&6&&(t.flags|=8192)):jc(t),n=t.updateQueue,n!==null&&kc(t,n.retryQueue),n=null,e!==null&&e.memoizedState!==null&&e.memoizedState.cachePool!==null&&(n=e.memoizedState.cachePool.pool),r=null,t.memoizedState!==null&&t.memoizedState.cachePool!==null&&(r=t.memoizedState.cachePool.pool),r!==n&&(t.flags|=2048),e!==null&&H(ca),null;case 24:return n=null,e!==null&&(n=e.memoizedState.cache),t.memoizedState.cache!==n&&(t.flags|=2048),Bi(Qi),jc(t),null;case 25:return null;case 30:return null}throw Error(i(156,t.tag))}function Nc(e,t){switch(xi(t),t.tag){case 1:return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return Bi(Qi),te(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 26:case 27:case 5:return re(t),null;case 31:if(t.memoizedState!==null){if(Qa(t),t.alternate===null)throw Error(i(340));Ni()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 13:if(Qa(t),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(i(340));Ni()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return H($a),null;case 4:return te(),null;case 10:return Bi(t.type),null;case 22:case 23:return Qa(t),Ga(),e!==null&&H(ca),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 24:return Bi(Qi),null;case 25:return null;default:return null}}function Pc(e,t){switch(xi(t),t.tag){case 3:Bi(Qi),te();break;case 26:case 27:case 5:re(t);break;case 4:te();break;case 31:t.memoizedState!==null&&Qa(t);break;case 13:Qa(t);break;case 19:H($a);break;case 10:Bi(t.type);break;case 22:case 23:Qa(t),Ga(),e!==null&&H(ca);break;case 24:Bi(Qi)}}function Fc(e,t){try{var n=t.updateQueue,r=n===null?null:n.lastEffect;if(r!==null){var i=r.next;n=i;do{if((n.tag&e)===e){r=void 0;var a=n.create,o=n.inst;r=a(),o.destroy=r}n=n.next}while(n!==i)}}catch(e){Gu(t,t.return,e)}}function Ic(e,t,n){try{var r=t.updateQueue,i=r===null?null:r.lastEffect;if(i!==null){var a=i.next;r=a;do{if((r.tag&e)===e){var o=r.inst,s=o.destroy;if(s!==void 0){o.destroy=void 0,i=t;var c=n,l=s;try{l()}catch(e){Gu(i,c,e)}}}r=r.next}while(r!==a)}}catch(e){Gu(t,t.return,e)}}function Lc(e){var t=e.updateQueue;if(t!==null){var n=e.stateNode;try{Va(t,n)}catch(t){Gu(e,e.return,t)}}}function Rc(e,t,n){n.props=zs(e.type,e.memoizedProps),n.state=e.memoizedState;try{n.componentWillUnmount()}catch(n){Gu(e,t,n)}}function zc(e,t){try{var n=e.ref;if(n!==null){switch(e.tag){case 26:case 27:case 5:var r=e.stateNode;break;case 30:r=e.stateNode;break;default:r=e.stateNode}typeof n==`function`?e.refCleanup=n(r):n.current=r}}catch(n){Gu(e,t,n)}}function Bc(e,t){var n=e.ref,r=e.refCleanup;if(n!==null)if(typeof r==`function`)try{r()}catch(n){Gu(e,t,n)}finally{e.refCleanup=null,e=e.alternate,e!=null&&(e.refCleanup=null)}else if(typeof n==`function`)try{n(null)}catch(n){Gu(e,t,n)}else n.current=null}function Vc(e){var t=e.type,n=e.memoizedProps,r=e.stateNode;try{a:switch(t){case`button`:case`input`:case`select`:case`textarea`:n.autoFocus&&r.focus();break a;case`img`:n.src?r.src=n.src:n.srcSet&&(r.srcset=n.srcSet)}}catch(t){Gu(e,e.return,t)}}function Hc(e,t,n){try{var r=e.stateNode;Rd(r,e.type,n,t),r[Ze]=t}catch(t){Gu(e,e.return,t)}}function Uc(e){return e.tag===5||e.tag===3||e.tag===26||e.tag===27&&ef(e.type)||e.tag===4}function Wc(e){a:for(;;){for(;e.sibling===null;){if(e.return===null||Uc(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.tag===27&&ef(e.type)||e.flags&2||e.child===null||e.tag===4)continue a;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function Gc(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?(n.nodeType===9?n.body:n.nodeName===`HTML`?n.ownerDocument.body:n).insertBefore(e,t):(t=n.nodeType===9?n.body:n.nodeName===`HTML`?n.ownerDocument.body:n,t.appendChild(e),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=Ut));else if(r!==4&&(r===27&&ef(e.type)&&(n=e.stateNode,t=null),e=e.child,e!==null))for(Gc(e,t,n),e=e.sibling;e!==null;)Gc(e,t,n),e=e.sibling}function Kc(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(r===27&&ef(e.type)&&(n=e.stateNode),e=e.child,e!==null))for(Kc(e,t,n),e=e.sibling;e!==null;)Kc(e,t,n),e=e.sibling}function qc(e){var t=e.stateNode,n=e.memoizedProps;try{for(var r=e.type,i=t.attributes;i.length;)t.removeAttributeNode(i[0]);Ld(t,r,n),t[Xe]=e,t[Ze]=n}catch(t){Gu(e,e.return,t)}}var Jc=!1,Yc=!1,Xc=!1,Zc=typeof WeakSet==`function`?WeakSet:Set,Qc=null;function $c(e,t){if(e=e.containerInfo,Vd=up,e=_r(e),vr(e)){if(`selectionStart`in e)var n={start:e.selectionStart,end:e.selectionEnd};else a:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var a=r.anchorOffset,o=r.focusNode;r=r.focusOffset;try{n.nodeType,o.nodeType}catch{n=null;break a}var s=0,c=-1,l=-1,u=0,d=0,f=e,p=null;b:for(;;){for(var m;f!==n||a!==0&&f.nodeType!==3||(c=s+a),f!==o||r!==0&&f.nodeType!==3||(l=s+r),f.nodeType===3&&(s+=f.nodeValue.length),(m=f.firstChild)!==null;)p=f,f=m;for(;;){if(f===e)break b;if(p===n&&++u===a&&(c=s),p===o&&++d===r&&(l=s),(m=f.nextSibling)!==null)break;f=p,p=f.parentNode}f=m}n=c===-1||l===-1?null:{start:c,end:l}}else n=null}n||={start:0,end:0}}else n=null;for(Hd={focusedElem:e,selectionRange:n},up=!1,Qc=t;Qc!==null;)if(t=Qc,e=t.child,t.subtreeFlags&1028&&e!==null)e.return=t,Qc=e;else for(;Qc!==null;){switch(t=Qc,o=t.alternate,e=t.flags,t.tag){case 0:if(e&4&&(e=t.updateQueue,e=e===null?null:e.events,e!==null))for(n=0;n title`))),Ld(o,r,n),o[Xe]=e,lt(o),r=o;break a;case`link`:var s=Wf(`link`,`href`,a).get(r+(n.href||``));if(s){for(var c=0;cg&&(o=g,g=h,h=o);var _=hr(s,h),v=hr(s,g);if(_&&v&&(p.rangeCount!==1||p.anchorNode!==_.node||p.anchorOffset!==_.offset||p.focusNode!==v.node||p.focusOffset!==v.offset)){var y=d.createRange();y.setStart(_.node,_.offset),p.removeAllRanges(),h>g?(p.addRange(y),p.extend(v.node,v.offset)):(y.setEnd(v.node,v.offset),p.addRange(y))}}}}for(d=[],p=s;p=p.parentNode;)p.nodeType===1&&d.push({element:p,left:p.scrollLeft,top:p.scrollTop});for(typeof s.focus==`function`&&s.focus(),s=0;sn?32:n,I.T=null,n=lu,lu=null;var o=au,s=su;if(iu=0,ou=au=null,su=0,Pl&6)throw Error(i(331));var c=Pl;if(Pl|=4,kl(o.current),xl(o,o.current,s,n),Pl=c,ad(0,!1),Te&&typeof Te.onPostCommitFiberRoot==`function`)try{Te.onPostCommitFiberRoot(we,o)}catch{}return!0}finally{L.p=a,I.T=r,Vu(e,t)}}function Wu(e,t,n){t=ci(n,t),t=Gs(e.stateNode,t,2),e=Pa(e,t,2),e!==null&&(Be(e,2),id(e))}function Gu(e,t,n){if(e.tag===3)Wu(e,e,n);else for(;t!==null;){if(t.tag===3){Wu(t,e,n);break}else if(t.tag===1){var r=t.stateNode;if(typeof t.type.getDerivedStateFromError==`function`||typeof r.componentDidCatch==`function`&&(ru===null||!ru.has(r))){e=ci(n,e),n=Ks(2),r=Pa(t,n,2),r!==null&&(qs(n,r,t,e),Be(r,2),id(r));break}}t=t.return}}function Ku(e,t,n){var r=e.pingCache;if(r===null){r=e.pingCache=new Nl;var i=new Set;r.set(t,i)}else i=r.get(t),i===void 0&&(i=new Set,r.set(t,i));i.has(n)||(Hl=!0,i.add(n),e=qu.bind(null,e,t,n),t.then(e,e))}function qu(e,t,n){var r=e.pingCache;r!==null&&r.delete(t),e.pingedLanes|=e.suspendedLanes&n,e.warmLanes&=~n,Fl===e&&(Ll&n)===n&&(Wl===4||Wl===3&&(Ll&62914560)===Ll&&300>he()-$l?!(Pl&2)&&Su(e,0):ql|=n,Yl===Ll&&(Yl=0)),id(e)}function Ju(e,t){t===0&&(t=Re()),e=qr(e,t),e!==null&&(Be(e,t),id(e))}function Yu(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),Ju(e,n)}function Xu(e,t){var n=0;switch(e.tag){case 31:case 13:var r=e.stateNode,a=e.memoizedState;a!==null&&(n=a.retryLane);break;case 19:r=e.stateNode;break;case 22:r=e.stateNode._retryCache;break;default:throw Error(i(314))}r!==null&&r.delete(t),Ju(e,n)}function Zu(e,t){return de(e,t)}var Qu=null,$u=null,ed=!1,td=!1,nd=!1,rd=0;function id(e){e!==$u&&e.next===null&&($u===null?Qu=$u=e:$u=$u.next=e),td=!0,ed||(ed=!0,dd())}function ad(e,t){if(!nd&&td){nd=!0;do for(var n=!1,r=Qu;r!==null;){if(!t)if(e!==0){var i=r.pendingLanes;if(i===0)var a=0;else{var o=r.suspendedLanes,s=r.pingedLanes;a=(1<<31-De(42|e)+1)-1,a&=i&~(o&~s),a=a&201326741?a&201326741|1:a?a|2:0}a!==0&&(n=!0,ud(r,a))}else a=Ll,a=Fe(r,r===Fl?a:0,r.cancelPendingCommit!==null||r.timeoutHandle!==-1),!(a&3)||Ie(r,a)||(n=!0,ud(r,a));r=r.next}while(n);nd=!1}}function od(){sd()}function sd(){td=ed=!1;var e=0;rd!==0&&Jd()&&(e=rd);for(var t=he(),n=null,r=Qu;r!==null;){var i=r.next,a=cd(r,t);a===0?(r.next=null,n===null?Qu=i:n.next=i,i===null&&($u=n)):(n=r,(e!==0||a&3)&&(td=!0)),r=i}iu!==0&&iu!==5||ad(e,!1),rd!==0&&(rd=0)}function cd(e,t){for(var n=e.suspendedLanes,r=e.pingedLanes,i=e.expirationTimes,a=e.pendingLanes&-62914561;0s)break;var u=c.transferSize,d=c.initiatorType;u&&zd(d)&&(c=c.responseEnd,o+=u*(c`u`?null:document;function wf(e,t,n){var r=Cf;if(r&&typeof t==`string`&&t){var i=Ot(t);i=`link[rel="`+e+`"][href="`+i+`"]`,typeof n==`string`&&(i+=`[crossorigin="`+n+`"]`),vf.has(i)||(vf.add(i),e={rel:e,crossOrigin:n,href:t},r.querySelector(i)===null&&(t=r.createElement(`link`),Ld(t,`link`,e),lt(t),r.head.appendChild(t)))}}function Tf(e){bf.D(e),wf(`dns-prefetch`,e,null)}function Ef(e,t){bf.C(e,t),wf(`preconnect`,e,t)}function Df(e,t,n){bf.L(e,t,n);var r=Cf;if(r&&e&&t){var i=`link[rel="preload"][as="`+Ot(t)+`"]`;t===`image`&&n&&n.imageSrcSet?(i+=`[imagesrcset="`+Ot(n.imageSrcSet)+`"]`,typeof n.imageSizes==`string`&&(i+=`[imagesizes="`+Ot(n.imageSizes)+`"]`)):i+=`[href="`+Ot(e)+`"]`;var a=i;switch(t){case`style`:a=Nf(e);break;case`script`:a=Lf(e)}_f.has(a)||(e=m({rel:`preload`,href:t===`image`&&n&&n.imageSrcSet?void 0:e,as:t},n),_f.set(a,e),r.querySelector(i)!==null||t===`style`&&r.querySelector(Pf(a))||t===`script`&&r.querySelector(Rf(a))||(t=r.createElement(`link`),Ld(t,`link`,e),lt(t),r.head.appendChild(t)))}}function Of(e,t){bf.m(e,t);var n=Cf;if(n&&e){var r=t&&typeof t.as==`string`?t.as:`script`,i=`link[rel="modulepreload"][as="`+Ot(r)+`"][href="`+Ot(e)+`"]`,a=i;switch(r){case`audioworklet`:case`paintworklet`:case`serviceworker`:case`sharedworker`:case`worker`:case`script`:a=Lf(e)}if(!_f.has(a)&&(e=m({rel:`modulepreload`,href:e},t),_f.set(a,e),n.querySelector(i)===null)){switch(r){case`audioworklet`:case`paintworklet`:case`serviceworker`:case`sharedworker`:case`worker`:case`script`:if(n.querySelector(Rf(a)))return}r=n.createElement(`link`),Ld(r,`link`,e),lt(r),n.head.appendChild(r)}}}function kf(e,t,n){bf.S(e,t,n);var r=Cf;if(r&&e){var i=ct(r).hoistableStyles,a=Nf(e);t||=`default`;var o=i.get(a);if(!o){var s={loading:0,preload:null};if(o=r.querySelector(Pf(a)))s.loading=5;else{e=m({rel:`stylesheet`,href:e,"data-precedence":t},n),(n=_f.get(a))&&Vf(e,n);var c=o=r.createElement(`link`);lt(c),Ld(c,`link`,e),c._p=new Promise(function(e,t){c.onload=e,c.onerror=t}),c.addEventListener(`load`,function(){s.loading|=1}),c.addEventListener(`error`,function(){s.loading|=2}),s.loading|=4,Bf(o,t,r)}o={type:`stylesheet`,instance:o,count:1,state:s},i.set(a,o)}}}function Af(e,t){bf.X(e,t);var n=Cf;if(n&&e){var r=ct(n).hoistableScripts,i=Lf(e),a=r.get(i);a||(a=n.querySelector(Rf(i)),a||(e=m({src:e,async:!0},t),(t=_f.get(i))&&Hf(e,t),a=n.createElement(`script`),lt(a),Ld(a,`link`,e),n.head.appendChild(a)),a={type:`script`,instance:a,count:1,state:null},r.set(i,a))}}function jf(e,t){bf.M(e,t);var n=Cf;if(n&&e){var r=ct(n).hoistableScripts,i=Lf(e),a=r.get(i);a||(a=n.querySelector(Rf(i)),a||(e=m({src:e,async:!0,type:`module`},t),(t=_f.get(i))&&Hf(e,t),a=n.createElement(`script`),lt(a),Ld(a,`link`,e),n.head.appendChild(a)),a={type:`script`,instance:a,count:1,state:null},r.set(i,a))}}function Mf(e,t,n,r){var a=(a=K.current)?yf(a):null;if(!a)throw Error(i(446));switch(e){case`meta`:case`title`:return null;case`style`:return typeof n.precedence==`string`&&typeof n.href==`string`?(t=Nf(n.href),n=ct(a).hoistableStyles,r=n.get(t),r||(r={type:`style`,instance:null,count:0,state:null},n.set(t,r)),r):{type:`void`,instance:null,count:0,state:null};case`link`:if(n.rel===`stylesheet`&&typeof n.href==`string`&&typeof n.precedence==`string`){e=Nf(n.href);var o=ct(a).hoistableStyles,s=o.get(e);if(s||(a=a.ownerDocument||a,s={type:`stylesheet`,instance:null,count:0,state:{loading:0,preload:null}},o.set(e,s),(o=a.querySelector(Pf(e)))&&!o._p&&(s.instance=o,s.state.loading=5),_f.has(e)||(n={rel:`preload`,as:`style`,href:n.href,crossOrigin:n.crossOrigin,integrity:n.integrity,media:n.media,hrefLang:n.hrefLang,referrerPolicy:n.referrerPolicy},_f.set(e,n),o||If(a,e,n,s.state))),t&&r===null)throw Error(i(528,``));return s}if(t&&r!==null)throw Error(i(529,``));return null;case`script`:return t=n.async,n=n.src,typeof n==`string`&&t&&typeof t!=`function`&&typeof t!=`symbol`?(t=Lf(n),n=ct(a).hoistableScripts,r=n.get(t),r||(r={type:`script`,instance:null,count:0,state:null},n.set(t,r)),r):{type:`void`,instance:null,count:0,state:null};default:throw Error(i(444,e))}}function Nf(e){return`href="`+Ot(e)+`"`}function Pf(e){return`link[rel="stylesheet"][`+e+`]`}function Ff(e){return m({},e,{"data-precedence":e.precedence,precedence:null})}function If(e,t,n,r){e.querySelector(`link[rel="preload"][as="style"][`+t+`]`)?r.loading=1:(t=e.createElement(`link`),r.preload=t,t.addEventListener(`load`,function(){return r.loading|=1}),t.addEventListener(`error`,function(){return r.loading|=2}),Ld(t,`link`,n),lt(t),e.head.appendChild(t))}function Lf(e){return`[src="`+Ot(e)+`"]`}function Rf(e){return`script[async]`+e}function zf(e,t,n){if(t.count++,t.instance===null)switch(t.type){case`style`:var r=e.querySelector(`style[data-href~="`+Ot(n.href)+`"]`);if(r)return t.instance=r,lt(r),r;var a=m({},n,{"data-href":n.href,"data-precedence":n.precedence,href:null,precedence:null});return r=(e.ownerDocument||e).createElement(`style`),lt(r),Ld(r,`style`,a),Bf(r,n.precedence,e),t.instance=r;case`stylesheet`:a=Nf(n.href);var o=e.querySelector(Pf(a));if(o)return t.state.loading|=4,t.instance=o,lt(o),o;r=Ff(n),(a=_f.get(a))&&Vf(r,a),o=(e.ownerDocument||e).createElement(`link`),lt(o);var s=o;return s._p=new Promise(function(e,t){s.onload=e,s.onerror=t}),Ld(o,`link`,r),t.state.loading|=4,Bf(o,n.precedence,e),t.instance=o;case`script`:return o=Lf(n.src),(a=e.querySelector(Rf(o)))?(t.instance=a,lt(a),a):(r=n,(a=_f.get(o))&&(r=m({},n),Hf(r,a)),e=e.ownerDocument||e,a=e.createElement(`script`),lt(a),Ld(a,`link`,r),e.head.appendChild(a),t.instance=a);case`void`:return null;default:throw Error(i(443,t.type))}else t.type===`stylesheet`&&!(t.state.loading&4)&&(r=t.instance,t.state.loading|=4,Bf(r,n.precedence,e));return t.instance}function Bf(e,t,n){for(var r=n.querySelectorAll(`link[rel="stylesheet"][data-precedence],style[data-precedence]`),i=r.length?r[r.length-1]:null,a=i,o=0;o title`):null)}function Kf(e,t,n){if(n===1||t.itemProp!=null)return!1;switch(e){case`meta`:case`title`:return!0;case`style`:if(typeof t.precedence!=`string`||typeof t.href!=`string`||t.href===``)break;return!0;case`link`:if(typeof t.rel!=`string`||typeof t.href!=`string`||t.href===``||t.onLoad||t.onError)break;switch(t.rel){case`stylesheet`:return e=t.disabled,typeof t.precedence==`string`&&e==null;default:return!0}case`script`:if(t.async&&typeof t.async!=`function`&&typeof t.async!=`symbol`&&!t.onLoad&&!t.onError&&t.src&&typeof t.src==`string`)return!0}return!1}function qf(e){return!(e.type===`stylesheet`&&!(e.state.loading&3))}function Jf(e,t,n,r){if(n.type===`stylesheet`&&(typeof r.media!=`string`||!1!==matchMedia(r.media).matches)&&!(n.state.loading&4)){if(n.instance===null){var i=Nf(r.href),a=t.querySelector(Pf(i));if(a){t=a._p,typeof t==`object`&&t&&typeof t.then==`function`&&(e.count++,e=Zf.bind(e),t.then(e,e)),n.state.loading|=4,n.instance=a,lt(a);return}a=t.ownerDocument||t,r=Ff(r),(i=_f.get(i))&&Vf(r,i),a=a.createElement(`link`),lt(a);var o=a;o._p=new Promise(function(e,t){o.onload=e,o.onerror=t}),Ld(a,`link`,r),n.instance=a}e.stylesheets===null&&(e.stylesheets=new Map),e.stylesheets.set(n,t),(t=n.state.preload)&&!(n.state.loading&3)&&(e.count++,n=Zf.bind(e),t.addEventListener(`load`,n),t.addEventListener(`error`,n))}}var Yf=0;function Xf(e,t){return e.stylesheets&&e.count===0&&$f(e,e.stylesheets),0Yf?50:800)+t);return e.unsuspend=n,function(){e.unsuspend=null,clearTimeout(r),clearTimeout(i)}}:null}function Zf(){if(this.count--,this.count===0&&(this.imgCount===0||!this.waitingForImages)){if(this.stylesheets)$f(this,this.stylesheets);else if(this.unsuspend){var e=this.unsuspend;this.unsuspend=null,e()}}}var Qf=null;function $f(e,t){e.stylesheets=null,e.unsuspend!==null&&(e.count++,Qf=new Map,t.forEach(ep,e),Qf=null,Zf.call(e))}function ep(e,t){if(!(t.state.loading&4)){var n=Qf.get(e);if(n)var r=n.get(null);else{n=new Map,Qf.set(e,n);for(var i=e.querySelectorAll(`link[data-precedence],style[data-precedence]`),a=0;a{function n(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>`u`||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!=`function`))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(n)}catch(e){console.error(e)}}n(),t.exports=g()}))(),v=`modulepreload`,y=function(e){return`/`+e},b={},x=function(e,t,n){let r=Promise.resolve();if(t&&t.length>0){let e=document.getElementsByTagName(`link`),i=document.querySelector(`meta[property=csp-nonce]`),a=i?.nonce||i?.getAttribute(`nonce`);function o(e){return Promise.all(e.map(e=>Promise.resolve(e).then(e=>({status:`fulfilled`,value:e}),e=>({status:`rejected`,reason:e}))))}r=o(t.map(t=>{if(t=y(t,n),t in b)return;b[t]=!0;let r=t.endsWith(`.css`),i=r?`[rel="stylesheet"]`:``;if(n)for(let n=e.length-1;n>=0;n--){let i=e[n];if(i.href===t&&(!r||i.rel===`stylesheet`))return}else if(document.querySelector(`link[href="${t}"]${i}`))return;let o=document.createElement(`link`);if(o.rel=r?`stylesheet`:v,r||(o.as=`script`),o.crossOrigin=``,o.href=t,a&&o.setAttribute(`nonce`,a),document.head.appendChild(o),r)return new Promise((e,n)=>{o.addEventListener(`load`,e),o.addEventListener(`error`,()=>n(Error(`Unable to preload CSS for ${t}`)))})}))}function i(e){let t=new Event(`vite:preloadError`,{cancelable:!0});if(t.payload=e,window.dispatchEvent(t),!t.defaultPrevented)throw e}return r.then(t=>{for(let e of t||[])e.status===`rejected`&&i(e.reason);return e().catch(i)})},S=c(p(),1),C=`popstate`;function w(e){return typeof e==`object`&&!!e&&`pathname`in e&&`search`in e&&`hash`in e&&`state`in e&&`key`in e}function T(e={}){function t(e,t){let n=t.state?.masked,{pathname:r,search:i,hash:a}=n||e.location;return A(``,{pathname:r,search:i,hash:a},t.state&&t.state.usr||null,t.state&&t.state.key||`default`,n?{pathname:e.location.pathname,search:e.location.search,hash:e.location.hash}:void 0)}function n(e,t){return typeof t==`string`?t:j(t)}return N(t,n,null,e)}function E(e,t){if(e===!1||e==null)throw Error(t)}function D(e,t){if(!e){typeof console<`u`&&console.warn(t);try{throw Error(t)}catch{}}}function O(){return Math.random().toString(36).substring(2,10)}function k(e,t){return{usr:e.state,key:e.key,idx:t,masked:e.mask?{pathname:e.pathname,search:e.search,hash:e.hash}:void 0}}function A(e,t,n=null,r,i){return{pathname:typeof e==`string`?e:e.pathname,search:``,hash:``,...typeof t==`string`?M(t):t,state:n,key:t&&t.key||r||O(),mask:i}}function j({pathname:e=`/`,search:t=``,hash:n=``}){return t&&t!==`?`&&(e+=t.charAt(0)===`?`?t:`?`+t),n&&n!==`#`&&(e+=n.charAt(0)===`#`?n:`#`+n),e}function M(e){let t={};if(e){let n=e.indexOf(`#`);n>=0&&(t.hash=e.substring(n),e=e.substring(0,n));let r=e.indexOf(`?`);r>=0&&(t.search=e.substring(r),e=e.substring(0,r)),e&&(t.pathname=e)}return t}function N(e,t,n,r={}){let{window:i=document.defaultView,v5Compat:a=!1}=r,o=i.history,s=`POP`,c=null,l=u();l??(l=0,o.replaceState({...o.state,idx:l},``));function u(){return(o.state||{idx:null}).idx}function d(){s=`POP`;let e=u(),t=e==null?null:e-l;l=e,c&&c({action:s,location:h.location,delta:t})}function f(e,t){s=`PUSH`;let r=w(e)?e:A(h.location,e,t);n&&n(r,e),l=u()+1;let d=k(r,l),f=h.createHref(r.mask||r);try{o.pushState(d,``,f)}catch(e){if(e instanceof DOMException&&e.name===`DataCloneError`)throw e;i.location.assign(f)}a&&c&&c({action:s,location:h.location,delta:1})}function p(e,t){s=`REPLACE`;let r=w(e)?e:A(h.location,e,t);n&&n(r,e),l=u();let i=k(r,l),d=h.createHref(r.mask||r);o.replaceState(i,``,d),a&&c&&c({action:s,location:h.location,delta:0})}function m(e){return P(e)}let h={get action(){return s},get location(){return e(i,o)},listen(e){if(c)throw Error(`A history only accepts one active listener`);return i.addEventListener(C,d),c=e,()=>{i.removeEventListener(C,d),c=null}},createHref(e){return t(i,e)},createURL:m,encodeLocation(e){let t=m(e);return{pathname:t.pathname,search:t.search,hash:t.hash}},push:f,replace:p,go(e){return o.go(e)}};return h}function P(e,t=!1){let n=`http://localhost`;typeof window<`u`&&(n=window.location.origin===`null`?window.location.href:window.location.origin),E(n,`No window.location.(origin|href) available to create URL`);let r=typeof e==`string`?e:j(e);return r=r.replace(/ $/,`%20`),!t&&r.startsWith(`//`)&&(r=n+r),new URL(r,n)}function F(e,t,n=`/`){return I(e,t,n,!1)}function I(e,t,n,r,i){let a=oe((typeof t==`string`?M(t):t).pathname||`/`,n);if(a==null)return null;let o=i??R(e),s=null,c=ae(a);for(let e=0;s==null&&e{let c={relativePath:s===void 0?e.path||``:s,caseSensitive:e.caseSensitive===!0,childrenIndex:a,route:e};if(c.relativePath.startsWith(`/`)){if(!c.relativePath.startsWith(r)&&o)return;E(c.relativePath.startsWith(r),`Absolute route path "${c.relativePath}" nested under path "${r}" is not valid. An absolute child route path must start with the combined path of all its parent routes.`),c.relativePath=c.relativePath.slice(r.length)}let l=he([r,c.relativePath]),u=n.concat(c);e.children&&e.children.length>0&&(E(e.index!==!0,`Index routes must not have child routes. Please remove all child routes from route path "${l}".`),z(e.children,t,u,l,o)),!(e.path==null&&!e.index)&&t.push({path:l,score:te(l,e.index),routesMeta:u})};return e.forEach((e,t)=>{if(e.path===``||!e.path?.includes(`?`))a(e,t);else for(let n of B(e.path))a(e,t,!0,n)}),t}function B(e){let t=e.split(`/`);if(t.length===0)return[];let[n,...r]=t,i=n.endsWith(`?`),a=n.replace(/\?$/,``);if(r.length===0)return i?[a,``]:[a];let o=B(r.join(`/`)),s=[];return s.push(...o.map(e=>e===``?a:[a,e].join(`/`))),i&&s.push(...o),s.map(t=>e.startsWith(`/`)&&t===``?`/`:t)}function V(e){e.sort((e,t)=>e.score===t.score?ne(e.routesMeta.map(e=>e.childrenIndex),t.routesMeta.map(e=>e.childrenIndex)):t.score-e.score)}var H=/^:[\w-]+$/,U=3,W=2,G=1,K=10,ee=-2,q=e=>e===`*`;function te(e,t){let n=e.split(`/`),r=n.length;return n.some(q)&&(r+=ee),t&&(r+=W),n.filter(e=>!q(e)).reduce((e,t)=>e+(H.test(t)?U:t===``?G:K),r)}function ne(e,t){return e.length===t.length&&e.slice(0,-1).every((e,n)=>e===t[n])?e[e.length-1]-t[t.length-1]:0}function re(e,t,n=!1){let{routesMeta:r}=e,i={},a=`/`,o=[];for(let e=0;e{if(t===`*`){let e=s[r]||``;o=a.slice(0,a.length-e.length).replace(/(.)\/+$/,`$1`)}let i=s[r];return n&&!i?e[t]=void 0:e[t]=(i||``).replace(/%2F/g,`/`),e},{}),pathname:a,pathnameBase:o,pattern:e}}function J(e,t=!1,n=!0){D(e===`*`||!e.endsWith(`*`)||e.endsWith(`/*`),`Route path "${e}" will be treated as if it were "${e.replace(/\*$/,`/*`)}" because the \`*\` character must always follow a \`/\` in the pattern. To get rid of this warning, please change the route path to "${e.replace(/\*$/,`/*`)}".`);let r=[],i=`^`+e.replace(/\/*\*?$/,``).replace(/^\/*/,`/`).replace(/[\\.*+^${}|()[\]]/g,`\\$&`).replace(/\/:([\w-]+)(\?)?/g,(e,t,n,i,a)=>{if(r.push({paramName:t,isOptional:n!=null}),n){let t=a.charAt(i+e.length);return t&&t!==`/`?`/([^\\/]*)`:`(?:/([^\\/]*))?`}return`/([^\\/]+)`}).replace(/\/([\w-]+)\?(\/|$)/g,`(/$1)?$2`);return e.endsWith(`*`)?(r.push({paramName:`*`}),i+=e===`*`||e===`/*`?`(.*)$`:`(?:\\/(.+)|\\/*)$`):n?i+=`\\/*$`:e!==``&&e!==`/`&&(i+=`(?:(?=\\/|$))`),[new RegExp(i,t?void 0:`i`),r]}function ae(e){try{return e.split(`/`).map(e=>decodeURIComponent(e).replace(/\//g,`%2F`)).join(`/`)}catch(t){return D(!1,`The URL path "${e}" could not be decoded because it is a malformed URL segment. This is probably due to a bad percent encoding (${t}).`),e}}function oe(e,t){if(t===`/`)return e;if(!e.toLowerCase().startsWith(t.toLowerCase()))return null;let n=t.endsWith(`/`)?t.length-1:t.length,r=e.charAt(n);return r&&r!==`/`?null:e.slice(n)||`/`}var se=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;function ce(e,t=`/`){let{pathname:n,search:r=``,hash:i=``}=typeof e==`string`?M(e):e,a;return n?(n=me(n),a=n.startsWith(`/`)?le(n.substring(1),`/`):le(n,t)):a=t,{pathname:a,search:ve(r),hash:ye(i)}}function le(e,t){let n=ge(t).split(`/`);return e.split(`/`).forEach(e=>{e===`..`?n.length>1&&n.pop():e!==`.`&&n.push(e)}),n.length>1?n.join(`/`):`/`}function ue(e,t,n,r){return`Cannot include a '${e}' character in a manually specified \`to.${t}\` field [${JSON.stringify(r)}]. Please separate it out to the \`to.${n}\` field. Alternatively you may provide the full path as a string in and the router will parse it for you.`}function de(e){return e.filter((e,t)=>t===0||e.route.path&&e.route.path.length>0)}function fe(e){let t=de(e);return t.map((e,n)=>n===t.length-1?e.pathname:e.pathnameBase)}function pe(e,t,n,r=!1){let i;typeof e==`string`?i=M(e):(i={...e},E(!i.pathname||!i.pathname.includes(`?`),ue(`?`,`pathname`,`search`,i)),E(!i.pathname||!i.pathname.includes(`#`),ue(`#`,`pathname`,`hash`,i)),E(!i.search||!i.search.includes(`#`),ue(`#`,`search`,`hash`,i)));let a=e===``||i.pathname===``,o=a?`/`:i.pathname,s;if(o==null)s=n;else{let e=t.length-1;if(!r&&o.startsWith(`..`)){let t=o.split(`/`);for(;t[0]===`..`;)t.shift(),--e;i.pathname=t.join(`/`)}s=e>=0?t[e]:`/`}let c=ce(i,s),l=o&&o!==`/`&&o.endsWith(`/`),u=(a||o===`.`)&&n.endsWith(`/`);return!c.pathname.endsWith(`/`)&&(l||u)&&(c.pathname+=`/`),c}var me=e=>e.replace(/\/\/+/g,`/`),he=e=>me(e.join(`/`)),ge=e=>e.replace(/\/+$/,``),_e=e=>ge(e).replace(/^\/*/,`/`),ve=e=>!e||e===`?`?``:e.startsWith(`?`)?e:`?`+e,ye=e=>!e||e===`#`?``:e.startsWith(`#`)?e:`#`+e,be=class{constructor(e,t,n,r=!1){this.status=e,this.statusText=t||``,this.internal=r,n instanceof Error?(this.data=n.toString(),this.error=n):this.data=n}};function xe(e){return e!=null&&typeof e.status==`number`&&typeof e.statusText==`string`&&typeof e.internal==`boolean`&&`data`in e}function Se(e){return he(e.map(e=>e.route.path).filter(Boolean))||`/`}var Ce=typeof window<`u`&&window.document!==void 0&&window.document.createElement!==void 0;function we(e,t){let n=e;if(typeof n!=`string`||!se.test(n))return{absoluteURL:void 0,isExternal:!1,to:n};let r=n,i=!1;if(Ce)try{let e=new URL(window.location.href),r=n.startsWith(`//`)?new URL(e.protocol+n):new URL(n),a=oe(r.pathname,t);r.origin===e.origin&&a!=null?n=a+r.search+r.hash:i=!0}catch{D(!1,` contains an invalid URL which will probably break when clicked - please update to a valid URL path.`)}return{absoluteURL:r,isExternal:i,to:n}}Object.getOwnPropertyNames(Object.prototype).sort().join(`\0`);var Te=[`POST`,`PUT`,`PATCH`,`DELETE`];new Set(Te);var Ee=[`GET`,...Te];new Set(Ee);var De=S.createContext(null);De.displayName=`DataRouter`;var Oe=S.createContext(null);Oe.displayName=`DataRouterState`;var ke=S.createContext(!1);function Ae(){return S.useContext(ke)}var je=S.createContext({isTransitioning:!1});je.displayName=`ViewTransition`;var Me=S.createContext(new Map);Me.displayName=`Fetchers`;var Ne=S.createContext(null);Ne.displayName=`Await`;var Pe=S.createContext(null);Pe.displayName=`Navigation`;var Fe=S.createContext(null);Fe.displayName=`Location`;var Ie=S.createContext({outlet:null,matches:[],isDataRoute:!1});Ie.displayName=`Route`;var Le=S.createContext(null);Le.displayName=`RouteError`;var Re=`REACT_ROUTER_ERROR`,ze=`REDIRECT`,Be=`ROUTE_ERROR_RESPONSE`;function Ve(e){if(e.startsWith(`${Re}:${ze}:{`))try{let t=JSON.parse(e.slice(28));if(typeof t==`object`&&t&&typeof t.status==`number`&&typeof t.statusText==`string`&&typeof t.location==`string`&&typeof t.reloadDocument==`boolean`&&typeof t.replace==`boolean`)return t}catch{}}function He(e){if(e.startsWith(`${Re}:${Be}:{`))try{let t=JSON.parse(e.slice(40));if(typeof t==`object`&&t&&typeof t.status==`number`&&typeof t.statusText==`string`)return new be(t.status,t.statusText,t.data)}catch{}}function Ue(e,{relative:t}={}){E(We(),`useHref() may be used only in the context of a component.`);let{basename:n,navigator:r}=S.useContext(Pe),{hash:i,pathname:a,search:o}=$e(e,{relative:t}),s=a;return n!==`/`&&(s=a===`/`?n:he([n,a])),r.createHref({pathname:s,search:o,hash:i})}function We(){return S.useContext(Fe)!=null}function Ge(){return E(We(),`useLocation() may be used only in the context of a component.`),S.useContext(Fe).location}var Ke=`You should call navigate() in a React.useEffect(), not when your component is first rendered.`;function qe(e){S.useContext(Pe).static||S.useLayoutEffect(e)}function Je(){let{isDataRoute:e}=S.useContext(Ie);return e?vt():Ye()}function Ye(){E(We(),`useNavigate() may be used only in the context of a component.`);let e=S.useContext(De),{basename:t,navigator:n}=S.useContext(Pe),{matches:r}=S.useContext(Ie),{pathname:i}=Ge(),a=JSON.stringify(fe(r)),o=S.useRef(!1);return qe(()=>{o.current=!0}),S.useCallback((r,s={})=>{if(D(o.current,Ke),!o.current)return;if(typeof r==`number`){n.go(r);return}let c=pe(r,JSON.parse(a),i,s.relative===`path`);e==null&&t!==`/`&&(c.pathname=c.pathname===`/`?t:he([t,c.pathname])),(s.replace?n.replace:n.push)(c,s.state,s)},[t,n,a,i,e])}var Xe=S.createContext(null);function Ze(e){let t=S.useContext(Ie).outlet;return S.useMemo(()=>t&&S.createElement(Xe.Provider,{value:e},t),[t,e])}function Qe(){let{matches:e}=S.useContext(Ie);return e[e.length-1]?.params??{}}function $e(e,{relative:t}={}){let{matches:n}=S.useContext(Ie),{pathname:r}=Ge(),i=JSON.stringify(fe(n));return S.useMemo(()=>pe(e,JSON.parse(i),r,t===`path`),[e,i,r,t])}function et(e,t){return tt(e,t)}function tt(e,t,n){E(We(),`useRoutes() may be used only in the context of a component.`);let{navigator:r}=S.useContext(Pe),{matches:i}=S.useContext(Ie),a=i[i.length-1],o=a?a.params:{},s=a?a.pathname:`/`,c=a?a.pathnameBase:`/`,l=a&&a.route;{let e=l&&l.path||``;bt(s,!l||e.endsWith(`*`)||e.endsWith(`*?`),`You rendered descendant (or called \`useRoutes()\`) at "${s}" (under ) but the parent route path has no trailing "*". This means if you navigate deeper, the parent won't match anymore and therefore the child routes will never render. - -Please change the parent to .`)}let u=Ge(),d;if(t){let e=typeof t==`string`?M(t):t;E(c===`/`||e.pathname?.startsWith(c),`When overriding the location using \`\` or \`useRoutes(routes, location)\`, the location pathname must begin with the portion of the URL pathname that was matched by all parent routes. The current pathname base is "${c}" but pathname "${e.pathname}" was given in the \`location\` prop.`),d=e}else d=u;let f=d.pathname||`/`,p=f;if(c!==`/`){let e=c.replace(/^\//,``).split(`/`);p=`/`+f.replace(/^\//,``).split(`/`).slice(e.length).join(`/`)}let m=n&&n.state.matches.length?n.state.matches.map(e=>Object.assign(e,{route:n.manifest[e.route.id]||e.route})):F(e,{pathname:p});D(l||m!=null,`No routes matched location "${d.pathname}${d.search}${d.hash}" `),D(m==null||m[m.length-1].route.element!==void 0||m[m.length-1].route.Component!==void 0||m[m.length-1].route.lazy!==void 0,`Matched leaf route at location "${d.pathname}${d.search}${d.hash}" does not have an element or Component. This means it will render an with a null value by default resulting in an "empty" page.`);let h=ct(m&&m.map(e=>Object.assign({},e,{params:Object.assign({},o,e.params),pathname:he([c,r.encodeLocation?r.encodeLocation(e.pathname.replace(/%/g,`%25`).replace(/\?/g,`%3F`).replace(/#/g,`%23`)).pathname:e.pathname]),pathnameBase:e.pathnameBase===`/`?c:he([c,r.encodeLocation?r.encodeLocation(e.pathnameBase.replace(/%/g,`%25`).replace(/\?/g,`%3F`).replace(/#/g,`%23`)).pathname:e.pathnameBase])})),i,n);return t&&h?S.createElement(Fe.Provider,{value:{location:{pathname:`/`,search:``,hash:``,state:null,key:`default`,mask:void 0,...d},navigationType:`POP`}},h):h}function nt(){let e=_t(),t=xe(e)?`${e.status} ${e.statusText}`:e instanceof Error?e.message:JSON.stringify(e),n=e instanceof Error?e.stack:null,r=`rgba(200,200,200, 0.5)`,i={padding:`0.5rem`,backgroundColor:r},a={padding:`2px 4px`,backgroundColor:r},o=null;return console.error(`Error handled by React Router default ErrorBoundary:`,e),o=S.createElement(S.Fragment,null,S.createElement(`p`,null,`💿 Hey developer 👋`),S.createElement(`p`,null,`You can provide a way better UX than this when your app throws errors by providing your own `,S.createElement(`code`,{style:a},`ErrorBoundary`),` or`,` `,S.createElement(`code`,{style:a},`errorElement`),` prop on your route.`)),S.createElement(S.Fragment,null,S.createElement(`h2`,null,`Unexpected Application Error!`),S.createElement(`h3`,{style:{fontStyle:`italic`}},t),n?S.createElement(`pre`,{style:i},n):null,o)}var rt=S.createElement(nt,null),it=class extends S.Component{constructor(e){super(e),this.state={location:e.location,revalidation:e.revalidation,error:e.error}}static getDerivedStateFromError(e){return{error:e}}static getDerivedStateFromProps(e,t){return t.location!==e.location||t.revalidation!==`idle`&&e.revalidation===`idle`?{error:e.error,location:e.location,revalidation:e.revalidation}:{error:e.error===void 0?t.error:e.error,location:t.location,revalidation:e.revalidation||t.revalidation}}componentDidCatch(e,t){this.props.onError?this.props.onError(e,t):console.error(`React Router caught the following error during render`,e)}render(){let e=this.state.error;if(this.context&&typeof e==`object`&&e&&`digest`in e&&typeof e.digest==`string`){let t=He(e.digest);t&&(e=t)}let t=e===void 0?this.props.children:S.createElement(Ie.Provider,{value:this.props.routeContext},S.createElement(Le.Provider,{value:e,children:this.props.component}));return this.context?S.createElement(ot,{error:e},t):t}};it.contextType=ke;var at=new WeakMap;function ot({children:e,error:t}){let{basename:n}=S.useContext(Pe);if(typeof t==`object`&&t&&`digest`in t&&typeof t.digest==`string`){let e=Ve(t.digest);if(e){let r=at.get(t);if(r)throw r;let i=we(e.location,n);if(Ce&&!at.get(t))if(i.isExternal||e.reloadDocument)window.location.href=i.absoluteURL||i.to;else{let n=Promise.resolve().then(()=>window.__reactRouterDataRouter.navigate(i.to,{replace:e.replace}));throw at.set(t,n),n}return S.createElement(`meta`,{httpEquiv:`refresh`,content:`0;url=${i.absoluteURL||i.to}`})}}return e}function st({routeContext:e,match:t,children:n}){let r=S.useContext(De);return r&&r.static&&r.staticContext&&(t.route.errorElement||t.route.ErrorBoundary)&&(r.staticContext._deepestRenderedBoundaryId=t.route.id),S.createElement(Ie.Provider,{value:e},n)}function ct(e,t=[],n){let r=n?.state;if(e==null){if(!r)return null;if(r.errors)e=r.matches;else if(t.length===0&&!r.initialized&&r.matches.length>0)e=r.matches;else return null}let i=e,a=r?.errors;if(a!=null){let e=i.findIndex(e=>e.route.id&&a?.[e.route.id]!==void 0);E(e>=0,`Could not find a matching route for errors on route IDs: ${Object.keys(a).join(`,`)}`),i=i.slice(0,Math.min(i.length,e+1))}let o=!1,s=-1;if(n&&r){o=r.renderFallback;for(let e=0;e=0?i.slice(0,s+1):[i[0]];break}}}}let c=n?.onError,l=r&&c?(e,t)=>{c(e,{location:r.location,params:r.matches?.[0]?.params??{},pattern:Se(r.matches),errorInfo:t})}:void 0;return i.reduceRight((e,n,c)=>{let u,d=!1,f=null,p=null;r&&(u=a&&n.route.id?a[n.route.id]:void 0,f=n.route.errorElement||rt,o&&(s<0&&c===0?(bt(`route-fallback`,!1,"No `HydrateFallback` element provided to render during initial hydration"),d=!0,p=null):s===c&&(d=!0,p=n.route.hydrateFallbackElement||null)));let m=t.concat(i.slice(0,c+1)),h=()=>{let t;return t=u?f:d?p:n.route.Component?S.createElement(n.route.Component,null):n.route.element?n.route.element:e,S.createElement(st,{match:n,routeContext:{outlet:e,matches:m,isDataRoute:r!=null},children:t})};return r&&(n.route.ErrorBoundary||n.route.errorElement||c===0)?S.createElement(it,{location:r.location,revalidation:r.revalidation,component:f,error:u,children:h(),routeContext:{outlet:null,matches:m,isDataRoute:!0},onError:l}):h()},null)}function lt(e){return`${e} must be used within a data router. See https://reactrouter.com/en/main/routers/picking-a-router.`}function ut(e){let t=S.useContext(De);return E(t,lt(e)),t}function dt(e){let t=S.useContext(Oe);return E(t,lt(e)),t}function ft(e){let t=S.useContext(Ie);return E(t,lt(e)),t}function pt(e){let t=ft(e),n=t.matches[t.matches.length-1];return E(n.route.id,`${e} can only be used on routes that contain a unique "id"`),n.route.id}function mt(){return pt(`useRouteId`)}function ht(){return dt(`useNavigation`).navigation}function gt(){let{matches:e,loaderData:t}=dt(`useMatches`);return S.useMemo(()=>e.map(e=>L(e,t)),[e,t])}function _t(){let e=S.useContext(Le),t=dt(`useRouteError`),n=pt(`useRouteError`);return e===void 0?t.errors?.[n]:e}function vt(){let{router:e}=ut(`useNavigate`),t=pt(`useNavigate`),n=S.useRef(!1);return qe(()=>{n.current=!0}),S.useCallback(async(r,i={})=>{D(n.current,Ke),n.current&&(typeof r==`number`?await e.navigate(r):await e.navigate(r,{fromRouteId:t,...i}))},[e,t])}var yt={};function bt(e,t,n){!t&&!yt[e]&&(yt[e]=!0,D(!1,n))}S.memo(xt);function xt({routes:e,manifest:t,future:n,state:r,isStatic:i,onError:a}){return tt(e,void 0,{manifest:t,state:r,isStatic:i,onError:a,future:n})}function St({to:e,replace:t,state:n,relative:r}){E(We(),` may be used only in the context of a component.`);let{static:i}=S.useContext(Pe);D(!i,` must not be used on the initial render in a . This is a no-op, but you should modify your code so the is only ever rendered in response to some user interaction or state change.`);let{matches:a}=S.useContext(Ie),{pathname:o}=Ge(),s=Je(),c=pe(e,fe(a),o,r===`path`),l=JSON.stringify(c);return S.useEffect(()=>{s(JSON.parse(l),{replace:t,state:n,relative:r})},[s,l,r,t,n]),null}function Ct(e){return Ze(e.context)}function wt(e){E(!1,`A is only ever to be used as the child of element, never rendered directly. Please wrap your in a .`)}function Tt({basename:e=`/`,children:t=null,location:n,navigationType:r=`POP`,navigator:i,static:a=!1,useTransitions:o}){E(!We(),`You cannot render a inside another . You should never have more than one in your app.`);let s=e.replace(/^\/*/,`/`),c=S.useMemo(()=>({basename:s,navigator:i,static:a,useTransitions:o,future:{}}),[s,i,a,o]);typeof n==`string`&&(n=M(n));let{pathname:l=`/`,search:u=``,hash:d=``,state:f=null,key:p=`default`,mask:m}=n,h=S.useMemo(()=>{let e=oe(l,s);return e==null?null:{location:{pathname:e,search:u,hash:d,state:f,key:p,mask:m},navigationType:r}},[s,l,u,d,f,p,r,m]);return D(h!=null,` is not able to match the URL "${l}${u}${d}" because it does not start with the basename, so the won't render anything.`),h==null?null:S.createElement(Pe.Provider,{value:c},S.createElement(Fe.Provider,{children:t,value:h}))}function Et({children:e,location:t}){return et(Dt(e),t)}S.Component;function Dt(e,t=[]){let n=[];return S.Children.forEach(e,(e,r)=>{if(!S.isValidElement(e))return;let i=[...t,r];if(e.type===S.Fragment){n.push.apply(n,Dt(e.props.children,i));return}E(e.type===wt,`[${typeof e.type==`string`?e.type:e.type.name}] is not a component. All component children of must be a or `),E(!e.props.index||!e.props.children,`An index route cannot have child routes.`);let a={id:e.props.id||i.join(`-`),caseSensitive:e.props.caseSensitive,element:e.props.element,Component:e.props.Component,index:e.props.index,path:e.props.path,middleware:e.props.middleware,loader:e.props.loader,action:e.props.action,hydrateFallbackElement:e.props.hydrateFallbackElement,HydrateFallback:e.props.HydrateFallback,errorElement:e.props.errorElement,ErrorBoundary:e.props.ErrorBoundary,hasErrorBoundary:e.props.hasErrorBoundary===!0||e.props.ErrorBoundary!=null||e.props.errorElement!=null,shouldRevalidate:e.props.shouldRevalidate,handle:e.props.handle,lazy:e.props.lazy};e.props.children&&(a.children=Dt(e.props.children,i)),n.push(a)}),n}var Ot=`get`,kt=`application/x-www-form-urlencoded`;function At(e){return typeof HTMLElement<`u`&&e instanceof HTMLElement}function jt(e){return At(e)&&e.tagName.toLowerCase()===`button`}function Mt(e){return At(e)&&e.tagName.toLowerCase()===`form`}function Nt(e){return At(e)&&e.tagName.toLowerCase()===`input`}function Pt(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}function Ft(e,t){return e.button===0&&(!t||t===`_self`)&&!Pt(e)}function It(e=``){return new URLSearchParams(typeof e==`string`||Array.isArray(e)||e instanceof URLSearchParams?e:Object.keys(e).reduce((t,n)=>{let r=e[n];return t.concat(Array.isArray(r)?r.map(e=>[n,e]):[[n,r]])},[]))}function Lt(e,t){let n=It(e);return t&&t.forEach((e,r)=>{n.has(r)||t.getAll(r).forEach(e=>{n.append(r,e)})}),n}var Rt=null;function zt(){if(Rt===null)try{new FormData(document.createElement(`form`),0),Rt=!1}catch{Rt=!0}return Rt}var Bt=new Set([`application/x-www-form-urlencoded`,`multipart/form-data`,`text/plain`]);function Vt(e){return e!=null&&!Bt.has(e)?(D(!1,`"${e}" is not a valid \`encType\` for \`
\`/\`\` and will default to "${kt}"`),null):e}function Ht(e,t){let n,r,i,a,o;if(Mt(e)){let o=e.getAttribute(`action`);r=o?oe(o,t):null,n=e.getAttribute(`method`)||Ot,i=Vt(e.getAttribute(`enctype`))||kt,a=new FormData(e)}else if(jt(e)||Nt(e)&&(e.type===`submit`||e.type===`image`)){let o=e.form;if(o==null)throw Error(`Cannot submit a - + ) : ( { border: '1px solid rgba(99, 102, 241, 0.15)', background: 'rgba(255,255,255,0.8)', }} - maxLength={10} - suffix={{originalProductName.length}/10} + maxLength={50} + suffix={{originalProductName.length}/50} /> @@ -1171,8 +1233,8 @@ const GenerateConver: React.FC = () => { border: '1px solid rgba(99, 102, 241, 0.15)', background: 'rgba(255,255,255,0.8)', }} - maxLength={10} - suffix={{ownProductName.length}/10} + maxLength={50} + suffix={{ownProductName.length}/50} /> @@ -1196,16 +1258,16 @@ const GenerateConver: React.FC = () => { background: 'rgba(255,255,255,0.8)', }} rows={3} - maxLength={30} + maxLength={200} /> - {productSellingPoints.length}/30 + {productSellingPoints.length}/200 -
-

视频生成参数 +

+

视频生成参数 （必选）

@@ -1246,7 +1308,7 @@ const GenerateConver: React.FC = () => { style={{ position: 'absolute', bottom: 'calc(100% + 8px)', - left: -10, + left: -19, width: 300, backgroundColor: '#fff', borderRadius: 16, @@ -1278,10 +1340,20 @@ const GenerateConver: React.FC = () => { type="button" onClick={() => { setEngineId(engine.id); + const engineMaxDur = (() => { + const raw = engine.maxDuration ?? engine.max_duration; + if (raw != null) return Number(raw); + const durs = engine.supportedDurations; + if (Array.isArray(durs) && durs.length > 0) return Math.max(...durs); + return 15; + })(); + const rawDurs = engine.supportedDurations; + const generatedDurs = Array.from({ length: engineMaxDur - 4 }, (_, i) => i + 5); + const newDurations = Array.from(new Set([...(rawDurs || []), ...generatedDurs].sort((a, b) => a - b))); setEngineOptions({ ratios: engine.supportedRatios || ['16:9', '4:3', '1:1', '3:4', '9:16', '21:9'], resolutions: engine.supportedResolutions || ['480p', '720p', '1080p'], - durations: engine.supportedDurations || [5, 8, 10, 12, 15], + durations: newDurations, }); if (!engine.supportedRatios?.includes(videoAspectRatio)) { setVideoAspectRatio(engine.supportedRatios?.[0] || '16:9'); @@ -1289,8 +1361,9 @@ const GenerateConver: React.FC = () => { if (!engine.supportedResolutions?.includes(videoResolution)) { setVideoResolution(engine.supportedResolutions?.[0] || '720p'); } - if (!engine.supportedDurations?.includes(videoDuration)) { - setVideoDuration(engine.supportedDurations?.[0] || 5); + if (!newDurations.includes(videoDuration) || videoDuration > engineMaxDur) { + const validDur = newDurations.find(d => d <= engineMaxDur) ?? newDurations[0] ?? 5; + setVideoDuration(validDur); } setShowEngineModal(false); }} @@ -1322,11 +1395,6 @@ const GenerateConver: React.FC = () => { }}> {engine.name} - - ))}
@@ -1436,13 +1504,13 @@ const GenerateConver: React.FC = () => { - {ratio} - - + ? '#6366f1' + : '#6b7280', + fontWeight: videoAspectRatio === ratio ? 600 : 400, + }}> + {ratio} + + ); })}
@@ -1477,15 +1545,15 @@ const GenerateConver: React.FC = () => { height: 6, borderRadius: 3, background: '#6366f1', - width: `${((videoDuration - Math.min(...engineOptions.durations)) / (Math.max(...engineOptions.durations) - Math.min(...engineOptions.durations))) * 100}%`, + width: `${((videoDuration - Math.min(...engineOptions.durations)) / (currentMaxDuration - Math.min(...engineOptions.durations))) * 100}%`, transform: 'translateY(-50%)', }} /> setVideoDuration(Number(e.target.value))} + onChange={(e) => setVideoDuration(Math.min(Number(e.target.value), currentMaxDuration))} style={{ position: 'relative', width: '100%', @@ -1567,6 +1635,8 @@ const GenerateConver: React.FC = () => {
+ + {/* 立即生成按钮 */} { + const [records, setRecords] = useState([]); + const [headers, setHeaders] = useState([]); + const [headerModalOpen, setHeaderModalOpen] = useState(false); + const [addModalOpen, setAddModalOpen] = useState(false); + const [headerForm] = Form.useForm(); + + // 开票流程状态 + const [issueModalOpen, setIssueModalOpen] = useState(false); + const [selectedOrdersMap, setSelectedOrdersMap] = useState>(new Map()); + const [selectHeaderModalOpen, setSelectHeaderModalOpen] = useState(false); + const [selectedHeaderId, setSelectedHeaderId] = useState(null); + + // 订单列表（从接口获取） + const [orderLoading, setOrderLoading] = useState(false); + const [orderData, setOrderData] = useState([]); + const [orderTotal, setOrderTotal] = useState(0); + const [orderPage, setOrderPage] = useState(1); + const [orderPageSize] = useState(10); + + // 说明弹窗 + const [noticeModalOpen, setNoticeModalOpen] = useState(false); + const [digitalInvoiceModalOpen, setDigitalInvoiceModalOpen] = useState(false); + + // 详情弹窗 + const [detailModalOpen, setDetailModalOpen] = useState(false); + const [currentDetail, setCurrentDetail] = useState(null); + + // 生成随机编号 + const generateRandomNo = () => { + const now = new Date(); + const year = now.getFullYear(); + const month = String(now.getMonth() + 1).padStart(2, '0'); + const day = String(now.getDate()).padStart(2, '0'); + const rand = String(Math.floor(Math.random() * 100000)).padStart(5, '0'); + return `FP${year}${month}${day}${rand}`; + }; + + // 加载订单数据 + const loadOrderData = async (page: number = orderPage) => { + setOrderLoading(true); + try { + const data = await getPaymentOrders(page, orderPageSize); + const items = data.items || []; + setOrderData(items); + setOrderTotal(data.total || 0); + } catch { + setOrderData([]); + } + setOrderLoading(false); + }; + + useEffect(() => { + if (issueModalOpen) { + loadOrderData(1); + setOrderPage(1); + } + }, [issueModalOpen]); + + const columns = [ + { + title: '发票编号', + dataIndex: 'orderNo', + key: 'orderNo', + width: 200, + render: (text: string) => ( + {text} + ), + }, + { + title: '发票类型', + dataIndex: 'orderType', + key: 'orderType', + width: 120, + render: (text: string) => {text}, + }, + { + title: '总金额', + dataIndex: 'amount', + key: 'amount', + width: 120, + align: 'right' as const, + render: (amount: number) => ( + + ¥{amount.toFixed(2)} + + ), + }, + { + title: '开具时间', + dataIndex: 'createTime', + key: 'createTime', + width: 180, + render: (text: string) => {text}, + }, + { + title: '发票状态', + dataIndex: 'status', + key: 'status', + width: 120, + render: (status: string) => { + const statusConfig: Record = { + pending: { color: '#f59e0b', label: '待开具', bg: 'rgba(245,158,11,0.1)' }, + processing: { color: '#0ea5e9', label: '开具中', bg: 'rgba(14,165,233,0.1)' }, + issued: { color: '#10b981', label: '已开具', bg: 'rgba(16,185,129,0.1)' }, + rejected: { color: '#ef4444', label: '已驳回', bg: 'rgba(239,68,68,0.1)' }, + }; + const config = statusConfig[status] || { color: '#64748b', label: status, bg: 'rgba(100,116,139,0.1)' }; + return ( + + {config.label} + + ); + }, + }, + { + title: '操作', + key: 'action', + width: 120, + render: (_: any, record: InvoiceRecord) => { + return ( + + ); + }, + }, + ]; + + const orderColumns = [ + { + title: '订单号', + key: 'orderNo', + width: 200, + render: (_: any, record: any) => { + const orderNo = record.order_no || record.orderNo || record.id; + return ( + + {orderNo} + + ); + }, + }, + { + title: '支付方式', + key: 'paymentMethod', + width: 100, + render: (_: any, record: any) => { + const method = record.payment_method || record.paymentMethod || 'wechat'; + const methodConfig: Record = { + alipay: { icon: , label: '支付宝', color: '#1677ff' }, + wechat: { icon: , label: '微信支付', color: '#07c160' }, + }; + const config = methodConfig[method] || methodConfig.wechat; + return ( +
+ {config.icon} + {config.label} +
+ ); + }, + }, + { + title: '金额', + key: 'amount', + width: 100, + align: 'right' as const, + render: (_: any, record: any) => { + const amount = record.amount || record.total_amount || 0; + return ( + + ¥{typeof amount === 'number' ? amount.toFixed(2) : amount} + + ); + }, + }, + { + title: '获得积分', + key: 'credits', + width: 100, + align: 'center' as const, + render: (_: any, record: any) => { + const credits = record.credits || record.credit_amount || 0; + return ( + + {credits} + + ); + }, + }, + { + title: '状态', + key: 'status', + width: 100, + render: (_: any, record: any) => { + const status = record.status || 'pending'; + const statusConfig: Record = { + pending: { color: '#f59e0b', label: '待支付', bg: 'rgba(245,158,11,0.1)' }, + paid: { color: '#10b981', label: '已支付', bg: 'rgba(16,185,129,0.1)' }, + refunded: { color: '#94a3b8', label: '已退款', bg: 'rgba(148,163,184,0.1)' }, + failed: { color: '#ef4444', label: '支付失败', bg: 'rgba(239,68,68,0.1)' }, + cancelled: { color: '#64748b', label: '已取消', bg: 'rgba(100,116,139,0.1)' }, + processing: { color: '#0ea5e9', label: '处理中', bg: 'rgba(14,165,233,0.1)' }, + }; + const config = statusConfig[status] || { color: '#64748b', label: status, bg: 'rgba(100,116,139,0.1)' }; + return ( + + {config.label} + + ); + }, + }, + { + title: '创建时间', + key: 'createdAt', + width: 180, + render: (_: any, record: any) => { + const createdAt = record.created_at || record.createdAt; + return createdAt ? new Date(createdAt).toLocaleString('zh-CN') : '-'; + }, + }, + { + title: '支付时间', + key: 'paidAt', + width: 180, + render: (_: any, record: any) => { + const paidAt = record.paid_at || record.paidAt; + return paidAt ? new Date(paidAt).toLocaleString('zh-CN') : '-'; + }, + }, + ]; + + const headerColumns = [ + { + title: '发票抬头', + dataIndex: 'name', + key: 'name', + render: (text: string) => ( + {text} + ), + }, + { + title: '发票抬头类型', + dataIndex: 'type', + key: 'type', + width: 140, + render: (type: string) => ( + {type === 'company' ? '企业' : '个人'} + ), + }, + { + title: '纳税号', + dataIndex: 'taxNo', + key: 'taxNo', + width: 200, + render: (text: string) => {text || '-'}, + }, + { + title: '是否默认', + dataIndex: 'isDefault', + key: 'isDefault', + width: 100, + render: (isDefault: boolean) => + isDefault ? ( + 默认 + ) : ( + - + ), + }, + { + title: '操作', + key: 'action', + width: 120, + render: (_: any, record: InvoiceHeader) => ( +
+ {!record.isDefault && ( + + )} + +
+ ), + }, + ]; + + // 选择弹窗中的抬头列表（合并 mockHeaders 和用户添加的） + const allHeadersForSelect = React.useMemo(() => { + const merged = [...mockHeaders]; + headers.forEach(h => { + const idx = merged.findIndex(m => m.id === h.id); + if (idx >= 0) { + merged[idx] = h; + } else { + merged.push(h); + } + }); + return merged; + }, [headers]); + + const handleAddHeader = async () => { + try { + const values = await headerForm.validateFields(); + const newHeader: InvoiceHeader = { + id: Date.now().toString(), + name: values.name, + type: values.type, + taxNo: values.taxNo, + registerAddress: values.registerAddress, + bankName: values.bankName, + registerPhone: values.registerPhone, + bankAccount: values.bankAccount, + isDefault: values.isDefault === 'yes' || (headers.length === 0 && !allHeadersForSelect.some(h => h.isDefault)), + }; + if (newHeader.isDefault) { + setHeaders(prev => prev.map(h => ({ ...h, isDefault: false }))); + } + setHeaders(prev => [...prev, newHeader]); + headerForm.resetFields(); + setAddModalOpen(false); + message.success('发票抬头添加成功'); + } catch (e: any) { + if (e?.errorFields) { + message.warning('请完善表单信息'); + } + } + }; + + const handleDeleteHeader = (id: string) => { + Modal.confirm({ + title: '删除发票抬头', + content: '确定要删除该发票抬头吗？', + okText: '确定', + cancelText: '取消', + onOk: () => { + setHeaders(prev => prev.filter(h => h.id !== id)); + message.success('删除成功'); + }, + }); + }; + + const handleSetDefault = (id: string) => { + setHeaders(prev => prev.map(h => ({ ...h, isDefault: h.id === id }))); + message.success('已设为默认'); + }; + + // 开票流程：选择订单后确认 → 打开抬头选择弹窗 + const handleIssueOrderConfirm = () => { + if (selectedOrdersMap.size === 0) { + message.warning('请至少选择一个订单'); + return; + } + setIssueModalOpen(false); + const defaultHeader = allHeadersForSelect.find(h => h.isDefault); + setSelectedHeaderId(defaultHeader?.id || allHeadersForSelect[0]?.id || null); + setSelectHeaderModalOpen(true); + }; + + // 开票流程：选择抬头后确认 → 计算总金额，添加到开票记录 + const handleHeaderConfirm = () => { + if (!selectedHeaderId) { + message.warning('请选择一个发票抬头'); + return; + } + const selectedOrders = Array.from(selectedOrdersMap.values()); + const totalAmount = selectedOrders.reduce((sum, o) => sum + (o.amount || o.total_amount || 0), 0); + const now = new Date().toLocaleString('zh-CN'); + const selectedHeader = allHeadersForSelect.find(h => h.id === selectedHeaderId); + const newRecord: InvoiceRecord = { + id: Date.now().toString(), + orderNo: generateRandomNo(), + orderType: selectedOrders.length > 1 ? `${selectedOrders.length}笔订单合并` : (selectedOrders[0].type || '订单'), + amount: totalAmount, + createTime: now, + status: 'pending', + headerName: selectedHeader?.name, + headerType: selectedHeader?.type, + headerTaxNo: selectedHeader?.taxNo, + selectedOrders, + }; + setRecords(prev => [newRecord, ...prev]); + setSelectHeaderModalOpen(false); + setSelectedOrdersMap(new Map()); + setSelectedHeaderId(null); + message.success(`开票申请已提交，合计金额 ¥${totalAmount.toFixed(2)}`); + }; + + const orderRowSelection = { + selectedRowKeys: Array.from(selectedOrdersMap.keys()), + onChange: (keys: React.Key[], selectedRows: any[]) => { + const newMap = new Map(selectedOrdersMap); + const currentPageKeys = orderData.map((o: any) => o.order_no || o.orderNo || o.id); + // First remove all keys from current page + currentPageKeys.forEach(key => newMap.delete(key)); + // Then add back the selected ones + keys.forEach(key => { + const row = selectedRows.find((r: any) => (r.order_no || r.orderNo || r.id) === key); + if (row) { + newMap.set(key as string, row); + } + }); + setSelectedOrdersMap(newMap); + }, + preserveSelectedRowKeys: true, + getCheckboxProps: (record: any) => ({ + name: record.order_no || record.orderNo || record.id, + }), + }; + + // 计算已选订单合计金额 + const selectedOrdersAmount = Array.from(selectedOrdersMap.values()) + .reduce((sum, o) => sum + (o.amount || o.total_amount || 0), 0); + + const selectedOrderCount = selectedOrdersMap.size; + + return ( +
+
+
+ + 申请开票 +
+ + + + +
+ +
+ + 特别说明： + +
+
+ ◎ 为落实中办、国办印发的《关于进一步深化税收征管改革的意见》要求，继续加大全面数字化的电子发票（以下简称数电发票）推广使用力度，我们将提供数电发票开具。详细情况可阅读 + { e.preventDefault(); setDigitalInvoiceModalOpen(true); }} + style={{ color: '#6366f1', cursor: 'pointer' }} + >《全面数字化电子发票说明》。 +
+
◎ 下单1小时后方可申请开票！
+ +
+
+ +
+ {records.length === 0 ? ( + 暂无申请开票记录} + style={{ padding: '60px 0' }} + /> + ) : ( + + )} + + + {/* 详情弹窗 */} + + 发票详情 + + } + open={detailModalOpen} + onCancel={() => { setDetailModalOpen(false); setCurrentDetail(null); }} + width={720} + footer={[ + , + ]} + centered + styles={{ body: { padding: 0 } }} + closeIcon={} + > + {currentDetail && ( +
+ {/* 基本信息 */} +
+ + 发票信息 + +
+
+ 发票编号： + {currentDetail.orderNo} + 开票时间： + {currentDetail.createTime} + 发票金额： + ¥{currentDetail.amount.toFixed(2)} + 发票状态： + + + {currentDetail.status === 'pending' ? '待开具' : + currentDetail.status === 'processing' ? '开具中' : + currentDetail.status === 'issued' ? '已开具' : '已驳回'} + + +
+
+
+ + {/* 发票抬头 */} + {currentDetail.headerName && ( +
+ + 发票抬头 + +
+
+ 抬头类型： + {currentDetail.headerType === 'company' ? '企业' : '个人'} + 抬头名称： + {currentDetail.headerName} + {currentDetail.headerTaxNo && ( + <> + 纳税人识别号： + {currentDetail.headerTaxNo} + + )} +
+
+
+ )} + + {/* 订单明细 */} + {currentDetail.selectedOrders && currentDetail.selectedOrders.length > 0 && ( +
+ + 订单明细（共 {currentDetail.selectedOrders.length} 笔） + +
( + + {r.order_no || r.orderNo || r.id} + + ), + }, + { + title: '金额', + key: 'amount', + align: 'right' as const, + render: (_: any, r: any) => ( + + ¥{(r.amount || r.total_amount || 0).toFixed(2)} + + ), + }, + ]} + rowKey={(r: any) => r.order_no || r.orderNo || r.id} + pagination={false} + bordered={false} + size="small" + /> + + )} + + )} + + + {/* 开票 - 选择订单弹窗 */} + + + 选择订单 + + + 已选 {selectedOrderCount} 项，合计 ¥ + + {selectedOrdersAmount.toFixed(2)} + + + + } + open={issueModalOpen} + onCancel={() => { setIssueModalOpen(false); setSelectedOrdersMap(new Map()); }} + width="70%" + footer={[ + , + , + ]} + centered + styles={{ body: { padding: 0 } }} + closeIcon={} + > +
+ + {orderData.length === 0 ? ( + 暂无订单记录} /> + ) : ( + <> +
record.order_no || record.orderNo || record.id} + rowSelection={orderRowSelection} + pagination={false} + bordered={false} + /> +
+ { setOrderPage(page); loadOrderData(page); }} + size="small" + /> +
+ + )} + + + + + {/* 开票 - 选择发票抬头弹窗 */} + + + 选择发票抬头 + + + 开票金额：¥ + + {selectedOrdersAmount.toFixed(2)} + + + + } + open={selectHeaderModalOpen} + onCancel={() => { setSelectHeaderModalOpen(false); setSelectedHeaderId(null); setSelectedOrdersMap(new Map()); }} + width={820} + footer={[ + , + + ]} + centered + styles={{ body: { padding: 0 } }} + closeIcon={} + > +
+
( + setSelectedHeaderId(record.id)} + /> + ), + }, + { + title: '发票抬头', + dataIndex: 'name', + key: 'name', + render: (text: string) => ( + {text} + ), + }, + { + title: '抬头类型', + dataIndex: 'type', + key: 'type', + width: 120, + render: (type: string) => ( + {type === 'company' ? '企业' : '个人'} + ), + }, + { + title: '纳税人识别号', + dataIndex: 'taxNo', + key: 'taxNo', + width: 200, + render: (text: string) => {text || '-'}, + }, + { + title: '是否默认', + dataIndex: 'isDefault', + key: 'isDefault', + width: 100, + render: (isDefault: boolean) => + isDefault ? ( + 默认 + ) : ( + - + ), + }, + ]} + rowKey="id" + pagination={false} + bordered={false} + /> + + + + {/* 我的发票抬头 - 列表弹窗 */} + + + 我的发票抬头 + + + + } + open={headerModalOpen} + onCancel={() => setHeaderModalOpen(false)} + width={900} + footer={null} + centered + styles={{ body: {} }} + closeIcon={} + > +
+ {headers.length === 0 ? ( + 暂无发票抬头，请点击「添加常用发票抬头」添加} + style={{ padding: '60px 0' }} + /> + ) : ( +
+ )} + + + + {/* 添加常用发票抬头 - 表单弹窗 */} + + 我的发票抬头 + + } + open={addModalOpen} + onCancel={() => { + setAddModalOpen(false); + headerForm.resetFields(); + }} + width={640} + footer={null} + centered + styles={{ body: { padding: 0 } }} + closeIcon={} + > +
+ + + + 企业 + 个人 + + + +
+ + + + + + + + + + + + + + + + + + + + + + + +
+ + + + 是 + 否 + + + +
+ +
+ +
+ + + {/* 开票须知 弹窗 */} + setNoticeModalOpen(false)} + width={640} + footer={[ + , + ]} + centered + styles={{ body: { padding: 0 } }} + closeIcon={} + > +
+ + 开票须知 + +
+

尊敬的用户您好！

+

感谢您的支持，请仔细阅读以下内容：

+

1. 平台开具的发票均为增值税发票；

+

+ 2. 为落实中办、国办印发的《关于进一步深化税收征管改革的意见》要求，云图网积极推广开具全面数字化电子发票（简称全电发票或数电发票）；发票信息填写无误后，会于5个工作日内开具，并发送至您提交的交付邮箱； +

+

3. 开票金额与您实际支付金额一致；

+

4. 发票申请过程中有任何问题，可填写用户反馈沟通。

+
+
+ + + {/* 全面数字化电子发票说明 弹窗 */} + setDigitalInvoiceModalOpen(false)} + width={720} + footer={[ + , + ]} + centered + styles={{ body: { padding: 0 } }} + closeIcon={} + > +
+ + 全面数字化电子发票说明 + +
+

1. 什么是数电发票？

+

+ 是指全面数字化的电子发票，即发票信息全面数字化（依托可信身份体系和电子发票服务平台，以去介质、去版式、标签化、要素化、授信制、赋码制为基本特征，覆盖全领域、全环节、全要素的全新发票，与纸质发票具有同等法律效力）。 +

+

2. 数电发票可以开什么票种？

+

数电发票可以开增值税普通票及增值税专票（均是电子发票）。

+

3. 数电发票与电子发票的不同

+

3.1 数电发票无联次；

+

3.2 数电发票无发票代码，只有发票号码（20位）；

+

3.3 数电发票仅显示纳税人识别号和纳税人名称；

+

3.4 数电发票只有开票人，无收款人和复核人，无销售方（章）信息；

+

3.5 新增了动态二维码。

+

4. 数电发票怎么开，怎么交付？

+

+ 现有开具方式需要您选择电子发票填写信息申请，默认以PDF文件形式送至您提供的邮箱，如果您有特殊需求，可备注PDF格式及XML格式，如忘记备注可联系在线客服申请另选格式重复交付不受影响。 +

+

5. 请您认真核对信息无误后提交

+
+
+ + + ); +}; + +export default InvoicePage; diff --git a/video-gen-app/src/pages/RemoveInfo.tsx b/video-gen-app/src/pages/RemoveInfo.tsx index 6495b857..18485439 100644 --- a/video-gen-app/src/pages/RemoveInfo.tsx +++ b/video-gen-app/src/pages/RemoveInfo.tsx @@ -115,18 +115,76 @@ function RemoveInfo() { setVideoEngines(engines); if (engines.length > 0) { const first = engines[0]; + const firstMaxDur = (() => { + const raw = first.maxDuration ?? first.max_duration; + if (raw != null) return Number(raw); + const durs = first.supportedDurations; + if (Array.isArray(durs) && durs.length > 0) return Math.max(...durs); + return 15; + })(); + const rawDurs = first.supportedDurations; + const generatedDurs = Array.from({ length: Math.max(firstMaxDur - 4, 1) }, (_, i) => i + 5); + const mergedDurs = Array.from(new Set([...(rawDurs || []), ...generatedDurs].sort((a, b) => a - b))); setEngineId(first.id); setVideoAspectRatio(first.supportedRatios?.includes('9:16') ? '9:16' : first.supportedRatios?.[0] || '9:16'); setVideoResolution(first.supportedResolutions?.[0] || '480p'); - setVideoDuration(first.supportedDurations?.[0] || 5); + const defaultDur = (rawDurs || []).find((d: number) => d <= firstMaxDur) ?? generatedDurs[0] ?? 5; + setVideoDuration(defaultDur); + setEngineOptions({ + ratios: first.supportedRatios || ['16:9', '4:3', '1:1', '3:4', '9:16', '21:9'], + resolutions: first.supportedResolutions || ['480p', '720p', '1080p'], + durations: mergedDurs.length > 0 ? mergedDurs : generatedDurs, + }); } }).catch(() => message.error('视频引擎加载失败')); calculateCredits().then((rules: any) => setCreditRules(Array.isArray(rules) ? rules : [])).catch(() => setCreditRules([])); }, []); + // 当引擎变化时，同步 engineOptions 的 durations 以匹配 maxDuration + useEffect(() => { + if (!selectedEngine) return; + + const engineMaxDur = (() => { + const raw = selectedEngine.maxDuration ?? selectedEngine.max_duration; + if (raw != null) return Number(raw); + const durs = selectedEngine.supportedDurations; + if (Array.isArray(durs) && durs.length > 0) return Math.max(...durs); + return 15; + })(); + + const rawDurs = selectedEngine.supportedDurations; + const generatedDurs = Array.from({ length: Math.max(engineMaxDur - 4, 1) }, (_, i) => i + 5); + const mergedDurs = Array.from(new Set([...(rawDurs || []), ...generatedDurs].sort((a, b) => a - b))); + + setEngineOptions(prev => { + const prevDurs = prev.durations; + const maxDur = prevDurs.length > 0 ? Math.max(...prevDurs) : 0; + if (maxDur === engineMaxDur) return prev; + return { + ratios: selectedEngine.supportedRatios || prev.ratios, + resolutions: selectedEngine.supportedResolutions || prev.resolutions, + durations: mergedDurs.length > 0 ? mergedDurs : generatedDurs, + }; + }); + + setVideoDuration(prev => { + if (prev <= engineMaxDur) return prev; + return (rawDurs || []).find((d: number) => d <= engineMaxDur) ?? generatedDurs[0] ?? 5; + }); + }, [engineId]); + const createIdempotencyRef = useRef<{ segmentId: string; key: string } | null>(null); const selectedEngine = videoEngines.find((item: any) => item.id === engineId); + // 当前选中引擎支持的最大时长 + const currentMaxDuration = (() => { + if (!selectedEngine) return 15; + const raw = selectedEngine.maxDuration ?? selectedEngine.max_duration; + if (raw != null) return Number(raw); + const durs = selectedEngine.supportedDurations; + if (Array.isArray(durs) && durs.length > 0) return Math.max(...durs); + return 15; + })(); const selectedEngineSupportsImage = !productImage || supportsReferenceImage(selectedEngine); const estimatedCredits = useMemo(() => { const rule = creditRules.find((item: any) => item.modelConfigId === engineId && item.genType === 'video' && item.resolution === videoResolution); @@ -145,7 +203,17 @@ function RemoveInfo() { if (!engine) return; setVideoAspectRatio(engine.supportedRatios?.[0] || '16:9'); setVideoResolution(engine.supportedResolutions?.[0] || '480p'); - setVideoDuration(engine.supportedDurations?.[0] || 5); + const engineMaxDur = (() => { + const raw = engine.maxDuration ?? engine.max_duration; + if (raw != null) return Number(raw); + const durs = engine.supportedDurations; + if (Array.isArray(durs) && durs.length > 0) return Math.max(...durs); + return 15; + })(); + const rawDurs = engine.supportedDurations; + const generatedDurs = Array.from({ length: Math.max(engineMaxDur - 4, 1) }, (_, i) => i + 5); + const mergedDurs = Array.from(new Set([...(rawDurs || []), ...generatedDurs].sort((a, b) => a - b))); + setVideoDuration(mergedDurs.find((d: number) => d <= engineMaxDur) ?? mergedDurs[0] ?? 5); }; const autoSplitButtonText = useMemo(() => { @@ -744,6 +812,90 @@ function RemoveInfo() { }, ], []); + // 将表格部分用 useMemo 缓存，避免输入字段变化时触发 VideoCell 重新挂载 + const tableSection = useMemo(() => ( +
+
+

拆镜片段列表

+ 共 {tableData.length} 个片段 +
+
{ + setCurrentPage(page); + setPageSize(size); + }, + showSizeChanger: true, + showTotal: (total) => `共 ${total} 条`, + }} + bordered={false} + rowKey="id" + scroll={{ y: 300 }} + style={{ flex: 1 }} + components={{ + body: { + row: ({ className, style, ...rest }) => ( + + ), + cell: ({ className, style, ...rest }) => ( +
+ ), + }, + header: { + cell: ({ className, style, ...rest }) => ( + + ), + }, + }} + /> + + ), [tableData, columns, currentPage, pageSize, total]); + return ( <>
-
-
-

拆镜片段列表

- 共 {tableData.length} 个片段 -
- { - setCurrentPage(page); - setPageSize(size); - }, - showSizeChanger: true, - showTotal: (total) => `共 ${total} 条`, - }} - bordered={false} - rowKey="id" - scroll={{ y: 300 }} - style={{ flex: 1 }} - components={{ - body: { - row: ({ className, style, ...rest }) => ( - - ), - cell: ({ className, style, ...rest }) => ( -
- ), - }, - header: { - cell: ({ className, style, ...rest }) => ( - - ), - }, - }} - /> - + {tableSection} ) : (
@@ -1211,7 +1283,7 @@ function RemoveInfo() { onChange={(e) => setProductName(e.target.value)} placeholder="请输入项目名称" style={{ height: 44, borderRadius: 8, border: '1px solid rgba(99, 102, 241, 0.2)' }} - maxLength={10} + maxLength={50} showCount />
@@ -1225,7 +1297,7 @@ function RemoveInfo() { onChange={(e) => setProductSellingPoint(e.target.value)} placeholder="请输入项目描述" style={{ borderRadius: 8, border: '1px solid rgba(99, 102, 241, 0.2)' }} - maxLength={100} + maxLength={200} showCount rows={3} /> @@ -1305,10 +1377,20 @@ function RemoveInfo() { type="button" onClick={() => { setEngineId(engine.id); + const engineMaxDur = (() => { + const raw = engine.maxDuration ?? engine.max_duration; + if (raw != null) return Number(raw); + const durs = engine.supportedDurations; + if (Array.isArray(durs) && durs.length > 0) return Math.max(...durs); + return 15; + })(); + const rawDurs = engine.supportedDurations; + const generatedDurs = Array.from({ length: Math.max(engineMaxDur - 4, 1) }, (_, i) => i + 5); + const newDurations = Array.from(new Set([...(rawDurs || []), ...generatedDurs].sort((a, b) => a - b))); setEngineOptions({ ratios: engine.supportedRatios || ['16:9', '4:3', '1:1', '3:4', '9:16', '21:9'], resolutions: engine.supportedResolutions || ['480p', '720p', '1080p'], - durations: engine.supportedDurations || [5, 8, 10, 12, 15], + durations: newDurations, }); if (!engine.supportedRatios?.includes(videoAspectRatio)) { setVideoAspectRatio(engine.supportedRatios?.[0] || '16:9'); @@ -1316,8 +1398,9 @@ function RemoveInfo() { if (!engine.supportedResolutions?.includes(videoResolution)) { setVideoResolution(engine.supportedResolutions?.[0] || '720p'); } - if (!engine.supportedDurations?.includes(videoDuration)) { - setVideoDuration(engine.supportedDurations?.[0] || 5); + if (!newDurations.includes(videoDuration) || videoDuration > engineMaxDur) { + const validDur = newDurations.find(d => d <= engineMaxDur) ?? newDurations[0] ?? 5; + setVideoDuration(validDur); } setShowEngineModal(false); }} @@ -1504,15 +1587,15 @@ function RemoveInfo() { height: 6, borderRadius: 3, background: '#6366f1', - width: `${((videoDuration - Math.min(...engineOptions.durations)) / (Math.max(...engineOptions.durations) - Math.min(...engineOptions.durations))) * 100}%`, + width: `${((videoDuration - Math.min(...engineOptions.durations)) / (currentMaxDuration - Math.min(...engineOptions.durations))) * 100}%`, transform: 'translateY(-50%)', }} /> setVideoDuration(Number(e.target.value))} + onChange={(e) => setVideoDuration(Math.min(Number(e.target.value), currentMaxDuration))} style={{ position: 'relative', width: '100%', diff --git a/video-gen-app/src/pages/VideoProjectList.tsx b/video-gen-app/src/pages/VideoProjectList.tsx new file mode 100644 index 00000000..5d39c89d --- /dev/null +++ b/video-gen-app/src/pages/VideoProjectList.tsx @@ -0,0 +1,333 @@ +import React, { useState } from 'react'; +import { Button, Card, Empty, Modal, Input, message, Dropdown } from 'antd'; +import { + PlusOutlined, + VideoCameraOutlined, + EllipsisOutlined, + DeleteOutlined, + EditOutlined, + FolderOpenOutlined, + ClockCircleOutlined, +} from '@ant-design/icons'; +import { useNavigate } from 'react-router-dom'; +import dayjs from 'dayjs'; + +const { TextArea } = Input; + +interface VideoProject { + id: string; + name: string; + description: string; + createdAt: string; + updatedAt: string; +} + +const VideoProjectList: React.FC = () => { + const navigate = useNavigate(); + const [projects, setProjects] = useState([ + { + id: 'demo-1', + name: '示例项目', + description: '这是一个视频剪辑示例项目', + createdAt: dayjs().subtract(2, 'day').format('YYYY-MM-DD HH:mm'), + updatedAt: dayjs().subtract(1, 'day').format('YYYY-MM-DD HH:mm'), + }, + ]); + const [createModalOpen, setCreateModalOpen] = useState(false); + const [renameModalOpen, setRenameModalOpen] = useState(false); + const [editingProject, setEditingProject] = useState(null); + const [formValues, setFormValues] = useState({ name: '', description: '' }); + + // 创建项目 + const handleCreate = () => { + if (!formValues.name.trim()) { + message.warning('请输入项目名称'); + return; + } + const newProject: VideoProject = { + id: `proj-${Date.now()}`, + name: formValues.name.trim(), + description: formValues.description.trim(), + createdAt: dayjs().format('YYYY-MM-DD HH:mm'), + updatedAt: dayjs().format('YYYY-MM-DD HH:mm'), + }; + setProjects(prev => [newProject, ...prev]); + setCreateModalOpen(false); + setFormValues({ name: '', description: '' }); + message.success('项目创建成功'); + // 跳转到剪辑页面 + navigate(`/videoediting?id=${newProject.id}`); + }; + + // 打开重命名弹窗 + const handleRenameClick = (project: VideoProject) => { + setEditingProject(project); + setFormValues({ name: project.name, description: project.description }); + setRenameModalOpen(true); + }; + + // 确认重命名 + const handleRename = () => { + if (!editingProject) return; + if (!formValues.name.trim()) { + message.warning('请输入项目名称'); + return; + } + setProjects(prev => prev.map(p => + p.id === editingProject.id + ? { ...p, name: formValues.name.trim(), description: formValues.description.trim(), updatedAt: dayjs().format('YYYY-MM-DD HH:mm') } + : p + )); + setRenameModalOpen(false); + setEditingProject(null); + setFormValues({ name: '', description: '' }); + message.success('项目已更新'); + }; + + // 删除项目 + const handleDelete = (id: string) => { + setProjects(prev => prev.filter(p => p.id !== id)); + message.success('项目已删除'); + }; + + // 打开项目 + const handleOpenProject = (project: VideoProject) => { + navigate(`/videoediting?id=${project.id}`); + }; + + // 右上角操作菜单 + const getDropdownItems = (project: VideoProject) => ({ + items: [ + { + key: 'rename', + icon: , + label: '重命名', + onClick: () => handleRenameClick(project), + }, + { + key: 'delete', + icon: , + label: '删除', + danger: true, + onClick: () => { + Modal.confirm({ + title: '确认删除', + content: `确定要删除项目「${project.name}」吗？`, + okText: '删除', + cancelText: '取消', + okButtonProps: { danger: true }, + onOk: () => handleDelete(project.id), + }); + }, + }, + ], + }); + + return ( +
+ {/* 顶部标题栏 */} +
+
+

+ 视频剪辑项目 +

+

+ 创建和管理你的视频剪辑项目 +

+
+ +
+ + {/* 项目列表 */} + {projects.length === 0 ? ( +
+ + 暂无项目，点击「创建项目」开始剪辑 + + } + > + + +
+ ) : ( +
+ {projects.map(project => ( + + {/* 缩略图区域 */} +
handleOpenProject(project)} + style={{ + height: 160, + background: 'linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%)', + display: 'flex', + alignItems: 'center', + justifyContent: 'center', + cursor: 'pointer', + position: 'relative', + }} + > + +
+ +
+
+ {/* 信息区域 */} +
handleOpenProject(project)} + style={{ padding: '14px 16px', cursor: 'pointer' }} + > +
+ {project.name} +
+
+ {project.description || '暂无描述'} +
+
+ + + {project.updatedAt} + +
+
+ + ))} +
+ )} + + {/* 创建项目弹窗 */} + setCreateModalOpen(false)} + okText="创建并开始剪辑" + cancelText="取消" + width={480} + > +
+
+ + setFormValues(prev => ({ ...prev, name: e.target.value }))} + maxLength={30} + /> +
+
+ +