全新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
11 KiB

import{j as e}from"./markdown-vendor-BZI_VWzW.js";import{u as C,r as b}from"./data-vendor-BOGugMqL.js";import{b0 as f,b1 as P,b2 as T,b3 as v,h as I,b4 as M}from"./index-D2jM1hO2.js";import{M as Q,C as H,B as D}from"./arco-vendor-CAnKnMnO.js";import"./react-vendor-wlKWdfEb.js";function O(a){const i=String(a??"").replace(/<activity>[\s\S]*?<\/activity>/g,""),l="desc_highlight",n="desc_small";if(!i.includes("<mark>")&&!i.includes("<small>"))return[{text:i}];const c=[],p=/<(mark|small)>([\s\S]*?)<\/\1>/g;let o=0,t;for(;(t=p.exec(i))!==null;){const m=t.index??0;m>o&&c.push({text:i.slice(o,m)});const u=t[1],s=String(t[2]??"");u==="mark"?c.push({text:s,className:l}):u==="small"?c.push({text:s,className:n}):c.push({text:s}),o=m+t[0].length}return o<i.length&&c.push({text:i.slice(o)}),c}function w(a){return/<activity>[\s\S]*?<\/activity>/.test(String(a??""))}function W(a){const r=String(a??"").match(/<activity>([\s\S]*?)<\/activity>/);return String(r?.[1]??"").trim()}function X({embedded:a=!1,onBillingCycleChange:r}){const{t:i}=C(),l=f(s=>s.user),[n,c]=b.useState("once"),[p,o]=b.useState([]),t=Number(l?.memberLevel??0);b.useEffect(()=>{let s=!1;return(async()=>{try{const d=(await P(1)).data?.list??[];s||o(d)}catch{}})(),()=>{s=!0}},[]);const m=b.useCallback(s=>{if(n!==s){if(s!=="once"){Q.info({content:i("subscribe.other_cycle_unavailable"),duration:3e3,position:"top"});return}c(s),r?.(s)}},[n,r]),u=b.useCallback(s=>{T({type:"subscribe",plan:s})},[]);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":i("subscribe.billing_cycle_tabs_label"),children:[e.jsx("button",{type:"button",role:"tab",className:["billing_cycle__tab",n==="once"?"billing_cycle__tab_active":""].filter(Boolean).join(" "),"aria-selected":n==="once",onClick:()=>m("once"),children:e.jsx("span",{className:"billing_cycle__label",children:i("subscribe.billing_once")})}),e.jsxs("button",{type:"button",role:"tab",className:["billing_cycle__tab",n==="monthly"?"billing_cycle__tab_active":""].filter(Boolean).join(" "),"aria-selected":n==="monthly",onClick:()=>m("monthly"),children:[e.jsx("span",{className:"billing_cycle__label",children:i("subscribe.billing_monthly")}),e.jsx("span",{className:"billing_cycle__badge","aria-hidden":"true",children:i("subscribe.discount_off_8")})]}),e.jsxs("button",{type:"button",role:"tab",className:["billing_cycle__tab",n==="yearly"?"billing_cycle__tab_active":""].filter(Boolean).join(" "),"aria-selected":n==="yearly",onClick:()=>m("yearly"),children:[e.jsx("span",{className:"billing_cycle__label",children:i("subscribe.billing_yearly")}),e.jsx("span",{className:"billing_cycle__badge billing_cycle__badge_15","aria-hidden":"true",children:i("subscribe.discount_off_15")})]})]})}),e.jsx("div",{className:"plan-grid",children:p.map((s,A)=>{const d=s.price??0,L=d===0&&A===0,_=Number(s?.level??-1),g=Number.isFinite(_)&&Number.isFinite(t),x=g&&t===_,j=g&&t>_,S=x||j,R=L?"plan_item_free":s.recommended===!0?"plan_item_recommended":"plan_item_normal",N=s.coins,Y=i(v[t]??v[0]),B=S,E=x?i("subscribe.current_plan"):j?i("subscribe.already_member_level",{level:Y}):i("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:d===0?e.jsx("span",{children:s.title}):e.jsxs(e.Fragment,{children:[e.jsx("img",{src:new URL("data:image/png;base64,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",import.meta.url).href,alt:""}),e.jsx("span",{children:s.title})]})}),e.jsxs("div",{className:"price",children:[e.jsx("span",{className:"symbol",children:"¥"}),e.jsx("span",{className:"amount",children:d/100}),e.jsx("span",{className:"per_month",children:i("subscribe.per_month")})]}),e.jsx(D,{type:"primary",disabled:B,onClick:()=>u(s),children:E}),d>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,alt:""}),e.jsx("span",{className:"plan_points__value",children:N!=null?String(N):""}),e.jsx("span",{className:"plan_points__unit",children:i("subscribe.points_per_month")})]})}):null,e.jsx("ul",{children:(s.description||"").split(`
`).map((h,U)=>e.jsx("li",{className:w(h)?"desc_item_activity":"",children:w(h)?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"desc_activity_main",children:W(h)}),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:O(h).map((y,k)=>e.jsx("span",{className:y.className,children:y.text},k))})]})},U))})]})})},`${A}-${String(s.title??"")}`)})})]})}function Z(){const{t:a}=C(),r=I(),i=new URL("/assets/avatar-r7rg3o8a.png",import.meta.url).href,l=f(n=>n.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.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 M(),children:a("subscribe.buy_points")})]})]}),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:l?.avatar||i,alt:""}),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:l?.name}),e.jsx("span",{className:["user-plan__tag",l?.memberLevel!==0?"is-highlight":""].filter(Boolean).join(" "),children:a(v[l?.memberLevel])})]}),e.jsxs("div",{className:"user-plan__id-row",children:[e.jsxs("span",{className:"user-plan__id",children:["ID:",l?.id]}),e.jsx("button",{type:"button",className:"user-plan__copy",onClick:()=>void r(l?.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,alt:""})})]})]})]}),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:l?.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:l?.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:l?.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:l?.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(X,{})]})}export{Z as default};
//# sourceMappingURL=index-DF1FThwS.js.map