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

enable cross-tab parameter delivery

pull/133/head
wfjsw 2023-05-14 10:41:22 +08:00
parent 088867cd74
commit 6e17b99783
32 changed files with 47 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README-zh.md
View File

@ -46,7 +46,7 @@
如果您喜欢这个项目并且觉得它对您有帮助，请考虑给我点个⭐️。这将对我持续开发和维护这个项目非常重要。如果您有任何建议或者想法，请随时在issue中提出，我会尽快回复。再次感谢您的支持！
强烈推荐使用在`在新页面打开`（在插件启动页的右上角），比塞在gradio里舒服太多，不过这时`发送图像到其他tab`功能是用不了的。
强烈推荐使用在`在新页面打开`（在插件启动页的右上角），比塞在gradio里舒服太多。
[视频演示可以在Bilibili上观看](https://space.bilibili.com/27227392/channel/series)

2
README.md
View File

@ -42,7 +42,7 @@
If you like this project and find it helpful, please consider giving it a ⭐️. This would be very important for me to continue developing and maintaining this project. If you have any suggestions or ideas, please feel free to raise them in the issue section, and I will respond as soon as possible. Thank you again for your support!
It is strongly recommended to use "Open in new tab" (in the upper right corner of the plugin startup page), which is much more comfortable than being embedded in Gradio. However, the "send image to other tab" function cannot be used in this mode.
It is strongly recommended to use "Open in new tab" (in the upper right corner of the plugin startup page), which is much more comfortable than being embedded in Gradio.
## Preview

16
javascript/index.js
View File

@ -8,8 +8,8 @@
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite App</title>
<script type="module" crossorigin src="/infinite_image_browsing/fe-static/assets/index-0f1509d8.js"></script>
<link rel="stylesheet" href="/infinite_image_browsing/fe-static/assets/index-99766f9b.css">
<script type="module" crossorigin src="/infinite_image_browsing/fe-static/assets/index-ce048bd1.js"></script>
<link rel="stylesheet" href="/infinite_image_browsing/fe-static/assets/index-0f2e5895.css">
</head>
<body>
@ -52,4 +52,16 @@
iframe.style = `width: 100%;height:100vh`
wrap.appendChild(iframe)
})
const imgTransferBus = new BroadcastChannel("iib-image-transfer-bus");
imgTransferBus.addEventListener("message", (ev) => {
const handler = ev.data;
if (
handler === "iib_hidden_img_update_trigger" ||
handler.startsWith("iib_hidden_tab_")
) {
const btn = gradioApp().querySelector(`#${handler}`);
btn.click();
}
})
})()

1
vue/dist/assets/MatchedImageGrid-b55a4fc3.css vendored
View File

