全新popiart网站 react项目重构
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

3 lines
12 KiB

import{j as e}from"./markdown-vendor-BZI_VWzW.js";/* empty css *//* empty css */import{u as C,r as m}from"./data-vendor-BOGugMqL.js";import{l as f,z as P,B as T,C as A,D as I,E as D,F as M}from"./index-RTMDNWJ5.js";import{M as Q,C as H,B as O}from"./arco-vendor-gN7EHfgO.js";import"./react-vendor-CmPQC3tV.js";function W(a){const s=String(a??"").replace(/<activity>[\s\S]*?<\/activity>/g,""),d="desc_highlight",l="desc_small";if(!s.includes("<mark>")&&!s.includes("<small>"))return[{text:s}];const t=[],p=/<(mark|small)>([\s\S]*?)<\/\1>/g;let r=0,n;for(;(n=p.exec(s))!==null;){const o=n.index??0;o>r&&t.push({text:s.slice(r,o)});const h=n[1],i=String(n[2]??"");h==="mark"?t.push({text:i,className:d}):h==="small"?t.push({text:i,className:l}):t.push({text:i}),r=o+n[0].length}return r<s.length&&t.push({text:s.slice(r)}),t}function w(a){return/<activity>[\s\S]*?<\/activity>/.test(String(a??""))}function z(a){const c=String(a??"").match(/<activity>([\s\S]*?)<\/activity>/);return String(c?.[1]??"").trim()}function F({embedded:a=!1,onBillingCycleChange:c}){const{t:s}=C(),d=f(i=>i.user),[l,t]=m.useState("once"),[p,r]=m.useState([]),n=Number(d?.memberLevel??0);m.useEffect(()=>{let i=!1;return(async()=>{try{const b=(await P(1)).data?.list??[];i||r(b)}catch{}})(),()=>{i=!0}},[]);const o=m.useCallback(i=>{if(l!==i){if(i!=="once"){Q.info({content:s("subscribe.other_cycle_unavailable"),duration:3e3,position:"top"});return}t(i),c?.(i)}},[l,c]),h=m.useCallback(i=>{T({type:"subscribe",plan:i})},[]);return e.jsxs("div",{className:["plans",a?"plans_embedded":""].filter(Boolean).join(" "),children:[e.jsx("div",{className:"plans__points-row",children:e.jsxs("div",{className:"billing_cycle",role:"tablist","aria-label":s("subscribe.billing_cycle_tabs_label"),children:[e.jsx("button",{type:"button",role:"tab",className:["billing_cycle__tab",l==="once"?"billing_cycle__tab_active":""].filter(Boolean).join(" "),"aria-selected":l==="once",onClick:()=>o("once"),children:e.jsx("span",{className:"billing_cycle__label",children:s("subscribe.billing_once")})}),e.jsx("button",{type:"button",role:"tab",className:["billing_cycle__tab","billing_cycle__tab_with_badge","billing_cycle__tab_monthly",l==="monthly"?"billing_cycle__tab_active":""].filter(Boolean).join(" "),"aria-selected":l==="monthly",onClick:()=>o("monthly"),children:e.jsxs("span",{className:"billing_cycle__tab-inner",children:[e.jsx("span",{className:"billing_cycle__label",children:s("subscribe.billing_monthly")}),e.jsx("span",{className:"billing_cycle__badge billing_cycle__badge_hot","aria-hidden":"true",children:s("subscribe.billing_badge_hot")})]})}),e.jsx("button",{type:"button",role:"tab",className:["billing_cycle__tab","billing_cycle__tab_with_badge","billing_cycle__tab_yearly",l==="yearly"?"billing_cycle__tab_active":""].filter(Boolean).join(" "),"aria-selected":l==="yearly",onClick:()=>o("yearly"),children:e.jsxs("span",{className:"billing_cycle__tab-inner",children:[e.jsx("span",{className:"billing_cycle__label",children:s("subscribe.billing_yearly")}),e.jsx("span",{className:"billing_cycle__badge billing_cycle__badge_value","aria-hidden":"true",children:s("subscribe.billing_badge_value")})]})})]})}),e.jsx("div",{className:"plan-grid",children:p.map((i,_)=>{const b=i.price??0,L=b===0&&_===0,g=Number(i?.level??-1),v=Number.isFinite(g)&&Number.isFinite(n),x=v&&n===g,j=v&&n>g,S=x||j,R=L?"plan_item_free":i.recommended===!0?"plan_item_recommended":"plan_item_normal",N=i.coins,B=s(A[n]??A[0]),E=S,Y=x?s("subscribe.current_plan"):j?s("subscribe.already_member_level",{level:B}):s("subscribe.subscribe_now");return e.jsx("div",{className:"plan_grid_item",children:e.jsx(H,{bordered:!1,children:e.jsxs("div",{className:["plan_item",R].filter(Boolean).join(" "),children:[e.jsx("div",{className:"title",children:b===0?e.jsx("span",{children:i.title}):e.jsxs(e.Fragment,{children:[e.jsx("img",{src:new URL("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAACGZJREFUaEPtWF1oXNcRnjnn7sp2glMaRyrUAeelCfmhIVBsMKHrSopSSmlKCW5wXVxsiLyy3T4EbNmWRHFD+tIHI0RUrNhSFGNCWygk0CYu8Qbapn4yxcTYNNQ0uFS7apykxKqjanfKzJw5916trKyKRDFoYbVXu/fnfDPffPPNQbjNX3ibrx9WAfy/M7iagVtlYFfp6pq1/o7djTrc/BRunB6v3HdzJbK1YhnY21k7QwTbAYifMT76VscPbhsAvaXpHehokgAAAYGIAIh2jlY6Ti83iGXPQG/pH5vQ+UsAsIYBgP5BAvyoTrOPjFU2XltOEMsKQHiP684C4tZAHSBeu9AICYjOX4ZLj1cq2+aWC8SyAuj9WnUIAYeUOrLikAEGoYdIMDBaaX9+RQH0dle3eqIn5zz+8udvdPy5lYft7Z7+KtTpLAAkEYAgUArpJwPBOQ/4+Mi5Dedbue/Ad2c3O6w/1XDJ68dOF/4w/5qmDPT1fPAQNOoXACjhhxHR8Zm5mYHFZPDpUu3ODY4uAsImobtE22gjC9dvePkI6Dy+NzP3yVfGK/d9tJgMf7H9nmPo3Q8dYsEhzLnEPTo40fZu9pomAOUnatuR6Ew4KRCYrgAmu0beXDhqLJkAsD0yJkZdWRQR8AEDcI4xjY+c3bCgtPZ/Z2YzusY4OnzAoSPn5Bq+09NDr7T9alEAfU/8czNQ/R2jcYbHcwDN2Sh3Tu8goEkjixWsZCBTwIFLwIt3COA88qk7h9/8fJRWFoGOu+855oB+hN55h4DoHMmBY+xuy+BkMUe9pgzsL13b2CgU3hfCavwQ+VmyAk5I4wrWk13MYZZM5/0lIlhjXCc5J/A+0Mmyydc7h8BvlE/4uAH0yPBv7r723Lc+3owOxx3i/fF3zRYxWMfLx+K9R1/Gvy+agVLpXPJQ4cEZACgIBsoWIAko5NpAOg6AW4Bgazb6CsCibwVscUJdjIRWP52n8x7d70G5nuhvoJlKgXLd/Gdwoq34mUXMJ/R1T10FwE0hA4HDsjDW9XAP4ueozmN+war9dl4jHDjSRfPiLAMBSADFUUbPURfuSLb4Gu+FQu8NTrR9qVUA5wCwlF9cEEdBwImwV7r4+F16oO0goEEXKIRN0bWo86IxnscZkqrnN709OLFmW0sAyt3VSQTcoauMIY80T7tSahUinBzv0xJDJClI4bLnwIYIh5owpTH6oCPJhHdywABPD0wUd7YGoGvqBUR3MADIUgiVHvNe+W+4cCzoafRRo6/Fy1gYkVBKCjUUdeY4Qx9Ghfj84ERhoDUA3dVngeBFPVmYrrQRZivp04jrd8Z5rZvQxOL1wBzWohX6qDxKOxBAKq1oahOzYoolzmTPwETxpZYA7Ouq9jQAfmsEySzOvkq5ETtvWhNI+G8iOA5IryO4pIH0lEd81jlcGxYcClRAMecVnNQIg7P/OTOMUej29SOnCm+0BKC3NPWwS/Ci+S8tRC5W1iGTnIxXi2uXA2543xw915F72L5tH/RAAq85j4kWZpY6SiXNih4L9/U8AUmu8MDASbzSEoByqXYnJPCv3MlmLLPqw5mNhs0GF3h1tNL+TFOdAMD+nusvI+L3tC6tHlK5zNaDdl99e0SYvfHh+h//ov2TlgBoL6hdJ6LPRUsRCzOj/xkwVhTYwH0vVtpHFgJwoOd6HzoclqhyLQjn03pIJVR7AVMHPTPKTR85lbQvdM9bzgPlruoFAHg00icUcbpmcRbR70R1WsTvH3jywyFEGEojHaxC2nGloFN1ilm4cPRk4bElAdjbNfUagvtG7AOB/3ITE8fYJ5g+oTwAL15uvPvY/KmLjdpda+96BxG/nBap9YO8lKr2hzpRy/HrwycL314SgHLX1DCA68s2slwPaOrI6itEsQjGb8KNvTZD8OLXt60fRud2q6qwJ5LmZOoTum/ISOi+GeM3cvilZP+SAPR11w4S0U9tQNHBXPpCLNtMMsy5ptafoIoOf+cQEud9JyBsyHogo1Huu6g6kVpBUt1z/WP+Z0sCUO6s8Z7Ombg1otwxbyM0stExeqPokLT5meNUbyMNLHWhRpEgnWknFv8TMhQb2TP9Y8mrSwLAgw016n/iwOtCrQNrPwgmzbZMQlZ0dFSgpunBHnvGo9NVzqypfc5aCLEZKX0AoZFsOXwKF5yhb6lCe0rXNhaT4vtCnZz/UZ5nrLbuQIThJ6iWQJ5PmWAfgkRalLknSGEIOCtgVSORU6oX/L1HR/ODjGXjlgB4sHkweXgGiGSXId3bSS2DeKJUkUL4jT4ylASTltri3JAiv+cLlxuYeiSz3DDXP5Y0DTKfCUCaWVftr0SwKWc2M15fAVhdGH2EXsD22TkvE1g6YRl95g0t3G15kBEPnZFPGXTcXw6d8E2DTEsAyp3TbwFQKc1AoHzISMxArK6YBJbKkIHQVS3aXAcZUNGlssWOvwmtpA4A4e3+saRpkGkRQHUSAHc010HYcLNhR2vEUiCbADoe2gCTzsCxiZnWh3GS/Y55HzNwXtKIrxw84b+/kAJprhd5lbtqLwDRoaz/z+39RDrZzKDqlGlQ0rV0Dl64HrQmLEtp1riYhYmIPzl0wjcNMi1moLabAE7k/E+IelQm2T9P9yVUfUwWM/SRHbk42OtEJiNjMHNhl8JqQNWISwn2HBxLmgaZ1gCUrn6B/Lo/8g6FbZNHDZrXkUWniCOdLigzqARJVVlkJ2qNK/QEldaoSuJW2Yn+rd5wW46MYfV/ohBfxD6mDdfdX4QizMIs6Gf2Zf+p0snfjOgVwqmFQjjij8zvfD/egbLzikU7Alh3B1w+MIyfLkbzZd1eX+xBK/XbKoCVimyr913NQKuRWqnzVjOwUpFt9b7/BcrIQl6Yb5b/AAAAAElFTkSuQmCC",import.meta.url).href}),e.jsx("span",{children:i.title})]})}),e.jsxs("div",{className:"price",children:[e.jsx("span",{className:"symbol",children:"¥"}),e.jsx("span",{className:"amount",children:b/100}),e.jsx("span",{className:"per_month",children:s("subscribe.per_month")})]}),e.jsx(O,{type:"primary",disabled:E,onClick:()=>h(i),children:Y}),b>0?e.jsx("div",{className:"plan_points",children:e.jsxs("div",{className:"plan_points__left",children:[e.jsx("img",{className:"plan_points__icon",src:new URL("/assets/ic_stars_active-qa63FBqE.png",import.meta.url).href}),e.jsx("span",{className:"plan_points__value",children:N!=null?String(N):""}),e.jsx("span",{className:"plan_points__unit",children:s("subscribe.points_per_month")})]})}):null,e.jsx("ul",{children:(i.description||"").split(`
`).map((u,U)=>e.jsx("li",{className:w(u)?"desc_item_activity":"",children:w(u)?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"desc_activity_main",children:z(u)}),e.jsx("span",{className:"desc_activity_badge",children:"限时活动"})]}):e.jsxs(e.Fragment,{children:[e.jsx("i",{className:"iconfont icon-check","aria-hidden":"true"}),e.jsx("span",{className:"desc_text",children:W(u).map((y,k)=>e.jsx("span",{className:y.className,children:y.text},k))})]})},U))})]})})},`${_}-${String(i.title??"")}`)})})]})}function $(){const{t:a}=C(),c=I(),s=f(d=>d.user);return e.jsxs("div",{className:"subscribe-page",children:[e.jsxs("div",{className:"subscribe-overview",children:[e.jsx("h2",{className:"subscribe-overview__title",children:a("subscribe.overview_title")}),e.jsx("h3",{className:"subscribe-overview__subtitle",children:a("subscribe.overview_subtitle")}),e.jsxs("div",{className:"subscribe-overview-card",children:[e.jsxs("div",{className:"subscribe-overview-card__head",children:[e.jsx("div",{className:"subscribe-overview-card__head-left",children:e.jsx("span",{className:"overview-head-label",children:a("subscribe.user_plan")})}),e.jsxs("div",{className:"subscribe-overview-card__head-center",children:[e.jsx("span",{className:"overview-head-label",children:a("subscribe.points_overview")}),e.jsx("button",{type:"button",className:"buy-points-btn",onClick:()=>void D(),children:a("subscribe.buy_points")})]}),e.jsx("div",{className:"subscribe-overview-card__head-right",children:e.jsxs("button",{type:"button",className:"points-detail-link",onClick:()=>void M(),children:[e.jsx("span",{className:"points-detail-text",children:a("subscribe.points_detail")}),e.jsx("img",{className:"points-detail-icon",alt:"",src:new URL("/assets/ic_arrow_right_purple-DkZ9_5le.png",import.meta.url).href})]})})]}),e.jsx("div",{className:"subscribe-overview-card__divider"}),e.jsxs("div",{className:"subscribe-overview-card__body",children:[e.jsxs("div",{className:"user-plan",children:[e.jsx("img",{className:"user-plan__avatar",src:s?.avatar||new URL("/assets/avatar-r7rg3o8a.png",import.meta.url).href}),e.jsxs("div",{className:"user-plan__meta",children:[e.jsxs("div",{className:"user-plan__name-row",children:[e.jsx("span",{className:"user-plan__name",children:s?.name}),e.jsx("span",{className:["user-plan__tag",s?.memberLevel!==0?"is-highlight":""].filter(Boolean).join(" "),children:a(A[s?.memberLevel])})]}),e.jsxs("div",{className:"user-plan__id-row",children:[e.jsxs("span",{className:"user-plan__id",children:["ID:",s?.id]}),e.jsx("button",{type:"button",className:"user-plan__copy",onClick:()=>void c(s?.id),"aria-label":"copy id",children:e.jsx("img",{src:new URL("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAABWUlEQVRYhe3YsS8DURzA8U8FiYSGxGCRzkwYROwWU0mMwtQY+5dgbgi7wcR/YDUYLDWIwSQiBoNKa+g1qtreta5VyX2Tl/fu3e/37nuXd5f3LlWpVAwSQ38t0EgiFMbACQ036ywUCvWH4yhiJuZrZ3K53EMkoQamA5kSHmMQSWMKk+hKqMYtFmIQyuOg1cn/MYdwjsWGmHncRxy3iC28xCWUbdI3gkzEcTO4wBre4hCC1w4E6rnBLFZxpnpzpTiEKrp45CgH9RPWcYydYLxQejmps3jGNvajJvVS6BITQTuPvShJvRC6Duq06otQYyVKci+ENpGqKxudJA/chzERCiMRCiMRCqOTBdpvWcahr2VNU/opNBeUGk1XAP0UusJR0H5XXcT9oJ9CdzgNC2onNIrdGESWOgluJzSGk9+5fOMjSlAroYzqvikuyiJuEFLJ75gQEqEwBk7oE5CnMiGC6jI6AAAAAElFTkSuQmCC",import.meta.url).href})})]})]})]}),e.jsxs("div",{className:"points-grid",children:[e.jsxs("div",{className:"points-item",children:[e.jsx("span",{className:"points-item__label",children:a("subscribe.remaining_points")}),e.jsx("span",{className:"points-item__value",children:s?.allCoins||0})]}),e.jsxs("div",{className:"points-item",children:[e.jsx("span",{className:"points-item__label",children:a("subscribe.recharged_points")}),e.jsx("span",{className:"points-item__value",children:s?.memberCoins||0})]}),e.jsxs("div",{className:"points-item",children:[e.jsx("span",{className:"points-item__label",children:a("subscribe.gift_points")}),e.jsx("span",{className:"points-item__value",children:s?.otherCoins||0})]}),e.jsxs("div",{className:"points-item",children:[e.jsx("span",{className:"points-item__label",children:a("subscribe.points_package")}),e.jsx("span",{className:"points-item__value",children:s?.pointPackageCoins||0})]})]})]})]})]}),e.jsxs("div",{className:"subscribe-header",children:[e.jsx("div",{className:"subscribe-header-title",children:a("subscribe.subscribe_header_title")}),e.jsx("div",{className:"subscribe-header-right"})]}),e.jsx(F,{})]})}export{$ as default};
//# sourceMappingURL=index--n_pb0ZC.js.map