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.
2 lines
3.9 KiB
2 lines
3.9 KiB
import{j as a}from"./markdown-vendor-DnN-_XEd.js";import{u as A,r as s}from"./data-vendor-DOiUz3Tw.js";import{h as k,bB as h,bC as m}from"./index-CcS3ZJ2N.js";import{M as x}from"./arco-vendor-Cm-ntj-q.js";import"./react-vendor-B8OyfHW2.js";function N(e){if(e==null)return"-";const i=new Date(e);if(Number.isNaN(i.getTime()))return String(e);const n=i.getFullYear(),o=String(i.getMonth()+1).padStart(2,"0"),l=String(i.getDate()).padStart(2,"0"),_=String(i.getHours()).padStart(2,"0"),d=String(i.getMinutes()).padStart(2,"0");return`${n}-${o}-${l} ${_}:${d}`}function j(e){return e?e.length<=10?e:`${e.slice(0,5)}...${e.slice(-4)}`:"-"}function T(){const{t:e}=A(),i=k(),[n,o]=s.useState(!1),[l,_]=s.useState([]),[d,g]=s.useState(null),c=s.useCallback(async()=>{o(!0);try{const t=await h({page:1,pageSize:20}),r=Array.isArray(t?.data?.list)?t.data.list:[];_(r)}catch{_([])}finally{o(!1)}},[]);s.useEffect(()=>{c()},[c]);const p=s.useMemo(()=>l.length>0,[l]),w=s.useCallback(async t=>{if(d!=null)return;const r=t.status!==1;g(t.id);try{await m({id:t.id,enabled:r}),_(u=>u.map(y=>y.id!==t.id?y:{...y,status:r?1:2}))}catch{x.error(e("gatewayApiKey.updateStatusFailed"))}finally{g(null)}},[e,d]);return a.jsxs("div",{className:"gateway_apikey_dialog",children:[a.jsx("h2",{className:"gateway_apikey_dialog__title",children:e("gatewayApiKey.title")}),n?a.jsx("div",{className:"gateway_apikey_dialog__statusText",children:e("common.loading")}):null,!n&&!p?a.jsx("div",{className:"gateway_apikey_dialog__statusText",children:e("gatewayApiKey.empty")}):null,l.map(t=>a.jsxs("div",{className:"gateway_apikey_dialog__card",children:[a.jsx("div",{className:"gateway_apikey_dialog__row gateway_apikey_dialog__row_header",children:a.jsx("span",{className:"gateway_apikey_dialog__headerText",children:"Apikey"})}),a.jsxs("div",{className:"gateway_apikey_dialog__row gateway_apikey_dialog__row_user",children:[a.jsx("span",{className:"gateway_apikey_dialog__userCode",children:t.code}),a.jsxs("span",{className:["gateway_apikey_dialog__switch",t.status===1?"gateway_apikey_dialog__switch_on":"gateway_apikey_dialog__switch_off",d===t.id?"gateway_apikey_dialog__switch_loading":""].join(" "),role:"switch","aria-checked":t.status===1,"aria-label":e("gatewayApiKey.statusAria"),onClick:()=>void w(t),children:[a.jsx("span",{className:"gateway_apikey_dialog__switchLabel",children:t.status===1?"ON":"OFF"}),a.jsx("span",{className:"gateway_apikey_dialog__switchKnob"})]})]}),a.jsxs("div",{className:"gateway_apikey_dialog__detail",children:[a.jsx("span",{className:"gateway_apikey_dialog__detailLabel",children:"Key"}),a.jsxs("span",{className:"gateway_apikey_dialog__detailValue gateway_apikey_dialog__detailValue_key",children:[j(t.apikey),a.jsx("button",{type:"button",className:"gateway_apikey_dialog__copyBtn",onClick:()=>void i(t.apikey),"aria-label":e("gatewayApiKey.copyKey"),children:a.jsx("img",{className:"gateway_apikey_dialog__copyIcon",src:new URL("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAABWUlEQVRYhe3YsS8DURzA8U8FiYSGxGCRzkwYROwWU0mMwtQY+5dgbgi7wcR/YDUYLDWIwSQiBoNKa+g1qtreta5VyX2Tl/fu3e/37nuXd5f3LlWpVAwSQ38t0EgiFMbACQ036ywUCvWH4yhiJuZrZ3K53EMkoQamA5kSHmMQSWMKk+hKqMYtFmIQyuOg1cn/MYdwjsWGmHncRxy3iC28xCWUbdI3gkzEcTO4wBre4hCC1w4E6rnBLFZxpnpzpTiEKrp45CgH9RPWcYydYLxQejmps3jGNvajJvVS6BITQTuPvShJvRC6Duq06otQYyVKci+ENpGqKxudJA/chzERCiMRCiMRCqOTBdpvWcahr2VNU/opNBeUGk1XAP0UusJR0H5XXcT9oJ9CdzgNC2onNIrdGESWOgluJzSGk9+5fOMjSlAroYzqvikuyiJuEFLJ75gQEqEwBk7oE5CnMiGC6jI6AAAAAElFTkSuQmCC",import.meta.url).href,alt:""})})]})]}),a.jsx("div",{className:"gateway_apikey_dialog__divider"}),a.jsxs("div",{className:"gateway_apikey_dialog__detail gateway_apikey_dialog__detail_last",children:[a.jsx("span",{className:"gateway_apikey_dialog__detailLabel",children:e("gatewayApiKey.createdAt")}),a.jsx("span",{className:"gateway_apikey_dialog__detailValue",children:N(t.createTime)})]})]},t.id))]})}export{T as default};
|
|
//# sourceMappingURL=index-fXtsv2My.js.map
|
|
|