@abtnode/blocklet-services 1.16.43-beta-20250507-124320-c405ab23 → 1.16.43-beta-20250508-132430-79f0da2d

package/dist/assets/index-DiZbt9Ww.js

@@ -0,0 +1,161 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/lottie-react.esm-D2t-u0YU.js","assets/vendor-react-DEoibe3W.js"])))=>i.map(i=>d[i]);
+import{j as e,aa as n,bc as g,T as z,O as U,bv as q,bt as W,bw as H,cI as E,y as N,ah as I,ai as L,cn as J,dz as X,dA as K,I as Y,dB as Q,e as Z,c1 as ee}from"./vendor-mui-core-FzKVVAue.js";import{r as b}from"./vendor-react-DEoibe3W.js";import{H as te,a as O,e as re,i as ie,b as oe}from"./vendor-hooks-zv9Oe7Yx.js";import{T as ae,bN as se}from"./vendor-ux-did-connect-CaDmrsW1.js";import{_}from"./vendor-arcblock-Bi9JkCAO.js";import{aP as ne}from"./vendor-utils-lR6P1BXz.js";import{getAIKitComponent as le}from"./index-DBajhv2h.js";import"./lottie-web-jYmAQWuC.js";import"./index-CiWjpC34.js";import"./index-BUwaZJ5Y.js";import"./index-DVQCgvFb.js";const F=b.createContext({}),D=()=>b.useContext(F);function de({children:t,restrictions:c,i18n:s,theme:o}){const[l,f]=te({loading:!1}),x=a=>f(j=>({...j,loading:a})),u=b.useMemo(()=>({...l,onLoading:x,restrictions:c,i18n:s}),[l]);return e.jsx(ae,{theme:o,children:e.jsx(F.Provider,{value:u,children:t})})}const ce=["1024x1024","1024x1792","1792x1024"],xe=["256x256","512x512","1024x1024"],me=[{label:"DALL·E 3",value:"dall-e-3"},{label:"DALL·E 2",value:"dall-e-2"}];function pe({onSubmit:t}){const{loading:c,i18n:s}=D(),o=O({model:"dall-e-3",prompt:"",size:"1024x1024",number:1}),l=()=>{const a=JSON.parse(JSON.stringify(o));Object.values(o).every(y=>!!y)&&t(a)},{run:f}=re(l,{wait:500}),x={width:"100%",pl:1,pr:1},u=o.model==="dall-e-2"?xe:ce;return e.jsxs(ue,{onSubmit:a=>a.preventDefault(),children:[e.jsx(n,{sx:{flex:1,overflowY:"auto",overflowX:"hidden",m:2,mb:0},children:e.jsxs(g,{container:!0,gap:2.5,children:[e.jsxs(g,{item:!0,xs:12,children:[e.jsx(z,{gutterBottom:!0,className:"title label",color:"text.primary",children:s("aiImagePrompt")}),e.jsx(U,{sx:{width:1,mt:1},size:"small",type:"text",required:!0,placeholder:s("aiImagePromptTip"),multiline:!0,minRows:5,maxRows:6,value:o.prompt??"",onChange:a=>{a.stopPropagation(),o.prompt=a.target.value},inputProps:{maxLength:1e3}})]}),e.jsxs(g,{item:!0,xs:12,children:[e.jsx(z,{gutterBottom:!0,className:"title label",color:"text.primary",children:`${s("aiImageModel")}`}),e.jsx(q,{row:!0,sx:{".MuiFormControlLabel-label":{fontSize:"12px",color:"text.primary"}},value:o.model,onChange:a=>{o.number=1,o.size="1024x1024",o.model=a.target.value},children:me.map(a=>e.jsx(W,{value:a.value,control:e.jsx(H,{size:"small"}),label:a.label},a.label))})]}),e.jsxs(g,{item:!0,xs:12,children:[e.jsx(z,{gutterBottom:!0,className:"title label",color:"text.primary",children:`${s("aiImageSize")}: ${o.size}`}),e.jsx(g,{container:!0,sx:{gap:2.5,pt:1},children:e.jsx(n,{flex:1,children:e.jsx(n,{...x,children:e.jsx(E,{size:"small",min:0,max:u.length-1,step:1,value:u.findIndex(a=>a==o.size),onChange:(a,j)=>{o.size=u[j]}})})})})]}),o.model==="dall-e-2"&&e.jsxs(g,{item:!0,xs:12,children:[e.jsx(z,{gutterBottom:!0,className:"title label",color:"text.primary",children:`${s("aiImageNumber")}: ${o.number}`}),e.jsx(n,{...x,children:e.jsx(E,{size:"small",defaultValue:1,valueLabelDisplay:"auto",step:1,min:1,max:10,value:o.number,onChange:(a,j)=>{a.stopPropagation(),o.number=Number(j)}})})]})]})}),e.jsx(N,{sx:{m:2,transition:"all 0.3s"},className:"submit-ai",variant:"contained",onClick:f,disabled:c,children:s(c?"aiImageGenerating":"aiImageGenerate")},c?"loading-submit":"submit")]})}const ue=I(n)`
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+
+  .title {
+    padding: 0 0 4px 1px;
+  }
+
+  .label {
+    font-weight: 500;
+    font-size: 15px;
+    line-height: 100%;
+    margin: 0;
+    word-wrap: break-word;
+    text-align: left;
+  }
+
+  .submit-ai {
+    height: 40px;
+    background: linear-gradient(90deg, #45e4fa 0%, #8a45fa 52.08%, #fa45bc 100%);
+    color: #fff;
+    border-radius: 30px;
+    box-shadow: none;
+    text-transform: none;
+
+    &.Mui-disabled {
+      color: ${({theme:t})=>t.palette.text.disabled} !important;
+      background: ${({theme:t})=>t.palette.action.disabledBackground} !important;
+    }
+  }
+
+  .MuiFormHelperText-root {
+    font-style: normal;
+    font-weight: 500;
+    font-size: 12px;
+    line-height: 14px;
+    margin: 0;
+    margin-top: 4px;
+  }
+
+  .MuiOutlinedInput-root {
+    border-radius: 4px;
+    padding: 0;
+
+    textarea {
+      padding: 8.5px 14px;
+    }
+
+    fieldset {
+    }
+
+    &:hover fieldset {
+    }
+  }
+`,he=({onDelete:t,selected:c,onLoad:s,src:o,alt:l,...f})=>{const x=O({loading:!0});return e.jsxs("div",{style:{position:"relative"},children:[e.jsx(n,{className:"lazy-image-wrapper",sx:{visibility:x.loading?"hidden":"visible",bgcolor:"background.paper",width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx("img",{alt:l,src:o,...f,onLoad:()=>{x.loading=!1;try{s==null||s()}catch(u){console.error("image onLoad error: ",u)}},loading:"eager"})}),x.loading&&e.jsx(L,{className:"lazy-image-skeleton",animation:"wave",variant:"rectangular",style:{position:"absolute",top:0}}),e.jsx(ge,{onClick:()=>t(o),sx:{position:"absolute",left:10,bottom:10},children:e.jsx(J,{sx:{fontSize:20}})}),l&&e.jsxs(fe,{unstyled:!0,tip:l,sx:{position:"absolute",right:10,bottom:10,fontSize:14,width:"calc(100% - 20px - 10px - 36px)",display:"flex",alignItems:"center"},arrow:!0,tipPlacement:"top",PopperProps:{disablePortal:!0},children:[e.jsx(X,{sx:{fontSize:20,mr:.5}}),e.jsx(z,{sx:{fontSize:14,overflowX:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:l})]}),e.jsx(n,{sx:{position:"absolute",right:8,top:8},onClick:f==null?void 0:f.onClick,children:c?e.jsx(be,{sx:{fontSize:30}}):e.jsx(K,{sx:{fontSize:30,color:"#fff"}})})]})},fe=I(se)`
+  height: 36px;
+  padding: 8px;
+  background: rgba(0, 0, 0, 0.42);
+  color: #f7f8f8;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 6px;
+  color: #fff;
+  transition: all 0.3s;
+
+  &:hover {
+    background: rgba(0, 0, 0, 0.69);
+  }
+`,ge=I(Y)`
+  height: 36px;
+  width: 36px;
+  padding: 0;
+  background: rgba(0, 0, 0, 0.42);
+  color: #f7f8f8;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 6px;
+  transition: all 0.3s;
+
+  &:hover {
+    background: rgba(0, 0, 0, 0.69);
+  }
+`,be=I(Q)`
+  & path:first-of-type {
+    fill: ${({theme:t})=>{var c,s;return((s=(c=t.palette)==null?void 0:c.primary)==null?void 0:s.main)||"#1976d2"}};
+    opacity: 1;
+  }
+  & path:last-child {
+    fill: white;
+  }
+`,je=b.lazy(()=>_(()=>import("./lottie-react.esm-D2t-u0YU.js"),__vite__mapDeps([0,1])).then(t=>({default:t.Player})));function T({src:t}){return e.jsx(je,{src:t,loop:!0,autoplay:!0})}function ye({options:t,handleApi:c,onSelect:s,onFinish:o,onClose:l,isMobile:f}){const{loading:x,onLoading:u,restrictions:a,i18n:j}=D(),[d,y]=b.useState([]),[m,k]=b.useState(),P=Z(),S=a==null?void 0:a.maxNumberOfFiles,[p,A]=b.useState({}),h=O({}),R=Object.keys(h).filter(r=>h[r]),B={xs:6,sm:6};b.useEffect(()=>{m&&!p.error&&_(()=>import("./lottie-error-CMOXHtBH.js"),[]).then(r=>{A(i=>({...i,error:r.default}))}),t&&!d.length&&!p.loading&&_(()=>import("./lottie-loading-o-GBrhM9.js"),[]).then(r=>{A(i=>({...i,loading:r.default}))}),!t&&!p.welcome&&_(()=>import("./lottie-welcome-C9B95FIi.js"),[]).then(r=>{A(i=>({...i,welcome:r.default}))})},[m,t,d.length,p]),ie(async()=>{var r;if(t){k(void 0),u(!0);try{const i=await c({...t,responseFormat:"b64_json"});if(i.data){const w=(i.data||[]).map(C=>({src:`data:image/png;base64,${C.b64Json||C.b64_json}`,width:t.size?Number((t.size||"").split("x")[0]):1024,alt:t.prompt}));y(d?[...w,...d]:w)}else k(i)}catch(i){console.error("AIImage generate error: ",i),k(((r=i==null?void 0:i.response)==null?void 0:r.data)||i)}finally{u(!1),o()}}},[t==null?void 0:t.number,t==null?void 0:t.prompt,t==null?void 0:t.size]);const $=r=>{const i=Object.keys(h).filter(w=>h[w]);if(S?i.length<S:!0)h[r]?h[r]=!1:h[r]=!0;else{const w=i.pop();w!==r&&(h[w]=!1),h[r]=!h[r]}},M=r=>{if(d){const i=d.findIndex(v=>v.src===r);i>-1&&(h[r]=!1,d.splice(i,1),y([...d]))}},V=()=>{var i,v;const r={width:((i=document.querySelector(".photo-item img"))==null?void 0:i.offsetWidth)||0,height:((v=document.querySelector(".photo-item img"))==null?void 0:v.offsetHeight)||0};return e.jsx(e.Fragment,{children:Array.from({length:(t==null?void 0:t.number)||1}).map((w,C)=>b.createElement(g,{item:!0,...B,key:C},e.jsx(L,{className:"lazy-image-skeleton",animation:"wave",variant:"rectangular",style:{borderRadius:"12px",...r}})))})},G=()=>m?e.jsxs(n,{width:300,height:300,m:"auto",children:[p.error&&e.jsx(T,{src:p.error},"error"),e.jsx(n,{sx:{textAlign:"center",color:"#25292F",wordBreak:"break-all"},children:m==null?void 0:m.message})]}):d&&Array.isArray(d)&&d.length>0?e.jsxs(e.Fragment,{children:[e.jsx(n,{flexGrow:1,sx:{height:0,overflowX:"hidden",overflowY:"auto"},children:e.jsx(ve,{sx:f?{p:0,border:"none !important"}:{p:2},children:e.jsxs(g,{spacing:2,container:!0,className:"photo-wrapper",children:[x&&e.jsx(V,{}),d.map((r,i)=>b.createElement(g,{item:!0,...B,key:r.src,className:"photo-item"},e.jsx(he,{...r,selected:h[r.src],style:{objectFit:"cover",cursor:"pointer",transition:"all 0.3s",border:h[r.src]?`2px solid ${P.palette.primary.main}`:"2px solid transparent",WebkitUserDrag:"none",width:"100%",height:"100%"},onClick:()=>{$(r.src)},onDelete:()=>{M(r.src)}})))]})})}),e.jsxs(n,{sx:{mt:2,display:"flex",justifyContent:l?"space-between":"flex-end",button:{borderRadius:"30px",height:40,textTransform:"none"}},children:[l&&typeof l=="function"&&e.jsx(N,{color:"primary",variant:"outlined",onClick:l,children:e.jsx(ee,{})}),e.jsx(N,{color:"primary",variant:"contained",disabled:!R.length||x,onClick:()=>{const r=ne(d,"src");s(R.map(i=>r[i]))},children:R.length?j("aiImageSelectedUse"):j("aiImageSelectedTip")})]})]}):t?e.jsx(n,{width:220,height:220,m:"auto",children:p.loading&&e.jsx(T,{src:p.loading},"loading")}):e.jsx(n,{width:300,height:300,m:"auto",children:p.welcome&&e.jsx(T,{src:p.welcome},"welcome")});return e.jsx(we,{children:G()})}const we=I(n)`
+  min-height: 100%;
+  display: flex;
+  flex-direction: column;
+
+  .lazy-image-wrapper {
+    border-radius: 12px;
+
+    img {
+      border-radius: 12px;
+    }
+  }
+
+  .tips {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+  }
+`,ve=I(n)`
+  display: flex;
+  flex-direction: column;
+
+  border: 1px solid;
+  border-color: ${({theme:t})=>t.palette.divider};
+  border-radius: 12px;
+  min-height: 100%;
+
+  &:has(.Mui-focused) {
+    border: 1px solid #a482fe;
+  }
+
+  > .input {
+    padding: 12px;
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 19px;
+    color: #25292f;
+  }
+
+  > .footer {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    padding: 0 12px 12px;
+
+    > .counter {
+      flex: 1;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      font-weight: 400;
+      font-size: 12px;
+      line-height: 14px;
+      color: #9397a1;
+    }
+
+    > .copy {
+      height: 25px;
+      width: 25px;
+      min-width: 0;
+      padding: 0;
+      color: #9397a1;
+    }
+  }
+`;function Oe({onSelect:t,api:c,restrictions:s,i18n:o,theme:l}){const[f,x]=b.useState(),[u,a]=b.useState(!1),j=()=>x(void 0),d=()=>a(!1),y=oe(document.body);let m=!!(y&&y.width<768);if(!le())return e.jsx(n,{width:1,height:1,display:"flex",justifyContent:"center",alignItems:"center",children:o("aiKitRequired")});const k=!m||m&&!u,P=!m||m&&u,S=m?d:!1;return e.jsx(de,{restrictions:s,i18n:o,theme:l,children:e.jsx(n,{sx:{display:"flex",width:"100%",height:"100%",bgcolor:"background.default"},children:e.jsxs(g,{container:!0,sx:{flexGrow:1,height:"100%"},children:[e.jsx(g,{item:!0,xs:12,sm:4,sx:{borderRight:m?"none":p=>`1px solid ${p.palette.divider}`,display:k?"unset":"none"},children:e.jsx(n,{sx:{height:"100%",display:"flex",flexDirection:"column"},children:e.jsx(pe,{onSubmit:(...p)=>{a(!0),x(...p)}})})}),e.jsx(g,{item:!0,xs:12,sm:8,sx:{height:"100%",overflow:"hidden",p:2,display:P?"unset":"none"},children:e.jsx(ye,{isMobile:m,options:f,handleApi:c,onSelect:t,onFinish:j,onClose:S})})]})})})}export{Oe as default};