@ -1 +0,0 @@
.preview-switch[data-v-772c5035]{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;z-index:11111;pointer-events:none}.preview-switch>*[data-v-772c5035]{color:#fff;margin:16px;font-size:4em;pointer-events:all;cursor:pointer}.preview-switch>*.disable[data-v-772c5035]{opacity:0;pointer-events:none;cursor:none}.container[data-v-772c5035]{background:var(--zp-secondary-background)}.container .file-list[data-v-772c5035]{list-style:none;padding:8px;height:100%;overflow:auto;height:var(--pane-max-height);width:100%}

2
vue/dist/assets/MatchedImageGrid-75584b44.js → vue/dist/assets/MatchedImageGrid-f0e2c079.js vendored
View File

@ -1 +1 @@
import{d as E,r as S,a$ as L,x as Q,o as d,l as T,c as a,m as r,n as e,p as V,q as z,A as j,t as F,B as H,y as $,J as k,I as A,aN as J,L as K,Q as W}from"./index-0f1509d8.js";import{u as X,b as Y,f as Z,c as ee,d as se,e as le,i as te,j as ie,t as ae,L as ne,R as oe,k as re,S as ce}from"./fullScreenContextMenu-fe0a495a.js";import{g as de,M as ue}from"./db-926c3402.js";import"./index-146b7ff2.js";import"./_baseIteratee-7b13cbe7.js";import"./button-925c7824.js";const me={class:"hint"},pe={key:1,class:"preview-switch"},ve=E({__name:"MatchedImageGrid",props:{tabIdx:null,paneIdx:null,selectedTagIds:null,id:null},setup(B){const u=B,l=S(),g=L();Q(()=>u.selectedTagIds,async()=>{var s;const{res:i}=g.pushAction(()=>de(u.selectedTagIds));l.value=await i,(s=m.value)==null||s.scrollToItem(0)},{immediate:!0});const m=S(),I={tabIdx:-1,target:"local",paneIdx:-1,walkMode:!1},{stackViewEl:N,multiSelectedIdxs:p,stack:R}=X().toRefs(),{itemSize:w,gridItems:G}=Y(I),{showMenuIdx:v}=Z();ee();const{showGenInfo:c,imageGenInfo:x,q:P,onContextMenuClick:O,onFileItemClick:U}=se(I,{openNext:J}),{previewIdx:n,previewing:C,onPreviewVisibleChange:q,previewImgMove:_,canPreview:y}=le(u,{scroller:m,files:l}),b=async(i,s,o)=>{R.value=[{curr:"",files:l.value}];const f=p.value.includes(o)?p.value:[o];await O(i,s,o),i.key==="deleteFiles"&&(l.value=l.value.filter((M,t)=>!f.includes(t)))};return(i,s)=>{const o=K,f=ue,M=ce;return d(),T("div",{class:"container",ref_key:"stackViewEl",ref:N},[a(M,{size:"large",spinning:!e(g).isIdle},{default:r(()=>[a(f,{visible:e(c),"onUpdate:visible":s[1]||(s[1]=t=>V(c)?c.value=t:null),width:"70vw","mask-closable":"",onOk:s[2]||(s[2]=t=>c.value=!1)},{cancelText:r(()=>[]),default:r(()=>[a(o,{active:"",loading:!e(P).isIdle},{default:r(()=>[z("div",{style:{width:"100%","word-break":"break-all","white-space":"pre-line","max-height":"70vh",overflow:"auto"},onDblclick:s[0]||(s[0]=t=>e(j)(e(x)))},[z("div",me,F(i.$t("doubleClickToCopy")),1),H(" "+F(e(x)),1)],32)]),_:1},8,["loading"])]),_:1},8,["visible"]),l.value?(d(),$(e(te),{key:0,ref_key:"scroller",ref:m,class:"file-list",items:l.value,"item-size":e(w).first,"key-field":"fullpath","item-secondary-size":e(w).second,gridItems:e(G)},{default:r(({item:t,index:h})=>[a(ie,{idx:h,file:t,"show-menu-idx":e(v),"onUpdate:showMenuIdx":s[3]||(s[3]=D=>V(v)?v.value=D:null),onFileItemClick:e(U),"full-screen-preview-image-url":l.value[e(n)]?e(ae)(l.value[e(n)]):"",selected:e(p).includes(h),onContextMenuClick:b,onPreviewVisibleChange:e(q)},null,8,["idx","file","show-menu-idx","onFileItemClick","full-screen-preview-image-url","selected","onPreviewVisibleChange"])]),_:1},8,["items","item-size","item-secondary-size","gridItems"])):k("",!0),e(C)?(d(),T("div",pe,[a(e(ne),{onClick:s[4]||(s[4]=t=>e(_)("prev")),class:A({disable:!e(y)("prev")})},null,8,["class"]),a(e(oe),{onClick:s[5]||(s[5]=t=>e(_)("next")),class:A({disable:!e(y)("next")})},null,8,["class"])])):k("",!0)]),_:1},8,["spinning"]),e(C)&&l.value&&l.value[e(n)]?(d(),$(re,{key:0,file:l.value[e(n)],idx:e(n),onContextMenuClick:b},null,8,["file","idx"])):k("",!0)],512)}}});const Ce=W(ve,[["__scopeId","data-v-772c5035"]]);export{Ce as default};
import{d as E,r as S,a$ as L,x as Q,o as d,l as T,c as a,m as r,n as e,p as V,q as z,A as j,t as F,B as H,y as $,J as k,I as A,aN as J,L as K,Q as W}from"./index-ce048bd1.js";import{u as X,b as Y,f as Z,c as ee,d as se,e as le,i as te,j as ie,t as ae,L as ne,R as oe,k as re,S as ce}from"./fullScreenContextMenu-ecedfb92.js";import{g as de,M as ue}from"./db-5a2b8826.js";import"./index-c71fb108.js";import"./_baseIteratee-fae27375.js";import"./button-dfda9e18.js";const me={class:"hint"},pe={key:1,class:"preview-switch"},ve=E({__name:"MatchedImageGrid",props:{tabIdx:null,paneIdx:null,selectedTagIds:null,id:null},setup(B){const u=B,l=S(),g=L();Q(()=>u.selectedTagIds,async()=>{var s;const{res:i}=g.pushAction(()=>de(u.selectedTagIds));l.value=await i,(s=m.value)==null||s.scrollToItem(0)},{immediate:!0});const m=S(),I={tabIdx:-1,target:"local",paneIdx:-1,walkMode:!1},{stackViewEl:N,multiSelectedIdxs:p,stack:R}=X().toRefs(),{itemSize:w,gridItems:G}=Y(I),{showMenuIdx:v}=Z();ee();const{showGenInfo:c,imageGenInfo:x,q:P,onContextMenuClick:O,onFileItemClick:U}=se(I,{openNext:J}),{previewIdx:n,previewing:C,onPreviewVisibleChange:q,previewImgMove:_,canPreview:y}=le(u,{scroller:m,files:l}),b=async(i,s,o)=>{R.value=[{curr:"",files:l.value}];const f=p.value.includes(o)?p.value:[o];await O(i,s,o),i.key==="deleteFiles"&&(l.value=l.value.filter((M,t)=>!f.includes(t)))};return(i,s)=>{const o=K,f=ue,M=ce;return d(),T("div",{class:"container",ref_key:"stackViewEl",ref:N},[a(M,{size:"large",spinning:!e(g).isIdle},{default:r(()=>[a(f,{visible:e(c),"onUpdate:visible":s[1]||(s[1]=t=>V(c)?c.value=t:null),width:"70vw","mask-closable":"",onOk:s[2]||(s[2]=t=>c.value=!1)},{cancelText:r(()=>[]),default:r(()=>[a(o,{active:"",loading:!e(P).isIdle},{default:r(()=>[z("div",{style:{width:"100%","word-break":"break-all","white-space":"pre-line","max-height":"70vh",overflow:"auto"},onDblclick:s[0]||(s[0]=t=>e(j)(e(x)))},[z("div",me,F(i.$t("doubleClickToCopy")),1),H(" "+F(e(x)),1)],32)]),_:1},8,["loading"])]),_:1},8,["visible"]),l.value?(d(),$(e(te),{key:0,ref_key:"scroller",ref:m,class:"file-list",items:l.value,"item-size":e(w).first,"key-field":"fullpath","item-secondary-size":e(w).second,gridItems:e(G)},{default:r(({item:t,index:h})=>[a(ie,{idx:h,file:t,"show-menu-idx":e(v),"onUpdate:showMenuIdx":s[3]||(s[3]=D=>V(v)?v.value=D:null),onFileItemClick:e(U),"full-screen-preview-image-url":l.value[e(n)]?e(ae)(l.value[e(n)]):"",selected:e(p).includes(h),onContextMenuClick:b,onPreviewVisibleChange:e(q)},null,8,["idx","file","show-menu-idx","onFileItemClick","full-screen-preview-image-url","selected","onPreviewVisibleChange"])]),_:1},8,["items","item-size","item-secondary-size","gridItems"])):k("",!0),e(C)?(d(),T("div",pe,[a(e(ne),{onClick:s[4]||(s[4]=t=>e(_)("prev")),class:A({disable:!e(y)("prev")})},null,8,["class"]),a(e(oe),{onClick:s[5]||(s[5]=t=>e(_)("next")),class:A({disable:!e(y)("next")})},null,8,["class"])])):k("",!0)]),_:1},8,["spinning"]),e(C)&&l.value&&l.value[e(n)]?(d(),$(re,{key:0,file:l.value[e(n)],idx:e(n),onContextMenuClick:b},null,8,["file","idx"])):k("",!0)],512)}}});const Ce=W(ve,[["__scopeId","data-v-41e1bfc4"]]);export{Ce as default};

1
vue/dist/assets/MatchedImageGrid-f41b3a22.css vendored Normal file
View File

@ -0,0 +1 @@
.preview-switch[data-v-41e1bfc4]{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;z-index:11111;pointer-events:none}.preview-switch>*[data-v-41e1bfc4]{color:#fff;margin:16px;font-size:4em;pointer-events:all;cursor:pointer}.preview-switch>*.disable[data-v-41e1bfc4]{opacity:0;pointer-events:none;cursor:none}.container[data-v-41e1bfc4]{background:var(--zp-secondary-background)}.container .file-list[data-v-41e1bfc4]{list-style:none;padding:8px;height:100%;overflow:auto;height:var(--pane-max-height);width:100%}

1
vue/dist/assets/TagSearch-146ccf9c.css vendored Normal file
View File

@ -0,0 +1 @@
.container[data-v-d2736968]{height:var(--pane-max-height);overflow:auto;display:flex;flex-direction:column;align-items:stretch}.container .generate-idx-hint[data-v-d2736968]{margin:64px;padding:64px;font-size:2em;text-align:center;background-color:var(--zp-secondary-background);white-space:pre-line;line-height:2.5em;border-radius:16px}.container .remove[data-v-d2736968]{padding:4px;position:cursor;border-radius:2px}.container .remove[data-v-d2736968]:hover{background-color:var(--zp-secondary-background)}.container .select[data-v-d2736968]{padding:8px}.container .search-bar[data-v-d2736968]{padding:8px;display:flex}.container .search-bar .form-name[data-v-d2736968]{flex-shrink:0;padding:4px 8px;width:128px}.container .list-container[data-v-d2736968]{background-color:var(--zp-secondary-background);overflow:scroll}.container .tag-list[data-v-d2736968]{list-style:none;margin:16px;border-radius:16px;background:var(--zp-primary-background);padding:8px}.container .tag-list .cat-name[data-v-d2736968]{position:sticky;top:0;padding:4px 16px;background:var(--zp-primary-background);border-left:4px solid var(--primary-color);margin:4px}.container .tag-list .tag[data-v-d2736968]{border:2px solid var(--zp-secondary);color:var(--zp-primary);border-radius:999px;padding:4px 16px;margin:4px;display:inline-block;cursor:pointer;max-width:256px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.container .tag-list .tag.selected[data-v-d2736968]{color:var(--primary-color);border:2px solid var(--primary-color)}

1
vue/dist/assets/TagSearch-dffb5969.css vendored
View File

@ -1 +0,0 @@
.container[data-v-2e24b312]{height:var(--pane-max-height);overflow:auto;display:flex;flex-direction:column;align-items:stretch}.container .generate-idx-hint[data-v-2e24b312]{margin:64px;padding:64px;font-size:2em;text-align:center;background-color:var(--zp-secondary-background);white-space:pre-line;line-height:2.5em;border-radius:16px}.container .remove[data-v-2e24b312]{padding:4px;position:cursor;border-radius:2px}.container .remove[data-v-2e24b312]:hover{background-color:var(--zp-secondary-background)}.container .select[data-v-2e24b312]{padding:8px}.container .search-bar[data-v-2e24b312]{padding:8px;display:flex}.container .search-bar .form-name[data-v-2e24b312]{flex-shrink:0;padding:4px 8px;width:128px}.container .list-container[data-v-2e24b312]{background-color:var(--zp-secondary-background);overflow:scroll}.container .tag-list[data-v-2e24b312]{list-style:none;margin:16px;border-radius:16px;background:var(--zp-primary-background);padding:8px}.container .tag-list .cat-name[data-v-2e24b312]{position:sticky;top:0;padding:4px 16px;background:var(--zp-primary-background);border-left:4px solid var(--primary-color);margin:4px}.container .tag-list .tag[data-v-2e24b312]{border:2px solid var(--zp-secondary);color:var(--zp-primary);border-radius:999px;padding:4px 16px;margin:4px;display:inline-block;cursor:pointer;max-width:256px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.container .tag-list .tag.selected[data-v-2e24b312]{color:var(--primary-color);border:2px solid var(--primary-color)}

2
vue/dist/assets/TagSearch-f1087625.js → vue/dist/assets/TagSearch-e87cf058.js vendored
View File

File diff suppressed because one or more lines are too long

2
vue/dist/assets/_baseIteratee-7b13cbe7.js → vue/dist/assets/_baseIteratee-fae27375.js vendored
View File

@ -1 +1 @@
import{cd as C,c6 as P,ce as b,cf as m,bn as g,ap as w,aP as h,cg as E,aR as A,ch as O,aN as R,bX as x}from"./index-0f1509d8.js";function y(e,n){for(var r=0;r<n.length;r++){var t=n[r];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,C(t.key),t)}}function X(e,n,r){return n&&y(e.prototype,n),r&&y(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function B(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}function D(e){return function(n){return n==null?void 0:n[e]}}var G=function(){return P()&&window.document.documentElement},u,J=function(){if(!G())return!1;if(u!==void 0)return u;var n=document.createElement("div");return n.style.display="flex",n.style.flexDirection="column",n.style.rowGap="1px",n.appendChild(document.createElement("div")),n.appendChild(document.createElement("div")),document.body.appendChild(n),u=n.scrollHeight===1,document.body.removeChild(n),u},M=1,F=2;function I(e,n,r,t){var i=r.length,s=i,o=!t;if(e==null)return!s;for(e=Object(e);i--;){var f=r[i];if(o&&f[2]?f[1]!==e[f[0]]:!(f[0]in e))return!1}for(;++i<s;){f=r[i];var a=f[0],l=e[a],d=f[1];if(o&&f[2]){if(l===void 0&&!(a in e))return!1}else{var c=new b;if(t)var p=t(l,d,a,e,n,c);if(!(p===void 0?m(d,l,M|F,t,c):p))return!1}}return!0}function _(e){return e===e&&!g(e)}function L(e){for(var n=w(e),r=n.length;r--;){var t=n[r],i=e[t];n[r]=[t,i,_(i)]}return n}function v(e,n){return function(r){return r==null?!1:r[e]===n&&(n!==void 0||e in Object(r))}}function S(e){var n=L(e);return n.length==1&&n[0][2]?v(n[0][0],n[0][1]):function(r){return r===e||I(r,e,n)}}function U(e,n,r){var t=e==null?void 0:h(e,n);return t===void 0?r:t}var K=1,N=2;function T(e,n){return E(e)&&_(n)?v(A(e),n):function(r){var t=U(r,e);return t===void 0&&t===n?O(r,e):m(n,t,K|N)}}function $(e){return function(n){return h(n,e)}}function q(e){return E(e)?D(A(e)):$(e)}function Q(e){return typeof e=="function"?e:e==null?R:typeof e=="object"?x(e)?T(e[0],e[1]):S(e):q(e)}export{X as _,B as a,Q as b,G as c,J as d};
import{cc as C,c5 as P,cd as b,ce as m,bn as g,ap as w,aP as h,cf as E,aR as A,cg as O,aN as R,bW as x}from"./index-ce048bd1.js";function y(e,n){for(var r=0;r<n.length;r++){var t=n[r];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,C(t.key),t)}}function W(e,n,r){return n&&y(e.prototype,n),r&&y(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function B(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}function D(e){return function(n){return n==null?void 0:n[e]}}var G=function(){return P()&&window.document.documentElement},u,J=function(){if(!G())return!1;if(u!==void 0)return u;var n=document.createElement("div");return n.style.display="flex",n.style.flexDirection="column",n.style.rowGap="1px",n.appendChild(document.createElement("div")),n.appendChild(document.createElement("div")),document.body.appendChild(n),u=n.scrollHeight===1,document.body.removeChild(n),u},M=1,F=2;function I(e,n,r,t){var i=r.length,s=i,o=!t;if(e==null)return!s;for(e=Object(e);i--;){var f=r[i];if(o&&f[2]?f[1]!==e[f[0]]:!(f[0]in e))return!1}for(;++i<s;){f=r[i];var a=f[0],l=e[a],c=f[1];if(o&&f[2]){if(l===void 0&&!(a in e))return!1}else{var d=new b;if(t)var p=t(l,c,a,e,n,d);if(!(p===void 0?m(c,l,M|F,t,d):p))return!1}}return!0}function _(e){return e===e&&!g(e)}function L(e){for(var n=w(e),r=n.length;r--;){var t=n[r],i=e[t];n[r]=[t,i,_(i)]}return n}function v(e,n){return function(r){return r==null?!1:r[e]===n&&(n!==void 0||e in Object(r))}}function S(e){var n=L(e);return n.length==1&&n[0][2]?v(n[0][0],n[0][1]):function(r){return r===e||I(r,e,n)}}function U(e,n,r){var t=e==null?void 0:h(e,n);return t===void 0?r:t}var K=1,N=2;function T(e,n){return E(e)&&_(n)?v(A(e),n):function(r){var t=U(r,e);return t===void 0&&t===n?O(r,e):m(n,t,K|N)}}function $(e){return function(n){return h(n,e)}}function q(e){return E(e)?D(A(e)):$(e)}function Q(e){return typeof e=="function"?e:e==null?R:typeof e=="object"?x(e)?T(e[0],e[1]):S(e):q(e)}export{W as _,B as a,Q as b,G as c,J as d};

2
vue/dist/assets/button-925c7824.js → vue/dist/assets/button-dfda9e18.js vendored
View File

File diff suppressed because one or more lines are too long

2
vue/dist/assets/db-926c3402.js → vue/dist/assets/db-5a2b8826.js vendored
View File

File diff suppressed because one or more lines are too long

1
vue/dist/assets/emptyStartup-5914d7e6.css vendored
View File

@ -1 +0,0 @@
.container[data-v-206bb231]{padding:20px;background-color:var(--zp-secondary-background);height:100%;overflow:auto}.header[data-v-206bb231]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header h1[data-v-206bb231]{font-size:28px;font-weight:700;color:var(--zp-primary)}.last-record[data-v-206bb231]{margin-left:8px;font-size:14px;color:var(--zp-tertiary)}.last-record a[data-v-206bb231]{text-decoration:none;color:var(--zp-tertiary)}.last-record a[data-v-206bb231]:hover{color:var(--zp-primary)}.content[data-v-206bb231]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px}.quick-start[data-v-206bb231]{background-color:var(--zp-primary-background);border-radius:8px;box-shadow:0 1px 2px #0000001a;padding:20px}.quick-start ul[data-v-206bb231]{list-style:none;padding:4px}.quick-start h2[data-v-206bb231]{margin-top:0;margin-bottom:20px;font-size:20px;font-weight:700;color:var(--zp-primary)}.quick-start__item[data-v-206bb231]{margin-bottom:10px;padding:4px 8px;display:flex;align-items:center}.quick-start__item[data-v-206bb231]:hover{background:var(--zp-secondary-background);border-radius:4px;color:var(--primary-color);cursor:pointer}.quick-start__text[data-v-206bb231]{flex:1;font-size:16px}.quick-start__icon[data-v-206bb231]{margin-right:8px}

2
vue/dist/assets/emptyStartup-6c073717.js → vue/dist/assets/emptyStartup-6226c39d.js vendored
View File

@ -1 +1 @@
import{c as y,R as L,d as x,v as B,T as w,U as q,o,l,q as s,t as r,J as h,n as d,z as k,s as v,C as g,m as F,B as M,V as D,W as N,X as V,Y as j,Z as H,Q as P}from"./index-0f1509d8.js";import{B as R}from"./button-925c7824.js";var E={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M688 312v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zm-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296zm376 116c-119.3 0-216 96.7-216 216s96.7 216 216 216 216-96.7 216-216-96.7-216-216-216zm107.5 323.5C750.8 868.2 712.6 884 672 884s-78.8-15.8-107.5-44.5C535.8 810.8 520 772.6 520 732s15.8-78.8 44.5-107.5C593.2 595.8 631.4 580 672 580s78.8 15.8 107.5 44.5C808.2 653.2 824 691.4 824 732s-15.8 78.8-44.5 107.5zM761 656h-44.3c-2.6 0-5 1.2-6.5 3.3l-63.5 87.8-23.1-31.9a7.92 7.92 0 00-6.5-3.3H573c-6.5 0-10.3 7.4-6.5 12.7l73.8 102.1c3.2 4.4 9.7 4.4 12.9 0l114.2-158c3.9-5.3.1-12.7-6.4-12.7zM440 852H208V148h560v344c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h272c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z"}}]},name:"file-done",theme:"outlined"};const T=E;function I(a){for(var c=1;c<arguments.length;c++){var t=arguments[c]!=null?Object(arguments[c]):{},i=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(i=i.concat(Object.getOwnPropertySymbols(t).filter(function(u){return Object.getOwnPropertyDescriptor(t,u).enumerable}))),i.forEach(function(u){W(a,u,t[u])})}return a}function W(a,c,t){return c in a?Object.defineProperty(a,c,{value:t,enumerable:!0,configurable:!0,writable:!0}):a[c]=t,a}var C=function(c,t){var i=I({},c,t.attrs);return y(L,I({},i,{icon:T}),null)};C.displayName="FileDoneOutlined";C.inheritAttrs=!1;const A=C,Q=a=>(j("data-v-206bb231"),a=a(),H(),a),G={class:"container"},J={class:"header"},U=Q(()=>s("div",{"flex-placeholder":""},null,-1)),X={class:"last-record"},Y=["onClick"],Z={href:"https://github.com/zanllp/sd-webui-infinite-image-browsing/issues/90",target:"_blank",class:"last-record",style:{color:"unset"}},K={class:"content"},ee={key:0,class:"quick-start"},te={key:1,class:"quick-start"},se=["onClick"],ne={class:"quick-start__text line-clamp-1"},ae={class:"quick-start"},oe=["onClick"],le={class:"quick-start__text line-clamp-1"},ce={key:2,class:"quick-start"},re=["onClick"],ie={class:"quick-start__text line-clamp-1"},ue=x({__name:"emptyStartup",props:{tabIdx:null,paneIdx:null},setup(a){const c=a,t=B(),i={local:w("local"),"tag-search":w("imgSearch"),"global-setting":w("globalSettings")},u=(e,_,b=!1)=>{let p;switch(e){case"tag-search-matched-image-grid":return;case"global-setting":case"tag-search":case"empty":p={type:e,name:i[e],key:Date.now()+D()};break;case"local":p={type:e,name:i[e],key:Date.now()+D(),path:_,walkMode:b}}const n=t.tabList[c.tabIdx];n.panes.splice(c.paneIdx,1,p),n.key=p.key},m=q(()=>{var e;return(e=t.lastTabListRecord)==null?void 0:e[1]});console.log(m.value);const O=q(()=>t.autoCompletedDirList.filter(({key:e})=>e==="outdir_txt2img_samples"||e==="outdir_img2img_samples")),S=window.parent!==window,$=()=>window.parent.open("/infinite_image_browsing"),z=()=>{N(m.value),t.tabList=m.value.tabs.map(e=>V(e,!0)),t.tabList.forEach(e=>{e.panes.forEach(_=>{typeof _.name!="string"&&(_.name="")})})};return(e,_)=>{var p;const b=R;return o(),l("div",G,[s("div",J,[s("h1",null,r(e.$t("welcome")),1),U,S?(o(),l("div",{key:0,class:"last-record",onClick:$},[s("a",null,r(e.$t("openInNewWindow")),1)])):h("",!0),s("div",X,[(p=d(m))!=null&&p.tabs.length?(o(),l("a",{key:0,onClick:k(z,["prevent"])},r(e.$t("restoreLastRecord")),9,Y)):h("",!0)]),s("a",Z,r(e.$t("faq")),1)]),s("div",K,[d(O).length?(o(),l("div",ee,[s("h2",null,r(e.$t("walkMode")),1),s("ul",null,[(o(!0),l(v,null,g(d(O),n=>(o(),l("li",{key:n.dir,class:"quick-start__item"},[y(b,{onClick:f=>u("local",n.dir,!0),ghost:"",type:"primary",block:""},{default:F(()=>[M(r(n.zh),1)]),_:2},1032,["onClick"])]))),128))])])):h("",!0),d(t).autoCompletedDirList.length?(o(),l("div",te,[s("h2",null,r(e.$t("launchFromQuickMove")),1),s("ul",null,[(o(!0),l(v,null,g(d(t).autoCompletedDirList,n=>(o(),l("li",{key:n.key,class:"quick-start__item",onClick:k(f=>u("local",n.dir),["prevent"])},[s("span",ne,r(n.zh),1)],8,se))),128))])])):h("",!0),s("div",ae,[s("h2",null,r(e.$t("launch")),1),s("ul",null,[(o(!0),l(v,null,g(Object.keys(i),n=>(o(),l("li",{key:n,class:"quick-start__item",onClick:k(f=>u(n),["prevent"])},[s("span",le,r(i[n]),1)],8,oe))),128))])]),d(t).recent.length?(o(),l("div",ce,[s("h2",null,r(e.$t("recent")),1),s("ul",null,[(o(!0),l(v,null,g(d(t).recent,n=>(o(),l("li",{key:n.key,class:"quick-start__item",onClick:k(f=>u("local",n.path),["prevent"])},[y(d(A),{class:"quick-start__icon"}),s("span",ie,r(n.path),1)],8,re))),128))])])):h("",!0)])])}}});const _e=P(ue,[["__scopeId","data-v-206bb231"]]);export{_e as default};
import{c as y,R as L,d as x,v as B,T as w,U as q,o,l,q as s,t as r,J as h,n as d,z as k,s as v,C as g,m as F,B as M,V as D,W as N,X as V,Y as j,Z as H,Q as P}from"./index-ce048bd1.js";import{B as R}from"./button-dfda9e18.js";var E={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M688 312v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zm-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296zm376 116c-119.3 0-216 96.7-216 216s96.7 216 216 216 216-96.7 216-216-96.7-216-216-216zm107.5 323.5C750.8 868.2 712.6 884 672 884s-78.8-15.8-107.5-44.5C535.8 810.8 520 772.6 520 732s15.8-78.8 44.5-107.5C593.2 595.8 631.4 580 672 580s78.8 15.8 107.5 44.5C808.2 653.2 824 691.4 824 732s-15.8 78.8-44.5 107.5zM761 656h-44.3c-2.6 0-5 1.2-6.5 3.3l-63.5 87.8-23.1-31.9a7.92 7.92 0 00-6.5-3.3H573c-6.5 0-10.3 7.4-6.5 12.7l73.8 102.1c3.2 4.4 9.7 4.4 12.9 0l114.2-158c3.9-5.3.1-12.7-6.4-12.7zM440 852H208V148h560v344c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h272c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z"}}]},name:"file-done",theme:"outlined"};const T=E;function I(a){for(var c=1;c<arguments.length;c++){var t=arguments[c]!=null?Object(arguments[c]):{},i=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(i=i.concat(Object.getOwnPropertySymbols(t).filter(function(u){return Object.getOwnPropertyDescriptor(t,u).enumerable}))),i.forEach(function(u){W(a,u,t[u])})}return a}function W(a,c,t){return c in a?Object.defineProperty(a,c,{value:t,enumerable:!0,configurable:!0,writable:!0}):a[c]=t,a}var C=function(c,t){var i=I({},c,t.attrs);return y(L,I({},i,{icon:T}),null)};C.displayName="FileDoneOutlined";C.inheritAttrs=!1;const A=C,Q=a=>(j("data-v-444ec931"),a=a(),H(),a),G={class:"container"},J={class:"header"},U=Q(()=>s("div",{"flex-placeholder":""},null,-1)),X={class:"last-record"},Y=["onClick"],Z={href:"https://github.com/zanllp/sd-webui-infinite-image-browsing/issues/90",target:"_blank",class:"last-record",style:{color:"unset"}},K={class:"content"},ee={key:0,class:"quick-start"},te={key:1,class:"quick-start"},se=["onClick"],ne={class:"quick-start__text line-clamp-1"},ae={class:"quick-start"},oe=["onClick"],le={class:"quick-start__text line-clamp-1"},ce={key:2,class:"quick-start"},re=["onClick"],ie={class:"quick-start__text line-clamp-1"},ue=x({__name:"emptyStartup",props:{tabIdx:null,paneIdx:null},setup(a){const c=a,t=B(),i={local:w("local"),"tag-search":w("imgSearch"),"global-setting":w("globalSettings")},u=(e,_,f=!1)=>{let p;switch(e){case"tag-search-matched-image-grid":return;case"global-setting":case"tag-search":case"empty":p={type:e,name:i[e],key:Date.now()+D()};break;case"local":p={type:e,name:i[e],key:Date.now()+D(),path:_,walkMode:f}}const n=t.tabList[c.tabIdx];n.panes.splice(c.paneIdx,1,p),n.key=p.key},m=q(()=>{var e;return(e=t.lastTabListRecord)==null?void 0:e[1]});console.log(m.value);const O=q(()=>t.autoCompletedDirList.filter(({key:e})=>e==="outdir_txt2img_samples"||e==="outdir_img2img_samples")),S=window.parent!==window,$=()=>window.parent.open("/infinite_image_browsing"),z=()=>{N(m.value),t.tabList=m.value.tabs.map(e=>V(e,!0)),t.tabList.forEach(e=>{e.panes.forEach(_=>{typeof _.name!="string"&&(_.name="")})})};return(e,_)=>{var p;const f=R;return o(),l("div",G,[s("div",J,[s("h1",null,r(e.$t("welcome")),1),U,S?(o(),l("div",{key:0,class:"last-record",onClick:$},[s("a",null,r(e.$t("openInNewWindow")),1)])):h("",!0),s("div",X,[(p=d(m))!=null&&p.tabs.length?(o(),l("a",{key:0,onClick:k(z,["prevent"])},r(e.$t("restoreLastRecord")),9,Y)):h("",!0)]),s("a",Z,r(e.$t("faq")),1)]),s("div",K,[d(O).length?(o(),l("div",ee,[s("h2",null,r(e.$t("walkMode")),1),s("ul",null,[(o(!0),l(v,null,g(d(O),n=>(o(),l("li",{key:n.dir,class:"quick-start__item"},[y(f,{onClick:b=>u("local",n.dir,!0),ghost:"",type:"primary",block:""},{default:F(()=>[M(r(n.zh),1)]),_:2},1032,["onClick"])]))),128))])])):h("",!0),d(t).autoCompletedDirList.length?(o(),l("div",te,[s("h2",null,r(e.$t("launchFromQuickMove")),1),s("ul",null,[(o(!0),l(v,null,g(d(t).autoCompletedDirList,n=>(o(),l("li",{key:n.key,class:"quick-start__item",onClick:k(b=>u("local",n.dir),["prevent"])},[s("span",ne,r(n.zh),1)],8,se))),128))])])):h("",!0),s("div",ae,[s("h2",null,r(e.$t("launch")),1),s("ul",null,[(o(!0),l(v,null,g(Object.keys(i),n=>(o(),l("li",{key:n,class:"quick-start__item",onClick:k(b=>u(n),["prevent"])},[s("span",le,r(i[n]),1)],8,oe))),128))])]),d(t).recent.length?(o(),l("div",ce,[s("h2",null,r(e.$t("recent")),1),s("ul",null,[(o(!0),l(v,null,g(d(t).recent,n=>(o(),l("li",{key:n.key,class:"quick-start__item",onClick:k(b=>u("local",n.path),["prevent"])},[y(d(A),{class:"quick-start__icon"}),s("span",ie,r(n.path),1)],8,re))),128))])])):h("",!0)])])}}});const _e=P(ue,[["__scopeId","data-v-444ec931"]]);export{_e as default};

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

@ -0,0 +1 @@
.container[data-v-444ec931]{padding:20px;background-color:var(--zp-secondary-background);height:100%;overflow:auto}.header[data-v-444ec931]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header h1[data-v-444ec931]{font-size:28px;font-weight:700;color:var(--zp-primary)}.last-record[data-v-444ec931]{margin-left:8px;font-size:14px;color:var(--zp-tertiary)}.last-record a[data-v-444ec931]{text-decoration:none;color:var(--zp-tertiary)}.last-record a[data-v-444ec931]:hover{color:var(--zp-primary)}.content[data-v-444ec931]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px}.quick-start[data-v-444ec931]{background-color:var(--zp-primary-background);border-radius:8px;box-shadow:0 1px 2px #0000001a;padding:20px}.quick-start ul[data-v-444ec931]{list-style:none;padding:4px}.quick-start h2[data-v-444ec931]{margin-top:0;margin-bottom:20px;font-size:20px;font-weight:700;color:var(--zp-primary)}.quick-start__item[data-v-444ec931]{margin-bottom:10px;padding:4px 8px;display:flex;align-items:center}.quick-start__item[data-v-444ec931]:hover{background:var(--zp-secondary-background);border-radius:4px;color:var(--primary-color);cursor:pointer}.quick-start__text[data-v-444ec931]{flex:1;font-size:16px}.quick-start__icon[data-v-444ec931]{margin-right:8px}

2
vue/dist/assets/fullScreenContextMenu-23d7245d.css → vue/dist/assets/fullScreenContextMenu-2815e960.css vendored
View File

File diff suppressed because one or more lines are too long

3
vue/dist/assets/fullScreenContextMenu-ecedfb92.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

3
vue/dist/assets/fullScreenContextMenu-fe0a495a.js vendored
View File

File diff suppressed because one or more lines are too long

2
vue/dist/assets/globalSetting-f329019f.css → vue/dist/assets/globalSetting-ae13e51b.css vendored
View File

File diff suppressed because one or more lines are too long

2
vue/dist/assets/globalSetting-5dcbe664.js → vue/dist/assets/globalSetting-b5665fb9.js vendored
View File

File diff suppressed because one or more lines are too long

2
vue/dist/assets/index-eace1f71.js → vue/dist/assets/index-09dbc853.js vendored
View File

File diff suppressed because one or more lines are too long

2
vue/dist/assets/index-99766f9b.css → vue/dist/assets/index-0f2e5895.css vendored
View File

File diff suppressed because one or more lines are too long

2
vue/dist/assets/index-6c4ac624.js → vue/dist/assets/index-7f52f022.js vendored
View File

File diff suppressed because one or more lines are too long

2
vue/dist/assets/index-6a8e6829.js → vue/dist/assets/index-a088da6f.js vendored
View File

@ -1 +1 @@
import{aO as e,c2 as n,c3 as a}from"./index-0f1509d8.js";var i="[object Object]",s=Function.prototype,p=Object.prototype,c=s.toString,b=p.hasOwnProperty,f=c.call(Object);function j(o){if(!e(o)||n(o)!=i)return!1;var r=a(o);if(r===null)return!0;var t=b.call(r,"constructor")&&r.constructor;return typeof t=="function"&&t instanceof t&&c.call(t)==f}export{j as i};
import{aO as e,c1 as n,c2 as a}from"./index-ce048bd1.js";var i="[object Object]",s=Function.prototype,p=Object.prototype,c=s.toString,b=p.hasOwnProperty,f=c.call(Object);function j(o){if(!e(o)||n(o)!=i)return!1;var r=a(o);if(r===null)return!0;var t=b.call(r,"constructor")&&r.constructor;return typeof t=="function"&&t instanceof t&&c.call(t)==f}export{j as i};

2
vue/dist/assets/index-146b7ff2.js → vue/dist/assets/index-c71fb108.js vendored
View File

@ -1 +1 @@
import{bW as i}from"./index-0f1509d8.js";var r=1/0,o=17976931348623157e292;function s(n){if(!n)return n===0?n:0;if(n=i(n),n===r||n===-r){var t=n<0?-1:1;return t*o}return n===n?n:0}function I(n){var t=n==null?0:n.length;return t?n[t-1]:void 0}export{I as l,s as t};
import{bV as i}from"./index-ce048bd1.js";var r=1/0,o=17976931348623157e292;function s(n){if(!n)return n===0?n:0;if(n=i(n),n===r||n===-r){var t=n<0?-1:1;return t*o}return n===n?n:0}function I(n){var t=n==null?0:n.length;return t?n[t-1]:void 0}export{I as l,s as t};

2
vue/dist/assets/index-0f1509d8.js → vue/dist/assets/index-ce048bd1.js vendored
View File

File diff suppressed because one or more lines are too long

2
vue/dist/assets/stackView-fcd1c24e.css → vue/dist/assets/stackView-7722044e.css vendored
View File

@ -1 +1 @@
.ant-breadcrumb{box-sizing:border-box;margin:0;padding:0;color:#000000d9;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";color:#00000073;font-size:14px}.ant-breadcrumb .anticon{font-size:14px}.ant-breadcrumb a{color:#00000073;transition:color .3s}.ant-breadcrumb a:hover{color:#de632f}.ant-breadcrumb>span:last-child{color:#000000d9}.ant-breadcrumb>span:last-child a{color:#000000d9}.ant-breadcrumb>span:last-child .ant-breadcrumb-separator{display:none}.ant-breadcrumb-separator{margin:0 8px;color:#00000073}.ant-breadcrumb-link>.anticon+span,.ant-breadcrumb-link>.anticon+a{margin-left:4px}.ant-breadcrumb-overlay-link>.anticon{margin-left:4px}.ant-breadcrumb-rtl{direction:rtl}.ant-breadcrumb-rtl:before{display:table;content:""}.ant-breadcrumb-rtl:after{display:table;clear:both;content:""}.ant-breadcrumb-rtl>span{float:right}.ant-breadcrumb-rtl .ant-breadcrumb-link>.anticon+span,.ant-breadcrumb-rtl .ant-breadcrumb-link>.anticon+a{margin-right:4px;margin-left:0}.ant-breadcrumb-rtl .ant-breadcrumb-overlay-link>.anticon{margin-right:4px;margin-left:0}.nprogress{pointer-events:none}.nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}.nprogress .peg{display:block;position:absolute;right:0px;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}.nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}.nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent .nprogress .spinner,.nprogress-custom-parent .nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preview-switch[data-v-b55b9483]{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;z-index:11111;pointer-events:none}.preview-switch>*[data-v-b55b9483]{color:#fff;margin:16px;font-size:4em;pointer-events:all;cursor:pointer}.preview-switch>*.disable[data-v-b55b9483]{opacity:0;pointer-events:none;cursor:none}.container[data-v-b55b9483]{height:100%;background:var(--zp-secondary-background)}.location-bar[data-v-b55b9483]{padding:4px 16px;background:var(--zp-primary-background);border-bottom:1px solid var(--zp-border);display:flex;align-items:center;justify-content:space-between}.location-bar .actions[data-v-b55b9483]{display:flex;align-items:center;flex-shrink:0}.location-bar a.opt[data-v-b55b9483]{margin-left:8px}.view[data-v-b55b9483]{padding:8px;height:calc(100vh - 96px)}.view .file-list[data-v-b55b9483]{list-style:none;padding:8px;height:100%;overflow:auto}.hint[data-v-b55b9483]{padding:4px;border:4px;background:var(--zp-secondary-background);border:1px solid var(--zp-border)}
.ant-breadcrumb{box-sizing:border-box;margin:0;padding:0;color:#000000d9;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";color:#00000073;font-size:14px}.ant-breadcrumb .anticon{font-size:14px}.ant-breadcrumb a{color:#00000073;transition:color .3s}.ant-breadcrumb a:hover{color:#de632f}.ant-breadcrumb>span:last-child{color:#000000d9}.ant-breadcrumb>span:last-child a{color:#000000d9}.ant-breadcrumb>span:last-child .ant-breadcrumb-separator{display:none}.ant-breadcrumb-separator{margin:0 8px;color:#00000073}.ant-breadcrumb-link>.anticon+span,.ant-breadcrumb-link>.anticon+a{margin-left:4px}.ant-breadcrumb-overlay-link>.anticon{margin-left:4px}.ant-breadcrumb-rtl{direction:rtl}.ant-breadcrumb-rtl:before{display:table;content:""}.ant-breadcrumb-rtl:after{display:table;clear:both;content:""}.ant-breadcrumb-rtl>span{float:right}.ant-breadcrumb-rtl .ant-breadcrumb-link>.anticon+span,.ant-breadcrumb-rtl .ant-breadcrumb-link>.anticon+a{margin-right:4px;margin-left:0}.ant-breadcrumb-rtl .ant-breadcrumb-overlay-link>.anticon{margin-right:4px;margin-left:0}.nprogress{pointer-events:none}.nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}.nprogress .peg{display:block;position:absolute;right:0px;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}.nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}.nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent .nprogress .spinner,.nprogress-custom-parent .nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preview-switch[data-v-b162fcad]{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;z-index:11111;pointer-events:none}.preview-switch>*[data-v-b162fcad]{color:#fff;margin:16px;font-size:4em;pointer-events:all;cursor:pointer}.preview-switch>*.disable[data-v-b162fcad]{opacity:0;pointer-events:none;cursor:none}.container[data-v-b162fcad]{height:100%;background:var(--zp-secondary-background)}.location-bar[data-v-b162fcad]{padding:4px 16px;background:var(--zp-primary-background);border-bottom:1px solid var(--zp-border);display:flex;align-items:center;justify-content:space-between}.location-bar .actions[data-v-b162fcad]{display:flex;align-items:center;flex-shrink:0}.location-bar a.opt[data-v-b162fcad]{margin-left:8px}.view[data-v-b162fcad]{padding:8px;height:calc(100vh - 96px)}.view .file-list[data-v-b162fcad]{list-style:none;padding:8px;height:100%;overflow:auto}.hint[data-v-b162fcad]{padding:4px;border:4px;background:var(--zp-secondary-background);border:1px solid var(--zp-border)}

2
vue/dist/assets/stackView-62903944.js → vue/dist/assets/stackView-7adb8d35.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>Vite App</title>
<script type="module" crossorigin src="/infinite_image_browsing/fe-static/assets/index-0f1509d8.js"></script>
<link rel="stylesheet" href="/infinite_image_browsing/fe-static/assets/index-99766f9b.css">
<script type="module" crossorigin src="/infinite_image_browsing/fe-static/assets/index-ce048bd1.js"></script>
<link rel="stylesheet" href="/infinite_image_browsing/fe-static/assets/index-0f2e5895.css">
</head>
<body>

2
vue/src/page/SplitViewTab/SplitViewTab.vue
View File

@ -4,7 +4,7 @@ import { Splitpanes, Pane } from 'splitpanes'
import 'splitpanes/dist/splitpanes.css'
import { useGlobalStore, type TabPane } from '@/store/useGlobalStore'
import { defineAsyncComponent, watch, ref, nextTick } from 'vue'
import { gradioApp, key, globalEvents, asyncCheck } from '@/util'
import { key, globalEvents, asyncCheck } from '@/util'
import { debounce, uniqueId } from 'lodash-es'
import edgeTrigger from './edgeTrigger.vue'
import { t } from '@/i18n'

11
vue/src/page/fileTransfer/hook.ts
View File

@ -12,7 +12,7 @@ import {
typedEventEmitter,
ID
} from 'vue3-ts-util'
import { createReactiveQueue, gradioApp, isImageFile, copy2clipboardI18n, useGlobalEventListen, makeAsyncFunctionSingle } from '@/util'
import { createReactiveQueue, isImageFile, copy2clipboardI18n, useGlobalEventListen, makeAsyncFunctionSingle } from '@/util'
import { getTargetFolderFiles, type FileNodeInfo, deleteFiles, moveFiles } from '@/api/files'
import { sortFiles, sortMethodMap, SortMethod } from './fileSort'
import { cloneDeep, debounce, last, range, uniqBy, uniqueId } from 'lodash-es'
@ -29,6 +29,7 @@ import { toggleCustomTagToImg } from '@/api/db'
export const stackCache = new Map<string, Page[]>()
const global = useGlobalStore()
const imgTransferBus = new BroadcastChannel('iib-image-transfer-bus')
export const toRawFileUrl = (file: FileNodeInfo, download = false) =>
`/infinite_image_browsing/file?filename=${encodeURIComponent(file.fullpath)}${download ? `&disposition=${encodeURIComponent(file.name)}` : ''
}`
@ -721,16 +722,12 @@ export function useFileItemActions (
try {
spinning.value = true
await setImgPath(file.fullpath) // 设置图像路径
const btn = gradioApp().querySelector(
'#iib_hidden_img_update_trigger'
)! as HTMLButtonElement
btn.click() // 触发图像组件更新
imgTransferBus.postMessage('iib_hidden_img_update_trigger') // 触发图像组件更新
const warnId = setTimeout(() => notification.warn({ message: t('long_loading'), duration: 20 }), 5000)
// ok(await genInfoCompleted(), 'genInfoCompleted timeout') // 等待消息生成完成
await genInfoCompleted() // 等待消息生成完成
clearTimeout(warnId)
const tabBtn = gradioApp().querySelector(`#iib_hidden_tab_${tab}`) as HTMLButtonElement
tabBtn.click() // 触发粘贴
imgTransferBus.postMessage(`iib_hidden_tab_${tab}`) // 触发粘贴
} catch (error) {
console.error(error)
message.error('发送图像失败，请携带console的错误消息找开发者')

13
vue/src/util/index.ts
View File

@ -3,17 +3,6 @@ import { message } from 'ant-design-vue'
import { reactive } from 'vue'
import { FetchQueue, idKey, typedEventEmitter, type UniqueId } from 'vue3-ts-util'
export function gradioApp (): Window & Document {
try {
return (parent.window as any).gradioApp()
} catch (error) {
//
}
const elems = parent.document.getElementsByTagName('gradio-app')
const gradioShadowRoot = elems.length == 0 ? null : elems[0].shadowRoot
return (gradioShadowRoot ? gradioShadowRoot : document) as any
}
export const asyncCheck = async <T> (getter: () => T, checkSize = 100, timeout = 1000) => {
return new Promise<T>((x) => {
const check = (num = 0) => {
@ -99,4 +88,4 @@ export function makeAsyncFunctionSingle<T>(fn: AsyncFunction<T>): AsyncFunction<
isExecuting = false;
}
};
}
}