Update web content to release v1.2.64 (#5124)

This commit is contained in:
Chenlei Hu 2024-10-07 17:15:29 -04:00 committed by GitHub
parent 8dfa0cc552
commit 614377abd6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
13 changed files with 25136 additions and 24993 deletions

View File

@ -141,7 +141,7 @@
align-items: flex-start !important;
}
.node-tooltip[data-v-e0597bf9] {
.node-tooltip[data-v-0a4402f9] {
background: var(--comfy-input-bg);
border-radius: 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);

View File

@ -1,6 +1,6 @@
var __defProp = Object.defineProperty;
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
import { d as defineComponent, u as useSettingStore, r as ref, a as useTitleEditorStore, b as useCanvasStore, w as watch, L as LGraphGroup, c as app, e as LGraphNode, o as onMounted, f as onUnmounted, g as openBlock, h as createElementBlock, i as createVNode, E as EditableText, n as normalizeStyle, j as createCommentVNode, k as LiteGraph, _ as _export_sfc, B as BaseStyle, s as script$5, l as resolveComponent, m as mergeProps, p as renderSlot, q as computed, t as resolveDirective, v as withDirectives, x as createBlock, y as withCtx, z as unref, A as createBaseVNode, C as normalizeClass, D as script$6, F as useDialogStore, S as SettingDialogHeader, G as SettingDialogContent, H as useWorkspaceStore, I as onBeforeUnmount, J as Fragment, K as renderList, T as Teleport, M as resolveDynamicComponent, N as pushScopeId, O as popScopeId, P as script$7, Q as getWidth, R as getHeight, U as getOuterWidth, V as getOuterHeight, W as getVNodeProp, X as isArray, Y as vShow, Z as isNotEmpty, $ as UniqueComponentId, a0 as ZIndex, a1 as resolveFieldData, a2 as focus, a3 as OverlayEventBus, a4 as isEmpty, a5 as addStyle, a6 as relativePosition, a7 as absolutePosition, a8 as ConnectedOverlayScrollHandler, a9 as isTouchDevice, aa as equals, ab as findLastIndex, ac as findSingle, ad as script$8, ae as script$9, af as script$a, ag as script$b, ah as script$c, ai as script$d, aj as Ripple, ak as toDisplayString, al as Transition, am as createSlots, an as createTextVNode, ao as useNodeFrequencyStore, ap as useNodeBookmarkStore, aq as highlightQuery, ar as script$e, as as formatNumberWithSuffix, at as NodeSourceType, au as useI18n, av as useNodeDefStore, aw as NodePreview, ax as NodeSearchFilter, ay as script$f, az as SearchFilterChip, aA as watchEffect, aB as toRaw, aC as LinkReleaseTriggerAction, aD as nextTick, aE as LGraph, aF as LLink, aG as DragAndScale, aH as LGraphCanvas, aI as ContextMenu, aJ as LGraphBadge$1, aK as dropTargetForElements, aL as ComfyNodeDefImpl } from "./index-Drc_oD2f.js";
import { d as defineComponent, u as useSettingStore, r as ref, a as useTitleEditorStore, b as useCanvasStore, w as watch, L as LGraphGroup, c as app, e as LGraphNode, o as onMounted, f as onUnmounted, g as openBlock, h as createElementBlock, i as createVNode, E as EditableText, n as normalizeStyle, j as createCommentVNode, k as LiteGraph, _ as _export_sfc, B as BaseStyle, s as script$5, l as resolveComponent, m as mergeProps, p as renderSlot, q as computed, t as resolveDirective, v as withDirectives, x as createBlock, y as withCtx, z as unref, A as createBaseVNode, C as normalizeClass, D as script$6, F as useDialogStore, S as SettingDialogHeader, G as SettingDialogContent, H as useWorkspaceStore, I as onBeforeUnmount, J as Fragment, K as renderList, T as Teleport, M as resolveDynamicComponent, N as pushScopeId, O as popScopeId, P as script$7, Q as getWidth, R as getHeight, U as getOuterWidth, V as getOuterHeight, W as getVNodeProp, X as isArray, Y as vShow, Z as isNotEmpty, $ as UniqueComponentId, a0 as ZIndex, a1 as resolveFieldData, a2 as focus, a3 as OverlayEventBus, a4 as isEmpty, a5 as addStyle, a6 as relativePosition, a7 as absolutePosition, a8 as ConnectedOverlayScrollHandler, a9 as isTouchDevice, aa as equals, ab as findLastIndex, ac as findSingle, ad as script$8, ae as script$9, af as script$a, ag as script$b, ah as script$c, ai as script$d, aj as Ripple, ak as toDisplayString, al as Transition, am as createSlots, an as createTextVNode, ao as useNodeFrequencyStore, ap as useNodeBookmarkStore, aq as highlightQuery, ar as script$e, as as formatNumberWithSuffix, at as NodeSourceType, au as useI18n, av as useNodeDefStore, aw as NodePreview, ax as NodeSearchFilter, ay as script$f, az as SearchFilterChip, aA as watchEffect, aB as toRaw, aC as LinkReleaseTriggerAction, aD as nextTick, aE as LGraph, aF as LLink, aG as DragAndScale, aH as LGraphCanvas, aI as ContextMenu, aJ as LGraphBadge$1, aK as dropTargetForElements, aL as ComfyNodeDefImpl } from "./index-exUB01hM.js";
const _sfc_main$c = /* @__PURE__ */ defineComponent({
__name: "TitleEditor",
setup(__props) {
@ -2974,7 +2974,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
[0, 0]
);
if (outputSlot !== -1) {
return showTooltip(nodeDef.output.all?.[outputSlot].tooltip);
return showTooltip(nodeDef.output.all?.[outputSlot]?.tooltip);
}
const widget = getHoveredWidget();
if (widget && !widget.element) {
@ -3017,7 +3017,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
};
}
});
const NodeTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-e0597bf9"]]);
const NodeTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-0a4402f9"]]);
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
__name: "GraphCanvas",
emits: ["ready"],
@ -3139,4 +3139,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
export {
_sfc_main as default
};
//# sourceMappingURL=GraphView-DN9xGvF3.js.map
//# sourceMappingURL=GraphView-BeahKroI.js.map

