1580158
/
sd-webui-infinite-image-browsing
mirror of https://github.com/zanllp/sd-webui-infinite-image-browsing.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add source text tab and adjust interface

pull/503/head
zanllp 2024-01-23 02:58:43 +08:00
parent 114036442e
commit 0113756841
35 changed files with 297 additions and 277 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
javascript/index.js
View File

@ -12,8 +12,8 @@ Promise.resolve().then(async () => {
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Infinite Image Browsing</title>
<script type="module" crossorigin src="/infinite_image_browsing/fe-static/assets/index-e958a380.js"></script>
<link rel="stylesheet" href="/infinite_image_browsing/fe-static/assets/index-dcc4b290.css">
<script type="module" crossorigin src="/infinite_image_browsing/fe-static/assets/index-a3c10ab0.js"></script>
<link rel="stylesheet" href="/infinite_image_browsing/fe-static/assets/index-1850a9a7.css">
</head>
<body>

6
vue/dist/assets/FileItem-caf7e020.js → vue/dist/assets/FileItem-b11e9dcf.js vendored
View File

File diff suppressed because one or more lines are too long

2
vue/dist/assets/ImgSliPagePane-936f6341.js → vue/dist/assets/ImgSliPagePane-4947bfff.js vendored
View File

@ -1 +1 @@
import{d as a,o as t,y as s,c as n,c4 as _,X as o}from"./index-e958a380.js";const c={class:"img-sli-container"},i=a({__name:"ImgSliPagePane",props:{paneIdx:{},tabIdx:{},left:{},right:{}},setup(l){return(e,r)=>(t(),s("div",c,[n(_,{left:e.left,right:e.right},null,8,["left","right"])]))}});const d=o(i,[["__scopeId","data-v-ae3fb9a8"]]);export{d as default};
import{d as a,o as t,y as s,c as n,c1 as _,X as o}from"./index-a3c10ab0.js";const c={class:"img-sli-container"},i=a({__name:"ImgSliPagePane",props:{paneIdx:{},tabIdx:{},left:{},right:{}},setup(l){return(e,r)=>(t(),s("div",c,[n(_,{left:e.left,right:e.right},null,8,["left","right"])]))}});const d=o(i,[["__scopeId","data-v-ae3fb9a8"]]);export{d as default};

2
vue/dist/assets/MatchedImageGrid-b3d15e50.js → vue/dist/assets/MatchedImageGrid-6bcd774b.js vendored
View File

@ -1 +1 @@
import{d as j,l as H,ay as J,o as r,y as g,c as n,n as o,r as e,s as V,p as c,t as K,v as m,x as $,m as D,L as Y,C as f,N as F,Q as Z,R as ee,V as te,X as se}from"./index-e958a380.js";import{L as ie,R as le,f as ne,S as oe}from"./fullScreenContextMenu-64797e90.js";import{g as ae,F as re}from"./FileItem-caf7e020.js";import{g as de}from"./db-1786337f.js";import{c as ce,u as me}from"./hook-67d5a326.js";import{o as ue}from"./functionalCallableComp-dedd394b.js";import"./index-75af9b9c.js";/* empty css */const pe={class:"hint"},ge={key:1},fe={class:"no-res-hint"},ve={class:"hint"},Ie={key:2,class:"preview-switch"},ke=j({__name:"MatchedImageGrid",props:{tabIdx:{},paneIdx:{},selectedTagIds:{},id:{}},setup(z){const v=z,u=ce(s=>de(v.selectedTagIds,s)),{queue:B,images:l,onContextMenuClickU:I,stackViewEl:R,previewIdx:a,previewing:k,onPreviewVisibleChange:N,previewImgMove:w,canPreview:C,itemSize:_,gridItems:G,showGenInfo:d,imageGenInfo:h,q:A,multiSelectedIdxs:x,onFileItemClick:E,scroller:y,showMenuIdx:p,onFileDragStart:P,onFileDragEnd:U,cellWidth:L,onScroll:b}=me(u);return H(()=>v.selectedTagIds,async()=>{var s;await u.reset(),await J(),(s=y.value)==null||s.scrollToItem(0),b()},{immediate:!0}),(s,t)=>{const O=Z,q=ee,Q=te,W=oe;return r(),g("div",{class:"container",ref_key:"stackViewEl",ref:R},[n(W,{size:"large",spinning:!e(B).isIdle},{default:o(()=>{var M,S;return[n(q,{visible:e(d),"onUpdate:visible":t[1]||(t[1]=i=>V(d)?d.value=i:null),width:"70vw","mask-closable":"",onOk:t[2]||(t[2]=i=>d.value=!1)},{cancelText:o(()=>[]),default:o(()=>[n(O,{active:"",loading:!e(A).isIdle},{default:o(()=>[c("div",{style:{width:"100%","word-break":"break-all","white-space":"pre-line","max-height":"70vh",overflow:"auto"},onDblclick:t[0]||(t[0]=i=>e(K)(e(h)))},[c("div",pe,m(s.$t("doubleClickToCopy")),1),$(" "+m(e(h)),1)],32)]),_:1},8,["loading"])]),_:1},8,["visible"]),(M=e(l))!=null&&M.length?(r(),D(e(ae),{key:0,ref_key:"scroller",ref:y,class:"file-list",items:e(l),"item-size":e(_).first,"key-field":"fullpath","item-secondary-size":e(_).second,gridItems:e(G),onScroll:e(b)},{default:o(({item:i,index:T})=>[n(re,{idx:T,file:i,"cell-width":e(L),"show-menu-idx":e(p),"onUpdate:showMenuIdx":t[3]||(t[3]=X=>V(p)?p.value=X:null),onDragstart:e(P),onDragend:e(U),onFileItemClick:e(E),"full-screen-preview-image-url":e(l)[e(a)]?e(Y)(e(l)[e(a)]):"",selected:e(x).includes(T),onContextMenuClick:e(I),onPreviewVisibleChange:e(N),"is-selected-mutil-files":e(x).length>1},null,8,["idx","file","cell-width","show-menu-idx","onDragstart","onDragend","onFileItemClick","full-screen-preview-image-url","selected","onContextMenuClick","onPreviewVisibleChange","is-selected-mutil-files"])]),_:1},8,["items","item-size","item-secondary-size","gridItems","onScroll"])):e(u).load&&s.selectedTagIds.and_tags.length===1&&!((S=s.selectedTagIds.folder_paths_str)!=null&&S.trim())?(r(),g("div",ge,[c("div",fe,[c("p",ve,m(s.$t("tagSearchNoResultsMessage")),1),n(Q,{onClick:t[4]||(t[4]=i=>e(ue)()),type:"primary"},{default:o(()=>[$(m(s.$t("rebuildImageIndex")),1)]),_:1})])])):f("",!0),e(k)?(r(),g("div",Ie,[n(e(ie),{onClick:t[5]||(t[5]=i=>e(w)("prev")),class:F({disable:!e(C)("prev")})},null,8,["class"]),n(e(le),{onClick:t[6]||(t[6]=i=>e(w)("next")),class:F({disable:!e(C)("next")})},null,8,["class"])])):f("",!0)]}),_:1},8,["spinning"]),e(k)&&e(l)&&e(l)[e(a)]?(r(),D(ne,{key:0,file:e(l)[e(a)],idx:e(a),onContextMenuClick:e(I)},null,8,["file","idx","onContextMenuClick"])):f("",!0)],512)}}});const Se=se(ke,[["__scopeId","data-v-c4827cd4"]]);export{Se as default};
import{d as X,l as H,aj as J,o as r,y as g,c as n,n as o,r as e,s as V,p as c,t as K,v as m,x as $,m as D,L as Y,C as f,N as F,Q as Z,R as ee,V as te,X as se}from"./index-a3c10ab0.js";import{L as ie,R as le,f as ne,S as oe}from"./fullScreenContextMenu-b67e807f.js";import{g as ae,F as re}from"./FileItem-b11e9dcf.js";import{g as de}from"./db-b0a4fc95.js";import{c as ce,u as me}from"./hook-60689476.js";import{o as ue}from"./functionalCallableComp-295a3d8c.js";import"./index-46f799ce.js";/* empty css */const pe={class:"hint"},ge={key:1},fe={class:"no-res-hint"},ve={class:"hint"},Ie={key:2,class:"preview-switch"},ke=X({__name:"MatchedImageGrid",props:{tabIdx:{},paneIdx:{},selectedTagIds:{},id:{}},setup(z){const v=z,u=ce(s=>de(v.selectedTagIds,s)),{queue:B,images:l,onContextMenuClickU:I,stackViewEl:R,previewIdx:a,previewing:k,onPreviewVisibleChange:N,previewImgMove:w,canPreview:C,itemSize:_,gridItems:G,showGenInfo:d,imageGenInfo:h,q:A,multiSelectedIdxs:x,onFileItemClick:E,scroller:y,showMenuIdx:p,onFileDragStart:P,onFileDragEnd:U,cellWidth:L,onScroll:b}=me(u);return H(()=>v.selectedTagIds,async()=>{var s;await u.reset(),await J(),(s=y.value)==null||s.scrollToItem(0),b()},{immediate:!0}),(s,t)=>{const O=Z,q=ee,Q=te,j=oe;return r(),g("div",{class:"container",ref_key:"stackViewEl",ref:R},[n(j,{size:"large",spinning:!e(B).isIdle},{default:o(()=>{var M,S;return[n(q,{visible:e(d),"onUpdate:visible":t[1]||(t[1]=i=>V(d)?d.value=i:null),width:"70vw","mask-closable":"",onOk:t[2]||(t[2]=i=>d.value=!1)},{cancelText:o(()=>[]),default:o(()=>[n(O,{active:"",loading:!e(A).isIdle},{default:o(()=>[c("div",{style:{width:"100%","word-break":"break-all","white-space":"pre-line","max-height":"70vh",overflow:"auto"},onDblclick:t[0]||(t[0]=i=>e(K)(e(h)))},[c("div",pe,m(s.$t("doubleClickToCopy")),1),$(" "+m(e(h)),1)],32)]),_:1},8,["loading"])]),_:1},8,["visible"]),(M=e(l))!=null&&M.length?(r(),D(e(ae),{key:0,ref_key:"scroller",ref:y,class:"file-list",items:e(l),"item-size":e(_).first,"key-field":"fullpath","item-secondary-size":e(_).second,gridItems:e(G),onScroll:e(b)},{default:o(({item:i,index:T})=>[n(re,{idx:T,file:i,"cell-width":e(L),"show-menu-idx":e(p),"onUpdate:showMenuIdx":t[3]||(t[3]=W=>V(p)?p.value=W:null),onDragstart:e(P),onDragend:e(U),onFileItemClick:e(E),"full-screen-preview-image-url":e(l)[e(a)]?e(Y)(e(l)[e(a)]):"",selected:e(x).includes(T),onContextMenuClick:e(I),onPreviewVisibleChange:e(N),"is-selected-mutil-files":e(x).length>1},null,8,["idx","file","cell-width","show-menu-idx","onDragstart","onDragend","onFileItemClick","full-screen-preview-image-url","selected","onContextMenuClick","onPreviewVisibleChange","is-selected-mutil-files"])]),_:1},8,["items","item-size","item-secondary-size","gridItems","onScroll"])):e(u).load&&s.selectedTagIds.and_tags.length===1&&!((S=s.selectedTagIds.folder_paths_str)!=null&&S.trim())?(r(),g("div",ge,[c("div",fe,[c("p",ve,m(s.$t("tagSearchNoResultsMessage")),1),n(Q,{onClick:t[4]||(t[4]=i=>e(ue)()),type:"primary"},{default:o(()=>[$(m(s.$t("rebuildImageIndex")),1)]),_:1})])])):f("",!0),e(k)?(r(),g("div",Ie,[n(e(ie),{onClick:t[5]||(t[5]=i=>e(w)("prev")),class:F({disable:!e(C)("prev")})},null,8,["class"]),n(e(le),{onClick:t[6]||(t[6]=i=>e(w)("next")),class:F({disable:!e(C)("next")})},null,8,["class"])])):f("",!0)]}),_:1},8,["spinning"]),e(k)&&e(l)&&e(l)[e(a)]?(r(),D(ne,{key:0,file:e(l)[e(a)],idx:e(a),onContextMenuClick:e(I)},null,8,["file","idx","onContextMenuClick"])):f("",!0)],512)}}});const Se=se(ke,[["__scopeId","data-v-c4827cd4"]]);export{Se as default};

1
vue/dist/assets/SubstrSearch-7d6432f8.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
vue/dist/assets/SubstrSearch-957355bf.js vendored
View File

File diff suppressed because one or more lines are too long

2
vue/dist/assets/TagSearch-a4762db1.js → vue/dist/assets/TagSearch-a360c19f.js vendored
View File

File diff suppressed because one or more lines are too long

2
vue/dist/assets/batchDownload-af0d7a07.js → vue/dist/assets/batchDownload-5978caf8.js vendored
View File

@ -1 +1 @@
import{d as v,c5 as C,bP as I,o as l,y as _,p as f,c,n as r,x as h,v as d,r as e,m as F,L as x,c6 as z,c7 as B,V as $,X as R}from"./index-e958a380.js";import{u as S,b as V,k as E,F as A,g as L}from"./FileItem-caf7e020.js";import"./functionalCallableComp-dedd394b.js";import"./db-1786337f.js";import"./index-75af9b9c.js";/* empty css */const T={class:"actions-panel actions"},N={key:0,class:"file-list"},U={class:"hint"},H=v({__name:"batchDownload",props:{tabIdx:{},paneIdx:{},id:{}},setup(j){const{stackViewEl:w}=S().toRefs(),{itemSize:p,gridItems:k,cellWidth:b}=V(),i=E(),{selectdFiles:n}=C(i),m=I(),y=async t=>{const s=z(t);s&&i.addFiles(s.nodes)},D=async()=>{m.pushAction(async()=>{const t=await B.value.post("/zip",{paths:n.value.map(o=>o.fullpath)},{responseType:"blob"}),s=window.URL.createObjectURL(new Blob([t.data])),a=document.createElement("a");a.href=s,a.setAttribute("download",`iib_${new Date().toLocaleString()}.zip`),document.body.appendChild(a),a.click()})},g=t=>{n.value.splice(t,1)};return(t,s)=>{const a=$;return l(),_("div",{class:"container",ref_key:"stackViewEl",ref:w,onDrop:y},[f("div",T,[c(a,{onClick:s[0]||(s[0]=o=>e(i).selectdFiles=[])},{default:r(()=>[h(d(t.$t("clear")),1)]),_:1}),c(a,{onClick:D,type:"primary",loading:!e(m).isIdle},{default:r(()=>[h(d(t.$t("zipDownload")),1)]),_:1},8,["loading"])]),e(n).length?(l(),F(e(L),{key:1,ref:"scroller",class:"file-list",items:e(n).slice(),"item-size":e(p).first,"key-field":"fullpath","item-secondary-size":e(p).second,gridItems:e(k)},{default:r(({item:o,index:u})=>[c(A,{idx:u,file:o,"cell-width":e(b),"enable-close-icon":"",onCloseIconClick:q=>g(u),"full-screen-preview-image-url":e(x)(o),"enable-right-click-menu":!1},null,8,["idx","file","cell-width","onCloseIconClick","full-screen-preview-image-url"])]),_:1},8,["items","item-size","item-secondary-size","gridItems"])):(l(),_("div",N,[f("p",U,d(t.$t("batchDownloaDDragAndDropHint")),1)]))],544)}}});const J=R(H,[["__scopeId","data-v-aab31da2"]]);export{J as default};
import{d as v,c2 as C,bJ as I,o as l,y as _,p as f,c,n as r,x as h,v as d,r as e,m as F,L as x,c3 as z,c4 as B,V as $,X as R}from"./index-a3c10ab0.js";import{u as S,b as V,k as E,F as A,g as L}from"./FileItem-b11e9dcf.js";import"./functionalCallableComp-295a3d8c.js";import"./db-b0a4fc95.js";import"./index-46f799ce.js";/* empty css */const T={class:"actions-panel actions"},N={key:0,class:"file-list"},U={class:"hint"},H=v({__name:"batchDownload",props:{tabIdx:{},paneIdx:{},id:{}},setup(j){const{stackViewEl:w}=S().toRefs(),{itemSize:p,gridItems:k,cellWidth:b}=V(),i=E(),{selectdFiles:n}=C(i),m=I(),y=async t=>{const s=z(t);s&&i.addFiles(s.nodes)},D=async()=>{m.pushAction(async()=>{const t=await B.value.post("/zip",{paths:n.value.map(o=>o.fullpath)},{responseType:"blob"}),s=window.URL.createObjectURL(new Blob([t.data])),a=document.createElement("a");a.href=s,a.setAttribute("download",`iib_${new Date().toLocaleString()}.zip`),document.body.appendChild(a),a.click()})},g=t=>{n.value.splice(t,1)};return(t,s)=>{const a=$;return l(),_("div",{class:"container",ref_key:"stackViewEl",ref:w,onDrop:y},[f("div",T,[c(a,{onClick:s[0]||(s[0]=o=>e(i).selectdFiles=[])},{default:r(()=>[h(d(t.$t("clear")),1)]),_:1}),c(a,{onClick:D,type:"primary",loading:!e(m).isIdle},{default:r(()=>[h(d(t.$t("zipDownload")),1)]),_:1},8,["loading"])]),e(n).length?(l(),F(e(L),{key:1,ref:"scroller",class:"file-list",items:e(n).slice(),"item-size":e(p).first,"key-field":"fullpath","item-secondary-size":e(p).second,gridItems:e(k)},{default:r(({item:o,index:u})=>[c(A,{idx:u,file:o,"cell-width":e(b),"enable-close-icon":"",onCloseIconClick:q=>g(u),"full-screen-preview-image-url":e(x)(o),"enable-right-click-menu":!1},null,8,["idx","file","cell-width","onCloseIconClick","full-screen-preview-image-url"])]),_:1},8,["items","item-size","item-secondary-size","gridItems"])):(l(),_("div",N,[f("p",U,d(t.$t("batchDownloaDDragAndDropHint")),1)]))],544)}}});const K=R(H,[["__scopeId","data-v-aab31da2"]]);export{K as default};

2
vue/dist/assets/db-1786337f.js → vue/dist/assets/db-b0a4fc95.js vendored
View File

@ -1 +1 @@
import{c7 as t}from"./index-e958a380.js";const c=async()=>(await t.value.get("/db/basic_info")).data,d=async()=>(await t.value.get("/db/expired_dirs")).data,p=async()=>{await t.value.post("/db/update_image_data",{},{timeout:1/0})},u=async(a,s)=>(await t.value.post("/db/match_images_by_tags",{...a,folder_paths:(a.folder_paths_str??"").split(/,|\n/).map(e=>e.trim()).filter(e=>e),cursor:s})).data,g=async a=>(await t.value.post("/db/add_custom_tag",a)).data,i=async a=>(await t.value.post("/db/toggle_custom_tag_to_img",a)).data,_=async a=>{await t.value.post("/db/remove_custom_tag",a)},m=async a=>(await t.value.post("/db/search_by_substr",a)).data,r="/db/extra_paths",b=async a=>{await t.value.post(r,a)},l=async a=>{await t.value.delete(r,{data:a})},y=async a=>(await t.value.post("/db/get_image_tags",{paths:a})).data,v=()=>t.value.post("/db/rebuild_index"),h=a=>t.value.post("/db/batch_update_image_tag",a);export{b as a,c as b,d as c,g as d,_ as e,m as f,u as g,y as h,h as i,v as j,l as r,i as t,p as u};
import{c4 as t}from"./index-a3c10ab0.js";const c=async()=>(await t.value.get("/db/basic_info")).data,d=async()=>(await t.value.get("/db/expired_dirs")).data,p=async()=>{await t.value.post("/db/update_image_data",{},{timeout:1/0})},u=async(a,s)=>(await t.value.post("/db/match_images_by_tags",{...a,folder_paths:(a.folder_paths_str??"").split(/,|\n/).map(e=>e.trim()).filter(e=>e),cursor:s})).data,g=async a=>(await t.value.post("/db/add_custom_tag",a)).data,i=async a=>(await t.value.post("/db/toggle_custom_tag_to_img",a)).data,_=async a=>{await t.value.post("/db/remove_custom_tag",a)},m=async a=>(await t.value.post("/db/search_by_substr",a)).data,r="/db/extra_paths",b=async a=>{await t.value.post(r,a)},l=async a=>{await t.value.delete(r,{data:a})},y=async a=>(await t.value.post("/db/get_image_tags",{paths:a})).data,v=()=>t.value.post("/db/rebuild_index"),h=a=>t.value.post("/db/batch_update_image_tag",a);export{b as a,c as b,d as c,g as d,_ as e,m as f,u as g,y as h,h as i,v as j,l as r,i as t,p as u};

1
vue/dist/assets/emptyStartup-0143ccf8.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
vue/dist/assets/emptyStartup-3df6ad3a.css vendored
View File

@ -1 +0,0 @@
.ant-alert{box-sizing:border-box;margin:0;color:#000000d9;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";position:relative;display:flex;align-items:center;padding:8px 15px;word-wrap:break-word;border-radius:2px}.ant-alert-content{flex:1;min-width:0}.ant-alert-icon{margin-right:8px}.ant-alert-description{display:none;font-size:14px;line-height:22px}.ant-alert-success{background-color:#f6ffed;border:1px solid #b7eb8f}.ant-alert-success .ant-alert-icon{color:#52c41a}.ant-alert-info{background-color:#fff1e6;border:1px solid #f7ae83}.ant-alert-info .ant-alert-icon{color:#d03f0a}.ant-alert-warning{background-color:#fffbe6;border:1px solid #ffe58f}.ant-alert-warning .ant-alert-icon{color:#faad14}.ant-alert-error{background-color:#fff2f0;border:1px solid #ffccc7}.ant-alert-error .ant-alert-icon{color:#ff4d4f}.ant-alert-error .ant-alert-description>pre{margin:0;padding:0}.ant-alert-action{margin-left:8px}.ant-alert-close-icon{margin-left:8px;padding:0;overflow:hidden;font-size:12px;line-height:12px;background-color:transparent;border:none;outline:none;cursor:pointer}.ant-alert-close-icon .anticon-close{color:#00000073;transition:color .3s}.ant-alert-close-icon .anticon-close:hover{color:#000000bf}.ant-alert-close-text{color:#00000073;transition:color .3s}.ant-alert-close-text:hover{color:#000000bf}.ant-alert-with-description{align-items:flex-start;padding:15px 15px 15px 24px}.ant-alert-with-description.ant-alert-no-icon{padding:15px}.ant-alert-with-description .ant-alert-icon{margin-right:15px;font-size:24px}.ant-alert-with-description .ant-alert-message{display:block;margin-bottom:4px;color:#000000d9;font-size:16px}.ant-alert-message{color:#000000d9}.ant-alert-with-description .ant-alert-description{display:block}.ant-alert.ant-alert-motion-leave{overflow:hidden;opacity:1;transition:max-height .3s cubic-bezier(.78,.14,.15,.86),opacity .3s cubic-bezier(.78,.14,.15,.86),padding-top .3s cubic-bezier(.78,.14,.15,.86),padding-bottom .3s cubic-bezier(.78,.14,.15,.86),margin-bottom .3s cubic-bezier(.78,.14,.15,.86)}.ant-alert.ant-alert-motion-leave-active{max-height:0;margin-bottom:0!important;padding-top:0;padding-bottom:0;opacity:0}.ant-alert-banner{margin-bottom:0;border:0;border-radius:0}.ant-alert.ant-alert-rtl{direction:rtl}.ant-alert-rtl .ant-alert-icon{margin-right:auto;margin-left:8px}.ant-alert-rtl .ant-alert-action,.ant-alert-rtl .ant-alert-close-icon{margin-right:8px;margin-left:auto}.ant-alert-rtl.ant-alert-with-description{padding-right:24px;padding-left:15px}.ant-alert-rtl.ant-alert-with-description .ant-alert-icon{margin-right:auto;margin-left:15px}.access-mode-message[data-v-236610db]{display:flex;flex-direction:row;align-items:center}.access-mode-message a[data-v-236610db]{margin-left:16px}.container[data-v-236610db]{padding:20px;background-color:var(--zp-secondary-background);height:100%;overflow:auto}.header[data-v-236610db]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.header h1[data-v-236610db]{font-size:28px;font-weight:700;color:var(--zp-primary);margin:0}.last-record[data-v-236610db]{margin-left:16px;font-size:14px;color:var(--zp-secondary);flex-shrink:0}.last-record a[data-v-236610db]{text-decoration:none;color:var(--zp-secondary)}.last-record a[data-v-236610db]:hover{color:var(--zp-primary)}.content[data-v-236610db]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;margin-top:16px}.feature-item[data-v-236610db]{background-color:var(--zp-primary-background);border-radius:8px;box-shadow:0 1px 2px #0000001a;padding:20px}.feature-item ul[data-v-236610db]{list-style:none;padding:4px;max-height:70vh;overflow-y:auto}.feature-item.recent .title[data-v-236610db]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.feature-item.recent .title h2[data-v-236610db]{margin:0}.feature-item .item[data-v-236610db]{margin-bottom:10px;padding:4px 8px;display:flex;align-items:center}.feature-item .item.rem[data-v-236610db]{display:flex;align-items:center;justify-content:space-between}.feature-item .item[data-v-236610db]:hover{background:var(--zp-secondary-background);border-radius:4px;color:var(--primary-color);cursor:pointer}.feature-item .icon[data-v-236610db]{margin-right:8px}.feature-item h2[data-v-236610db]{margin-top:0;margin-bottom:20px;font-size:20px;font-weight:700;color:var(--zp-primary)}.text[data-v-236610db]{flex:1;font-size:16px;word-break:break-all}

1
vue/dist/assets/emptyStartup-6fbcd3fa.js vendored
View File

File diff suppressed because one or more lines are too long

1
vue/dist/assets/emptyStartup-e952eca9.css vendored Normal file
View File

@ -0,0 +1 @@
.access-mode-message[data-v-236610db]{display:flex;flex-direction:row;align-items:center}.access-mode-message a[data-v-236610db]{margin-left:16px}.container[data-v-236610db]{padding:20px;background-color:var(--zp-secondary-background);height:100%;overflow:auto}.header[data-v-236610db]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.header h1[data-v-236610db]{font-size:28px;font-weight:700;color:var(--zp-primary);margin:0}.last-record[data-v-236610db]{margin-left:16px;font-size:14px;color:var(--zp-secondary);flex-shrink:0}.last-record a[data-v-236610db]{text-decoration:none;color:var(--zp-secondary)}.last-record a[data-v-236610db]:hover{color:var(--zp-primary)}.content[data-v-236610db]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;margin-top:16px}.feature-item[data-v-236610db]{background-color:var(--zp-primary-background);border-radius:8px;box-shadow:0 1px 2px #0000001a;padding:20px}.feature-item ul[data-v-236610db]{list-style:none;padding:4px;max-height:70vh;overflow-y:auto}.feature-item.recent .title[data-v-236610db]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.feature-item.recent .title h2[data-v-236610db]{margin:0}.feature-item .item[data-v-236610db]{margin-bottom:10px;padding:4px 8px;display:flex;align-items:center}.feature-item .item.rem[data-v-236610db]{display:flex;align-items:center;justify-content:space-between}.feature-item .item[data-v-236610db]:hover{background:var(--zp-secondary-background);border-radius:4px;color:var(--primary-color);cursor:pointer}.feature-item .icon[data-v-236610db]{margin-right:8px}.feature-item h2[data-v-236610db]{margin-top:0;margin-bottom:20px;font-size:20px;font-weight:700;color:var(--zp-primary)}.text[data-v-236610db]{flex:1;font-size:16px;word-break:break-all}

2
vue/dist/assets/fullScreenContextMenu-64797e90.js vendored
View File

File diff suppressed because one or more lines are too long

2
vue/dist/assets/fullScreenContextMenu-3ec59dc4.css → vue/dist/assets/fullScreenContextMenu-7e62f2e2.css vendored
View File

File diff suppressed because one or more lines are too long

2
vue/dist/assets/fullScreenContextMenu-b67e807f.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

4
vue/dist/assets/functionalCallableComp-dedd394b.js → vue/dist/assets/functionalCallableComp-295a3d8c.js vendored
View File

File diff suppressed because one or more lines are too long

1
vue/dist/assets/globalSetting-882cf733.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
vue/dist/assets/globalSetting-fe6067e0.js vendored
View File

File diff suppressed because one or more lines are too long

1
vue/dist/assets/hook-60689476.js vendored Normal file
View File

@ -0,0 +1 @@
import{be as A,$ as g,bR as q,bS as x,aa as k,a7 as D,bJ as z,b4 as G}from"./index-a3c10ab0.js";import{u as N,b as Q,f as j,c as H,d as J,e as L,h as O}from"./FileItem-b11e9dcf.js";let T=0;const U=()=>++T,W=(r,l,{dataUpdateStrategy:c="replace"}={})=>{const s=A([""]),u=g(!1),t=g(),a=g(!1);let f=g(-1);const v=new Set,b=e=>{var n;c==="replace"?t.value=e:c==="merge"&&(k((Array.isArray(t.value)||typeof t.value>"u")&&Array.isArray(e),"数据更新策略为合并时仅可用于值为数组的情况"),t.value=[...(n=t==null?void 0:t.value)!==null&&n!==void 0?n:[],...e])},d=e=>x(void 0,void 0,void 0,function*(){if(a.value||u.value&&typeof e>"u")return!1;a.value=!0;const n=U();f.value=n;try{let o;if(typeof e=="number"){if(o=s[e],typeof o!="string")return!1}else o=s[s.length-1];const p=yield r(o);if(v.has(n))return v.delete(n),!1;b(l(p));const i=p.cursor;if((e===s.length-1||typeof e!="number")&&(u.value=!i.has_next,i.has_next)){const I=i.next_cursor||i.next;k(typeof I=="string"),s.push(I)}}finally{f.value===n&&(a.value=!1)}return!0}),h=()=>{v.add(f.value),a.value=!1},S=(e=!1)=>x(void 0,void 0,void 0,function*(){const{refetch:n,force:o}=typeof e=="object"?e:{refetch:e};o&&h(),k(!a.value),s.splice(0,s.length,""),a.value=!1,t.value=void 0,u.value=!1,n&&(yield d())}),m=()=>({next:()=>x(void 0,void 0,void 0,function*(){if(a.value)throw new Error("不允许同时迭代");return{done:!(yield d()),value:t.value}})});return q({abort:h,load:u,next:d,res:t,loading:a,cursorStack:s,reset:S,[Symbol.asyncIterator]:m,iter:{[Symbol.asyncIterator]:m}})},K=r=>A(W(r,l=>l.files,{dataUpdateStrategy:"merge"})),V=r=>{const l=A(new Set),c=D(()=>(r.res??[]).filter(y=>!l.has(y.fullpath))),s=z(),{stackViewEl:u,multiSelectedIdxs:t,stack:a,scroller:f}=N({images:c}).toRefs(),{itemSize:v,gridItems:b,cellWidth:d,onScroll:h}=Q({fetchNext:()=>r.next()}),{showMenuIdx:S}=j(),{onFileDragStart:m,onFileDragEnd:e}=H(),{showGenInfo:n,imageGenInfo:o,q:p,onContextMenuClick:i,onFileItemClick:I}=J({openNext:G}),{previewIdx:C,previewing:F,onPreviewVisibleChange:_,previewImgMove:E,canPreview:M}=L(),R=async(y,w,P)=>{a.value=[{curr:"",files:c.value}],await i(y,w,P)};return O("removeFiles",async({paths:y})=>{y.forEach(w=>l.add(w))}),{images:c,scroller:f,queue:s,iter:r,onContextMenuClickU:R,stackViewEl:u,previewIdx:C,previewing:F,onPreviewVisibleChange:_,previewImgMove:E,canPreview:M,itemSize:v,gridItems:b,showGenInfo:n,imageGenInfo:o,q:p,onContextMenuClick:i,onFileItemClick:I,showMenuIdx:S,multiSelectedIdxs:t,onFileDragStart:m,onFileDragEnd:e,cellWidth:d,onScroll:h}};export{K as c,V as u};

1
vue/dist/assets/hook-67d5a326.js vendored
View File

@ -1 +0,0 @@
import{bo as A,$ as g,bW as q,bX as x,as as k,ap as D,bP as z,be as G}from"./index-e958a380.js";import{u as N,b as Q,f as W,c as j,d as H,e as L,h as O}from"./FileItem-caf7e020.js";let T=0;const U=()=>++T,X=(r,l,{dataUpdateStrategy:c="replace"}={})=>{const s=A([""]),u=g(!1),t=g(),a=g(!1);let f=g(-1);const v=new Set,b=e=>{var n;c==="replace"?t.value=e:c==="merge"&&(k((Array.isArray(t.value)||typeof t.value>"u")&&Array.isArray(e),"数据更新策略为合并时仅可用于值为数组的情况"),t.value=[...(n=t==null?void 0:t.value)!==null&&n!==void 0?n:[],...e])},d=e=>x(void 0,void 0,void 0,function*(){if(a.value||u.value&&typeof e>"u")return!1;a.value=!0;const n=U();f.value=n;try{let o;if(typeof e=="number"){if(o=s[e],typeof o!="string")return!1}else o=s[s.length-1];const m=yield r(o);if(v.has(n))return v.delete(n),!1;b(l(m));const i=m.cursor;if((e===s.length-1||typeof e!="number")&&(u.value=!i.has_next,i.has_next)){const I=i.next_cursor||i.next;k(typeof I=="string"),s.push(I)}}finally{f.value===n&&(a.value=!1)}return!0}),h=()=>{v.add(f.value),a.value=!1},w=(e=!1)=>x(void 0,void 0,void 0,function*(){const{refetch:n,force:o}=typeof e=="object"?e:{refetch:e};o&&h(),k(!a.value),s.splice(0,s.length,""),a.value=!1,t.value=void 0,u.value=!1,n&&(yield d())}),p=()=>({next:()=>x(void 0,void 0,void 0,function*(){if(a.value)throw new Error("不允许同时迭代");return{done:!(yield d()),value:t.value}})});return q({abort:h,load:u,next:d,res:t,loading:a,cursorStack:s,reset:w,[Symbol.asyncIterator]:p,iter:{[Symbol.asyncIterator]:p}})},J=r=>A(X(r,l=>l.files,{dataUpdateStrategy:"merge"})),K=r=>{const l=A(new Set),c=D(()=>(r.res??[]).filter(y=>!l.has(y.fullpath))),s=z(),{stackViewEl:u,multiSelectedIdxs:t,stack:a,scroller:f}=N({images:c}).toRefs(),{itemSize:v,gridItems:b,cellWidth:d,onScroll:h}=Q({fetchNext:()=>r.next()}),{showMenuIdx:w}=W(),{onFileDragStart:p,onFileDragEnd:e}=j(),{showGenInfo:n,imageGenInfo:o,q:m,onContextMenuClick:i,onFileItemClick:I}=H({openNext:G}),{previewIdx:C,previewing:F,onPreviewVisibleChange:_,previewImgMove:E,canPreview:M}=L(),P=async(y,S,R)=>{a.value=[{curr:"",files:c.value}],await i(y,S,R)};return O("removeFiles",async({paths:y})=>{y.forEach(S=>l.add(S))}),{images:c,scroller:f,queue:s,iter:r,onContextMenuClickU:P,stackViewEl:u,previewIdx:C,previewing:F,onPreviewVisibleChange:_,previewImgMove:E,canPreview:M,itemSize:v,gridItems:b,showGenInfo:n,imageGenInfo:o,q:m,onContextMenuClick:i,onFileItemClick:I,showMenuIdx:w,multiSelectedIdxs:t,onFileDragStart:p,onFileDragEnd:e,cellWidth:d,onScroll:h}};export{J as c,K as u};

2
vue/dist/assets/index-dcc4b290.css → vue/dist/assets/index-1850a9a7.css vendored
View File

File diff suppressed because one or more lines are too long

1
vue/dist/assets/index-46f799ce.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
vue/dist/assets/index-75af9b9c.js vendored
View File

File diff suppressed because one or more lines are too long

218
vue/dist/assets/index-a3c10ab0.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

218
vue/dist/assets/index-e958a380.js vendored
View File

File diff suppressed because one or more lines are too long

2
vue/dist/assets/numInput-63f5aa8e.js → vue/dist/assets/numInput-eecfc671.js vendored
View File

File diff suppressed because one or more lines are too long

2
vue/dist/assets/stackView-d8157de1.js → vue/dist/assets/stackView-2fc8a3b2.js vendored
View File

File diff suppressed because one or more lines are too long

4
vue/dist/index.html vendored
View File

@ -7,8 +7,8 @@
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Infinite Image Browsing</title>
<script type="module" crossorigin src="/infinite_image_browsing/fe-static/assets/index-e958a380.js"></script>
<link rel="stylesheet" href="/infinite_image_browsing/fe-static/assets/index-dcc4b290.css">
<script type="module" crossorigin src="/infinite_image_browsing/fe-static/assets/index-a3c10ab0.js"></script>
<link rel="stylesheet" href="/infinite_image_browsing/fe-static/assets/index-1850a9a7.css">
</head>
<body>

3
vue/src/i18n/en.ts
View File

@ -1,6 +1,9 @@
import type { IIBI18nMap } from '.'
export const en: IIBI18nMap = {
scrollDownToComparePrompt: "Scroll down to compare prompts",
sourceText: 'Source Text',
structuredData: 'Structured Data',
searchScope: 'Search Scope',
specifiedSearchFolder: 'Specify the folders to search, separate multiple folders with commas or line breaks',
batchAddTag: 'Batch Add Tag',

3
vue/src/i18n/zh-hans.ts
View File

@ -1,4 +1,7 @@
export const zhHans = {
scrollDownToComparePrompt: "向下滚查看Prompt比较",
sourceText: '源文本',
structuredData: '结构化数据',
searchScope: '搜索范围',
specifiedSearchFolder: '指定搜索的文件夹，使用逗号或者换行分割多个',
batchAddTag: '批量添加Tag',

3
vue/src/i18n/zh-hant.ts
View File

@ -1,6 +1,9 @@
import type { IIBI18nMap } from '.'
export const zhHant: IIBI18nMap = {
scrollDownToComparePrompt: "向下滾查看提示比較",
sourceText: '源文本',
structuredData: '結構化數據',
searchScope: '搜尋範圍',
specifiedSearchFolder: '指定搜尋的資料夾，使用逗號或換行分割多個',
batchAddTag: '批量添加Tag',

2
vue/src/page/ImgSli/ImgSliComparePane.vue
View File

@ -52,7 +52,7 @@ const maxEdge = asyncComputed(async () => {
</div>
<div class="hint" v-if="container !== 'drawer'">
<div class="hint-inline">
<ArrowDownOutlined /> Scroll down to compare prompts
<ArrowDownOutlined /> {{ $t('scrollDownToComparePrompt') }}
</div>
</div>
<PromptCompare :lImg="left" :rImg="right"></PromptCompare>

13
vue/src/page/ImgSli/ImgSliDrawer.vue
View File

@ -3,7 +3,6 @@ import DraggingPort from './DraggingPort.vue'
import { useImgSliStore } from '@/store/useImgSli'
import ImgSliSplitPane from './ImgSliComparePane.vue'
import { ref } from 'vue'
import { ArrowDownOutlined } from '@/icon'
const sli = useImgSliStore()
const splitpane = ref<{ requestFullScreen (): void }>()
@ -16,16 +15,22 @@ const splitpane = ref<{ requestFullScreen (): void }>()
<div class="actions">
<AButton @click="sli.drawerVisible = false">{{ $t('close') }}</AButton>
<AButton @click="splitpane?.requestFullScreen()">{{ $t('fullscreenview') }}</AButton>
<small>
<ArrowDownOutlined /> Scroll down to compare prompts
</small>
<a-alert banner style="height: 32px;" :message="'👇 '+$t('scrollDownToComparePrompt')" type="info" show-icon />
</div>
</template>
</ADrawer>
<DraggingPort />
</template>
<style lang="scss" scoped>
.actions {
display: flex;
flex-direction: row;
}
</style>
<style lang="scss">
.img-sli {
.ant-drawer-header,

62
vue/src/page/fileTransfer/fullScreenContextMenu.vue
View File

@ -62,7 +62,7 @@ watch(
},
{ immediate: true }
)
const promptTabActivedKey = useLocalStorage('iib@fullScreenContextMenu.prompt-tab', 'structedData' as 'structedData' | 'sourceText')
const resizeHandle = ref<HTMLElement>()
const dragHandle = ref<HTMLElement>()
const dragInitParams = {
@ -221,33 +221,39 @@ const copyPositivePrompt = () => {
{{ tag.name }}
</div>
</div>
<div>
<template v-if="geninfoStruct.prompt">
<br />
<h3>Prompt</h3>
<code v-html="spanWrap(geninfoStruct.prompt ?? '')"></code>
</template>
<template v-if="geninfoStruct.negativePrompt">
<br />
<h3>Negative Prompt</h3>
<code v-html="spanWrap(geninfoStruct.negativePrompt ?? '')"></code>
</template>
</div>
<template v-if="Object.keys(geninfoStructNoPrompts).length"> <br />
<h3>Params</h3>
<table>
<tr v-for="txt, key in geninfoStructNoPrompts" :key="txt" class="gen-info-frag">
<td style="font-weight: 600;text-transform: capitalize;">{{ key }}</td>
<td v-if="typeof txt == 'object'">
<code>{{ txt }}</code>
</td>
<td v-else>
{{ txt }}
</td>
</tr>
</table>
</template>
<a-tabs v-model:activeKey="promptTabActivedKey">
<a-tab-pane key="structedData" :tab="$t('structuredData')">
<div>
<template v-if="geninfoStruct.prompt">
<br />
<h3>Prompt</h3>
<code v-html="spanWrap(geninfoStruct.prompt ?? '')"></code>
</template>
<template v-if="geninfoStruct.negativePrompt">
<br />
<h3>Negative Prompt</h3>
<code v-html="spanWrap(geninfoStruct.negativePrompt ?? '')"></code>
</template>
</div>
<template v-if="Object.keys(geninfoStructNoPrompts).length"> <br />
<h3>Params</h3>
<table>
<tr v-for="txt, key in geninfoStructNoPrompts" :key="txt" class="gen-info-frag">
<td style="font-weight: 600;text-transform: capitalize;">{{ key }}</td>
<td v-if="typeof txt == 'object'">
<code>{{ txt }}</code>
</td>
<td v-else>
{{ txt }}
</td>
</tr>
</table>
</template>
</a-tab-pane>
<a-tab-pane key="sourceText" :tab="$t('sourceText')">
<code>{{ imageGenInfo }}</code>
</a-tab-pane>
</a-tabs>
</div>
</div>