stable-diffusion-webui/modules/ui_components.py

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

146 lines
4.0 KiB
Python
Raw Normal View History

2023-01-01 03:08:40 -07:00
import gradio as gr
2023-03-20 07:09:36 -06:00
class FormComponent:
def get_expected_parent(self):
return gr.components.Form
2023-01-01 03:08:40 -07:00
2023-03-20 07:09:36 -06:00
gr.Dropdown.get_expected_parent = FormComponent.get_expected_parent
2023-01-01 03:08:40 -07:00
2023-03-20 07:09:36 -06:00
class ToolButton(FormComponent, gr.Button):
"""Small button with single emoji as text, fits inside gradio forms"""
2023-03-20 07:09:36 -06:00
def __init__(self, *args, **kwargs):
classes = kwargs.pop("elem_classes", [])
super().__init__(*args, elem_classes=["tool", *classes], **kwargs)
def get_block_name(self):
return "button"
class ResizeHandleRow(gr.Row):
"""Same as gr.Row but fits inside gradio forms"""
def __init__(self, **kwargs):
super().__init__(**kwargs)
self.elem_classes.append("resize-handle-row")
def get_block_name(self):
return "row"
2023-03-20 07:09:36 -06:00
class FormRow(FormComponent, gr.Row):
2023-01-01 03:08:40 -07:00
"""Same as gr.Row but fits inside gradio forms"""
def get_block_name(self):
return "row"
2023-03-20 07:09:36 -06:00
class FormColumn(FormComponent, gr.Column):
"""Same as gr.Column but fits inside gradio forms"""
def get_block_name(self):
return "column"
class FormGroup(FormComponent, gr.Group):
2023-08-03 22:50:17 -06:00
"""Same as gr.Group but fits inside gradio forms"""
def get_block_name(self):
return "group"
2023-03-20 07:09:36 -06:00
class FormHTML(FormComponent, gr.HTML):
"""Same as gr.HTML but fits inside gradio forms"""
def get_block_name(self):
return "html"
2023-03-20 07:09:36 -06:00
class FormColorPicker(FormComponent, gr.ColorPicker):
"""Same as gr.ColorPicker but fits inside gradio forms"""
def get_block_name(self):
return "colorpicker"
2023-03-20 07:09:36 -06:00
class DropdownMulti(FormComponent, gr.Dropdown):
"""Same as gr.Dropdown but always multiselect"""
def __init__(self, **kwargs):
super().__init__(multiselect=True, **kwargs)
def get_block_name(self):
return "dropdown"
class DropdownEditable(FormComponent, gr.Dropdown):
"""Same as gr.Dropdown but allows editing value"""
def __init__(self, **kwargs):
super().__init__(allow_custom_value=True, **kwargs)
def get_block_name(self):
return "dropdown"
class InputAccordion(gr.Checkbox):
2023-08-10 04:02:50 -06:00
"""A gr.Accordion that can be used as an input - returns True if open, False if closed.
2024-03-03 23:37:23 -07:00
Actually just a hidden checkbox, but creates an accordion that follows and is followed by the state of the checkbox.
2023-08-10 04:02:50 -06:00
"""
global_index = 0
def __init__(self, value, **kwargs):
self.accordion_id = kwargs.get('elem_id')
if self.accordion_id is None:
2023-08-10 06:32:54 -06:00
self.accordion_id = f"input-accordion-{InputAccordion.global_index}"
InputAccordion.global_index += 1
kwargs_checkbox = {
**kwargs,
"elem_id": f"{self.accordion_id}-checkbox",
"visible": False,
}
super().__init__(value, **kwargs_checkbox)
self.change(fn=None, _js='function(checked){ inputAccordionChecked("' + self.accordion_id + '", checked); }', inputs=[self])
kwargs_accordion = {
**kwargs,
"elem_id": self.accordion_id,
"label": kwargs.get('label', 'Accordion'),
"elem_classes": ['input-accordion'],
"open": value,
}
self.accordion = gr.Accordion(**kwargs_accordion)
def extra(self):
2023-08-10 04:02:50 -06:00
"""Allows you to put something into the label of the accordion.
Use it like this:
```
with InputAccordion(False, label="Accordion") as acc:
with acc.extra():
FormHTML(value="hello", min_width=0)
...
```
"""
return gr.Column(elem_id=self.accordion_id + '-extra', elem_classes='input-accordion-extra', min_width=0)
def __enter__(self):
self.accordion.__enter__()
return self
def __exit__(self, exc_type, exc_val, exc_tb):
self.accordion.__exit__(exc_type, exc_val, exc_tb)
def get_block_name(self):
return "checkbox"