File diff suppressed because one or more lines are too long

1
web/assets/index-BDBCRrlL.js.map generated vendored

File diff suppressed because one or more lines are too long

View File

@ -1,51 +1,4 @@
.comfy-image-wrap[data-v-9bc23daf] {
display: contents;
}
.comfy-image-blur[data-v-9bc23daf] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.comfy-image-main[data-v-9bc23daf] {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
z-index: 1;
}
.contain .comfy-image-wrap[data-v-9bc23daf] {
position: relative;
width: 100%;
height: 100%;
}
.contain .comfy-image-main[data-v-9bc23daf] {
-o-object-fit: contain;
object-fit: contain;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
position: absolute;
}
.broken-image-placeholder[data-v-9bc23daf] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
margin: 2rem;
}
.broken-image-placeholder i[data-v-9bc23daf] {
font-size: 3rem;
margin-bottom: 0.5rem;
}
:root {
--red-600: #dc3545;
}
@ -1152,6 +1105,53 @@
.comfyui-body-bottom .lt-sm.comfyui-menu > .comfyui-menu-button{
bottom: 41px;
}
.comfy-image-wrap[data-v-9bc23daf] {
display: contents;
}
.comfy-image-blur[data-v-9bc23daf] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.comfy-image-main[data-v-9bc23daf] {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
z-index: 1;
}
.contain .comfy-image-wrap[data-v-9bc23daf] {
position: relative;
width: 100%;
height: 100%;
}
.contain .comfy-image-main[data-v-9bc23daf] {
-o-object-fit: contain;
object-fit: contain;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
position: absolute;
}
.broken-image-placeholder[data-v-9bc23daf] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
margin: 2rem;
}
.broken-image-placeholder i[data-v-9bc23daf] {
font-size: 3rem;
margin-bottom: 0.5rem;
}
.result-container[data-v-d9c060ae] {
width: 100%;
height: 100%;
@ -1290,24 +1290,24 @@ img.galleria-image {
box-sizing: border-box;
}
.tree-node[data-v-99654e96] {
.tree-node[data-v-904853a4] {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.leaf-count-badge[data-v-99654e96] {
.leaf-count-badge[data-v-904853a4] {
margin-left: 0.5rem;
}
.node-content[data-v-99654e96] {
.node-content[data-v-904853a4] {
display: flex;
align-items: center;
flex-grow: 1;
}
.leaf-label[data-v-99654e96] {
.leaf-label[data-v-904853a4] {
margin-left: 0.5rem;
}
[data-v-99654e96] .editable-text span {
[data-v-904853a4] .editable-text span {
word-break: break-all;
}
@ -1338,21 +1338,20 @@ img.galleria-image {
pointer-events: none;
}
.slot_row[data-v-cbec679a] {
.slot_row[data-v-ff07c900] {
padding: 2px;
}
/* Original N-Sidebar styles */
._sb_dot[data-v-cbec679a] {
._sb_dot[data-v-ff07c900] {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: grey;
}
.node_header[data-v-cbec679a] {
.node_header[data-v-ff07c900] {
line-height: 1;
padding: 8px 13px 7px;
background: var(--comfy-input-bg);
margin-bottom: 5px;
font-size: 15px;
text-wrap: nowrap;
@ -1360,37 +1359,37 @@ img.galleria-image {
display: flex;
align-items: center;
}
.headdot[data-v-cbec679a] {
.headdot[data-v-ff07c900] {
width: 10px;
height: 10px;
float: inline-start;
margin-right: 8px;
}
.IMAGE[data-v-cbec679a] {
.IMAGE[data-v-ff07c900] {
background-color: #64b5f6;
}
.VAE[data-v-cbec679a] {
.VAE[data-v-ff07c900] {
background-color: #ff6e6e;
}
.LATENT[data-v-cbec679a] {
.LATENT[data-v-ff07c900] {
background-color: #ff9cf9;
}
.MASK[data-v-cbec679a] {
.MASK[data-v-ff07c900] {
background-color: #81c784;
}
.CONDITIONING[data-v-cbec679a] {
.CONDITIONING[data-v-ff07c900] {
background-color: #ffa931;
}
.CLIP[data-v-cbec679a] {
.CLIP[data-v-ff07c900] {
background-color: #ffd500;
}
.MODEL[data-v-cbec679a] {
.MODEL[data-v-ff07c900] {
background-color: #b39ddb;
}
.CONTROL_NET[data-v-cbec679a] {
.CONTROL_NET[data-v-ff07c900] {
background-color: #a5d6a7;
}
._sb_node_preview[data-v-cbec679a] {
._sb_node_preview[data-v-ff07c900] {
background-color: var(--comfy-menu-bg);
font-family: 'Open Sans', sans-serif;
font-size: small;
@ -1407,7 +1406,7 @@ img.galleria-image {
font-size: 12px;
padding-bottom: 10px;
}
._sb_node_preview ._sb_description[data-v-cbec679a] {
._sb_node_preview ._sb_description[data-v-ff07c900] {
margin: 10px;
padding: 6px;
background: var(--border-color);
@ -1417,7 +1416,7 @@ img.galleria-image {
font-size: 0.9rem;
word-break: break-word;
}
._sb_table[data-v-cbec679a] {
._sb_table[data-v-ff07c900] {
display: grid;
grid-column-gap: 10px;
@ -1425,7 +1424,7 @@ img.galleria-image {
width: 100%;
/* Imposta la larghezza della tabella al 100% del contenitore */
}
._sb_row[data-v-cbec679a] {
._sb_row[data-v-ff07c900] {
display: grid;
grid-template-columns: 10px 1fr 1fr 1fr 10px;
grid-column-gap: 10px;
@ -1433,10 +1432,10 @@ img.galleria-image {
padding-left: 9px;
padding-right: 9px;
}
._sb_row_string[data-v-cbec679a] {
._sb_row_string[data-v-ff07c900] {
grid-template-columns: 10px 1fr 1fr 10fr 1fr;
}
._sb_col[data-v-cbec679a] {
._sb_col[data-v-ff07c900] {
border: 0px solid #000;
display: flex;
align-items: flex-end;
@ -1445,10 +1444,10 @@ img.galleria-image {
align-content: flex-start;
justify-content: flex-end;
}
._sb_inherit[data-v-cbec679a] {
._sb_inherit[data-v-ff07c900] {
display: inherit;
}
._long_field[data-v-cbec679a] {
._long_field[data-v-ff07c900] {
background: var(--bg-color);
border: 2px solid var(--border-color);
margin: 5px 5px 0 5px;
@ -1456,23 +1455,19 @@ img.galleria-image {
line-height: 1.7;
text-wrap: nowrap;
}
._sb_arrow[data-v-cbec679a] {
._sb_arrow[data-v-ff07c900] {
color: var(--fg-color);
}
._sb_preview_badge[data-v-cbec679a] {
._sb_preview_badge[data-v-ff07c900] {
text-align: center;
background: var(--comfy-input-bg);
font-weight: bold;
color: var(--error-text);
}
.node-lib-node-container[data-v-3238e135] {
height: 100%;
width: 100%;
}
.bookmark-button[data-v-3238e135] {
width: unset;
padding: 0.25rem;
.node-lib-node-container[data-v-90dfee08] {
height: 100%;
width: 100%
}
.p-selectbutton .p-button[data-v-91077f2a] {
@ -1530,19 +1525,6 @@ img.galleria-image {
[data-v-f6a7371a] .p-divider {
margin: var(--comfy-tree-explorer-item-padding) 0px;
}
.p-tree-node-content {
padding: var(--comfy-tree-explorer-item-padding) !important;
}
.spinner[data-v-4cb36b07] {
position: absolute;
inset: 0px;
display: flex;
height: 100vh;
align-items: center;
justify-content: center
}
/* this CSS contains only the basic CSS needed to run the app and use it */
.lgraphcanvas {
@ -2364,6 +2346,9 @@ cursor: pointer;
.h-full{
height: 100%;
}
.h-screen{
height: 100vh;
}
.min-h-screen{
min-height: 100vh;
}
@ -3270,6 +3255,10 @@ audio.comfy-audio.empty-audio-widget {
.p-autocomplete-overlay {
max-width: 25vw;
}
.p-tree-node-content {
padding: var(--comfy-tree-explorer-item-padding) !important;
}
@font-face {
font-family: 'primeicons';
font-display: block;

File diff suppressed because it is too large Load Diff

1
web/assets/index-BX11rJu2.js.map generated vendored Normal file

File diff suppressed because one or more lines are too long

1
web/assets/index-Drc_oD2f.js.map generated vendored

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

1
web/assets/index-exUB01hM.js.map generated vendored Normal file

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
var __defProp = Object.defineProperty;
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
import { aY as createSpinner, aT as api, aN as $el } from "./index-Drc_oD2f.js";
import { a_ as createSpinner, aT as api, aN as $el } from "./index-exUB01hM.js";
class UserSelectionScreen {
static {
__name(this, "UserSelectionScreen");
@ -117,4 +117,4 @@ window.comfyAPI.userSelection.UserSelectionScreen = UserSelectionScreen;
export {
UserSelectionScreen
};
//# sourceMappingURL=userSelection-BM5u5JIA.js.map
//# sourceMappingURL=userSelection-BdHSQXw0.js.map

File diff suppressed because one or more lines are too long

12
web/index.html vendored
View File

@ -4,18 +4,10 @@
<meta charset="UTF-8">
<title>ComfyUI</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<!-- Browser Test Fonts -->
<!-- <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<style>
* {
font-family: 'Roboto Mono', 'Noto Color Emoji';
}
</style> -->
<link rel="stylesheet" type="text/css" href="user.css" />
<link rel="stylesheet" type="text/css" href="materialdesignicons.min.css" />
<script type="module" crossorigin src="./assets/index-Drc_oD2f.js"></script>
<link rel="stylesheet" crossorigin href="./assets/index-8NH3XvqK.css">
<script type="module" crossorigin src="./assets/index-exUB01hM.js"></script>
<link rel="stylesheet" crossorigin href="./assets/index-BLO-8JAe.css">
</head>
<body class="litegraph">
<div id="vue-app"></div>