@@ -263,193 +266,4 @@ export default {
},
}
}
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/src/components/icons/iconWrap.vue b/src/src/components/icons/iconWrap.vue
new file mode 100755
index 0000000..f406079
--- /dev/null
+++ b/src/src/components/icons/iconWrap.vue
@@ -0,0 +1,28 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/src/components/phystonPrompt.vue.REMOVED.git-id b/src/src/components/phystonPrompt.vue.REMOVED.git-id
index 64920fc..83005e9 100644
--- a/src/src/components/phystonPrompt.vue.REMOVED.git-id
+++ b/src/src/components/phystonPrompt.vue.REMOVED.git-id
@@ -1 +1 @@
-4c5ee0546c54fd170de9a016b9cb3ec0dbb8e267
\ No newline at end of file
+16c40c887c81266e2766e0dc90fbc6a3c46bf906
\ No newline at end of file
diff --git a/src/src/components/selectLanguage.vue b/src/src/components/selectLanguage.vue
index e41ece1..b405a44 100644
--- a/src/src/components/selectLanguage.vue
+++ b/src/src/components/selectLanguage.vue
@@ -59,68 +59,4 @@ export default {
}
},
}
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/src/components/translateSetting.vue b/src/src/components/translateSetting.vue
index 67cc522..46f348d 100644
--- a/src/src/components/translateSetting.vue
+++ b/src/src/components/translateSetting.vue
@@ -187,163 +187,4 @@ Github: Physton/sd-webui-prompt-all-in-one`,
}
},
}
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/src/main.less b/src/src/main.less
new file mode 100644
index 0000000..6f5b40e
--- /dev/null
+++ b/src/src/main.less
@@ -0,0 +1,1103 @@
+@import "toastr/build/toastr.min.css";
+@import "tippy.js/dist/tippy.css";
+
+.hover-scale-120 {
+ animation: all 0.3s;
+
+ &:hover {
+ transform: scale(1.2);
+ }
+}
+
+.hover-scale-140 {
+ animation: all 0.3s;
+
+ &:hover {
+ transform: scale(1.4);
+ }
+}
+
+@common-red: #d81e06;
+@common-blue: #4a54ff;
+
+.common-popup-bg() {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 2000;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ background: rgba(0, 0, 0, 0.5);
+}
+
+.common-popup-main-background() {
+ box-shadow: 0 0 3px 0 @common-blue;
+ border-radius: 6px 6px 4px 4px;
+ background-color: rgba(30, 30, 30, .9);
+ transition: height .1s ease-in-out, width .1s ease-in-out;
+}
+
+.common-popup-main(@width: 700px, @padding: 20px, @position: relative) {
+ width: @width;
+ height: auto;
+ padding: @padding;
+ margin: 0;
+ .common-popup-main-background();
+ color: #fff;
+ position: @position;
+}
+
+.common-popup-close() {
+ display: block;
+ padding: 4px;
+ position: absolute;
+ right: -14px;
+ top: -14px;
+ background: #ffffffe6;
+ border-radius: 50%;
+ box-shadow: 0 1px 5px 0 @common-red;
+ cursor: pointer;
+ z-index: 1;
+
+ &:hover {
+ background: @common-red;
+ }
+}
+
+.common-colourful-background() {
+ background: @common-blue linear-gradient(315deg, #6772FF 0, #00F9E5 100%) center center;
+ background-size: 104% 104%;
+}
+
+
+.physton-paste-popup {
+ .common-popup-bg();
+
+ .paste-popup-main {
+ .common-popup-main();
+
+ .paste-popup-close {
+ .common-popup-close();
+ }
+
+ .paste-popup-title {
+ font-size: 14px;
+ font-weight: bold;
+ margin-bottom: 10px;
+ word-break: keep-all;
+ white-space: nowrap;
+ overflow: hidden;
+ }
+
+ .paste-popup-body {
+ .paste-content {
+ background: rgba(30, 30, 30, .9);
+ border: 1px solid #3c3c3c;
+ padding: 4px;
+ width: 100%;
+ font-size: 14px;
+ color: #fff;
+ resize: none;
+ height: 400px;
+ box-sizing: border-box;
+
+ &:focus {
+ outline: none;
+ border-color: @common-blue;
+ }
+ }
+
+ .paste-submit {
+ .common-colourful-background();
+ border-radius: 10px;
+ padding: 10px;
+ margin-top: 10px;
+ text-align: center;
+ color: #fff;
+ font-size: 20px;
+ cursor: pointer;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+ &:hover {
+ box-shadow: 0 0 14px @common-blue;
+ }
+ }
+ }
+ }
+}
+
+.physton-prompt {
+ border: 1px solid var(--input-border-color);
+ padding: 0 10px;
+ margin: 5px 0;
+
+ div {
+ line-height: 1;
+ }
+
+ svg {
+ display: inline-block;
+ }
+
+ .icon-svg {
+ display: inline-block;
+ line-height: 1;
+ }
+
+ .prompt-main {
+ &.fold {
+ max-height: 36px;
+ overflow: hidden;
+
+ .prompt-unfold {
+ transform: rotate(180deg);
+ }
+ }
+ }
+
+ .prompt-header {
+ margin: 5px 0;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-bottom: 10px;
+ margin-bottom: 10px;
+ border-bottom: 1px dashed var(--input-border-color);
+ flex-wrap: nowrap;
+
+ > * {
+ margin-right: 10px;
+
+ &:last-child {
+ margin-right: 0;
+ }
+ }
+
+ .prompt-unfold {
+ cursor: pointer;
+ margin-right: 2px;
+ animation: all .3s
+ }
+
+ .prompt-header-title {
+ font-weight: bold;
+ font-size: 1rem;
+ white-space: nowrap;
+ }
+
+ .prompt-header-counter {
+ font-size: .9rem;
+ }
+
+ .prompt-header-break {
+ flex-basis: 100%;
+ height: 0;
+ margin-bottom: 0;
+ }
+
+ .prompt-header-extend {
+ margin-right: 10px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+
+ &:last-child {
+ margin-right: 0;
+ }
+
+ .extend-title {
+ font-size: 0.8rem;
+ margin-right: 5px;
+ }
+
+ &.prompt-append {
+ position: relative;
+ flex: 1;
+
+ .extend-content {
+ width: 100%;
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
+ }
+ }
+
+ .extend-content {
+ select, .select-btn {
+ padding: 0 10px 0 5px;
+ font-size: 0.8rem;
+ appearance: auto;
+ border: var(--button-border-width) solid var(--body-text-color);
+ background: var(--body-background-fill);
+ color: var(--body-text-color);
+ height: 20px;
+ line-height: 20px;
+
+ &:hover {
+ border-color: var(--button-primary-border-color);
+ }
+ }
+
+ .select-btn {
+ cursor: pointer;
+ padding: 0 10px;
+
+ &:hover {
+ background: var(--button-primary-background-fill-hover);
+ border-color: var(--button-primary-border-color-hover);
+ }
+ }
+
+ .autocompleteResults {
+ top: 26px !important;
+ }
+
+ .input-tag-append {
+ display: inline-block;
+ height: 26px !important;
+ padding: 4px !important;
+ //border: 1px solid var(--input-border-color);
+ border: 1px solid #02b7fd;
+ appearance: none;
+ background-color: transparent;
+ font-size: 0.9rem !important;
+ line-height: 0.9rem !important;
+ font-family: inherit;
+ font-weight: inherit;
+ border-radius: 4px !important;
+ min-width: 200px;
+ width: 80%;
+ text-align: left;
+
+ &:focus {
+ box-shadow: var(--input-shadow-focus) !important;
+ //border: 1px solid #02b7fd !important;
+ //border-color: var(--input-border-color-focus);
+ }
+ }
+
+ .extend-btn-group {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ color: var(--button-secondary-text-color);
+ background: var(--button-secondary-background-fill);
+ border: 1px solid var(--button-secondary-border-color);
+ padding: 0;
+ border-radius: 4px;
+
+ .extend-btn-item {
+ cursor: pointer;
+ border-left: 1px solid var(--button-secondary-border-color);
+ height: 26px;
+ width: 30px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+
+ &:first-child {
+ border-left: 0;
+ margin-left: 0;
+ }
+
+ &:hover {
+ .setting-box {
+ display: flex;
+ }
+ }
+
+ .setting-box {
+ display: none;
+ position: absolute;
+ background: #e6f4ff;
+ //top: -36px;
+ //left: 0;
+ top: -5px;
+ left: 28px;
+ justify-content: flex-start;
+ align-items: center;
+ width: max-content;
+ height: 36px;
+ padding: 0 10px;
+ box-shadow: 0 0 3px 0 @common-blue;
+ border-radius: 6px 6px 4px 4px;
+ z-index: 10;
+
+ > * {
+ margin-left: 10px;
+
+ &:first-child {
+ margin-left: 0;
+ }
+ }
+
+ /*&::before {
+ content: "";
+ position: absolute;
+ bottom: -10px;
+ left: 10px;
+ border-width: 10px 10px 0;
+ border-style: solid;
+ border-color: #fff transparent transparent; !* 三角箭头的颜色 *!
+ }*/
+ }
+ }
+ }
+
+ .gradio-button, a {
+ height: 26px !important;
+ min-height: 26px !important;
+ max-height: 26px !important;
+ }
+
+ .gradio-checkbox {
+ cursor: pointer;
+ }
+
+ input[type="checkbox"] {
+ --ring-color: transparent;
+ position: relative;
+ box-shadow: var(--input-shadow);
+ border: 1px solid var(--checkbox-border-color);
+ border-radius: var(--checkbox-border-radius);
+ background-color: var(--checkbox-background-color);
+ line-height: var(--line-sm);
+ width: 16px;
+ height: 16px;
+
+ &:checked {
+ border-color: var(--checkbox-border-color-selected);
+ background-image: var(--checkbox-check);
+ background-color: var(--checkbox-background-color-selected)
+ }
+ }
+ }
+ }
+ }
+
+ .prompt-tags {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+ align-items: flex-start;
+
+ &.droping {
+ .btn-tag-extend {
+ display: none !important;
+ }
+ }
+
+ .prompt-tags-list {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+ align-items: flex-start;
+ width: 100%;
+
+ .prompt-wrap {
+ display: none;
+ //flex-basis: 100%;
+ //height: 0;
+ //margin: 0;
+ //padding: 0;
+ }
+
+ .prompt-tag {
+ margin-bottom: 8px;
+ margin-right: 10px;
+ display: block;
+ align-items: center;
+ max-width: 100%;
+
+ &:last-child {
+ margin-right: 12px;
+ }
+
+ &.disabled {
+ opacity: 0.5;
+ }
+
+ .prompt-tag-main {
+ width: 100%;
+ display: flex;
+ justify-content: flex-start;
+ align-items: flex-start;
+ position: relative;
+
+ &:hover {
+ .prompt-tag-edit, .btn-tag-extend {
+ box-shadow: 0 0 3px 0 @common-blue;
+ }
+
+ .btn-tag-extend {
+ display: flex;
+ }
+ }
+
+ .prompt-tag-edit {
+ width: 100%;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ position: relative;
+ border-radius: 4px;
+
+ .prompt-tag-value {
+ width: calc(100% - 16px);
+ padding: 4px;
+ font-size: 0.9rem;
+ height: 24px;
+ border-radius: 4px;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+ color: var(--button-secondary-text-color);
+ background: var(--button-secondary-background-fill);
+ border: var(--button-border-width) solid var(--button-secondary-border-color);
+
+ &:hover {
+ border-color: var(--button-secondary-border-color-hover);
+ background: var(--button-secondary-background-fill-hover);
+ color: var(--button-secondary-text-color-hover);
+ }
+
+ .character {
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ line-height: 1rem;
+ }
+
+ .weight-character {
+ color: @common-red;
+ }
+ }
+
+ .input-tag-edit {
+ max-width: calc(100% - 16px);
+ border-radius: 4px !important;
+ border-top-right-radius: 0 !important;
+ border-bottom-right-radius: 0 !important;
+ }
+
+ .btn-tag-delete {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ cursor: pointer;
+ border: var(--button-border-width) solid var(--button-secondary-border-color);
+ background: var(--button-secondary-background-fill);
+ padding: 0;
+ width: 16px;
+ height: 24px;
+ border-radius: 0;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+
+ &:hover {
+ background: @common-red;
+
+ svg {
+ fill: #fff !important;
+ }
+ }
+ }
+ }
+
+ .btn-tag-extend {
+ display: none;
+ justify-content: flex-start;
+ align-items: center;
+ position: absolute;
+ top: -32px;
+ left: 0;
+ z-index: 100;
+ padding: 0;
+ box-shadow: 0 0 3px 0 @common-blue;
+ .common-colourful-background();
+ border-radius: 4px;
+ overflow: hidden;
+
+ > button {
+ height: 32px;
+ width: 32px;
+ border: 0;
+ border-radius: 0;
+ padding: 5px;
+ min-width: auto;
+ font-size: 0.9rem;
+ min-height: auto;
+ background: transparent;
+ color: #fff;
+ border-right: 1px solid rgba(255, 255, 255, 0.2);
+
+ &:last-child {
+ border-right: 0;
+ }
+
+ &:hover {
+ background: rgba(255, 255, 255, 0.2);
+ }
+ }
+
+ > input {
+ width: 54px;
+ border: 0;
+ }
+
+ .input-number {
+ width: 90px;
+ border: 0;
+ padding: 0;
+
+ .vue-number-input__button {
+ width: 1.5rem;
+ background: rgba(255, 255, 255, .9);
+ }
+
+ .vue-number-input__input {
+ height: 32px;
+ border: 0;
+ padding: 0;
+ }
+ }
+
+ input[type=number]::-webkit-inner-spin-button,
+ input[type=number]::-webkit-outer-spin-button {
+ opacity: 1;
+ }
+ }
+ }
+
+ .prompt-local-language {
+ margin-top: 2px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+
+ .translate-to-local {
+ cursor: pointer;
+ }
+
+ .local-language {
+ font-size: .8rem;
+ color: var(--body-text-color-subdued);
+ margin-left: 2px;
+ }
+ }
+ }
+ }
+
+ input[type="text"], input[type="number"] {
+ display: inline-block;
+ overflow-y: scroll;
+ height: 24px;
+ padding: 4px;
+ border: 1px solid #02b7fd;
+ appearance: none;
+ background-color: transparent;
+ font-size: 0.9rem;
+ line-height: 0.9rem;
+ font-family: inherit;
+ font-weight: inherit;
+ border-radius: 4px;
+
+ &:focus {
+ box-shadow: var(--input-shadow-focus);
+ border-color: var(--input-border-color-focus);
+ }
+ }
+
+ .gradio-button {
+ max-width: none !important;
+ width: auto !important;
+ padding: 4px 12px !important;
+ }
+ }
+
+ .prompt-append-list {
+ .common-popup-main(auto, 0, absolute);
+ z-index: 1000;
+ top: 26px;
+ left: 0;
+
+ .prompt-append-group {
+ font-size: 14px;
+ color: #fff;
+ padding: 10px;
+ cursor: pointer;
+ position: relative;
+
+ &:hover, &.selected {
+ .common-colourful-background();
+
+ .append-group-list {
+ display: block;
+ }
+ }
+
+ .append-group-name {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ cursor: pointer;
+
+ .arrow-right {
+ margin-left: 20px;
+
+ &::after {
+ content: '';
+ display: inline-block;
+ width: 0;
+ height: 0;
+ border-top: 6px solid transparent;
+ border-bottom: 6px solid transparent;
+ border-left: 6px solid #fff;
+
+ }
+ }
+ }
+
+ .append-group-list {
+ .common-popup-main-background();
+ display: none;
+ position: absolute;
+ top: 0;
+ left: 100%;
+ height: 400px;
+ overflow: hidden;
+ overflow-y: scroll;
+
+ .append-item {
+ width: 100%;
+ font-size: 14px;
+ color: #fff;
+ padding: 10px;
+ cursor: pointer;
+ position: relative;
+
+ &:hover, &.selected {
+ .common-colourful-background();
+ }
+
+ .tags-name {
+ width: 300px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ display: inline-block;
+ }
+ }
+ }
+
+ .tags-detail {
+ position: absolute;
+ right: 0;
+ top: 100%;
+ width: 400px;
+ z-index: 1001;
+ .common-colourful-background();
+ .common-popup-main-background();
+ padding: 10px;
+ color: #1d1d1d;
+
+ .tags-list {
+ display: flex;
+ justify-content: flex-start;
+ align-items: flex-start;
+ flex-wrap: wrap;
+
+ .item-wrap {
+ flex-basis: 100%;
+ height: 0;
+ margin: 0;
+ padding: 0;
+ }
+
+ .tags-item {
+ margin-right: 5px;
+ margin-bottom: 5px;
+
+ &:last-child {
+ margin-right: 0;
+ }
+
+ .item-tag-value {
+ padding: 4px 6px;
+ border-radius: 5px;
+ background: rgba(30, 30, 30, .9);
+ font-size: 12px;
+ color: #fff;
+ }
+
+ .item-tag-local-value {
+ font-size: 12px;
+ margin-top: 2px;
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+.physton-prompt-favorite, .physton-prompt-history {
+ .common-popup-main(0, 0, absolute);
+ z-index: 999;
+ top: -9999px;
+ left: -9999px;
+
+ .favorite-content, .history-content {
+ position: relative;
+ }
+
+ .favorite-detail, .history-detail {
+ position: absolute;
+ right: -404px;
+ top: 0;
+ width: 400px;
+ z-index: 1000;
+ .common-colourful-background();
+ .common-popup-main-background();
+ padding: 10px;
+ color: #1d1d1d;
+
+ .favorite-item-tags, .history-item-tags {
+ display: flex;
+ justify-content: flex-start;
+ align-items: flex-start;
+ flex-wrap: wrap;
+
+ .favorite-item-wrap, .history-item-wrap {
+ flex-basis: 100%;
+ height: 0;
+ margin: 0;
+ padding: 0;
+ }
+
+ .favorite-item-tag, .history-item-tag {
+ margin-right: 5px;
+ margin-bottom: 5px;
+
+ &:last-child {
+ margin-right: 0;
+ }
+
+ .item-tag-value {
+ padding: 4px 6px;
+ border-radius: 5px;
+ background: rgba(30, 30, 30, .9);
+ font-size: 12px;
+ color: #fff;
+ }
+
+ .item-tag-local-value {
+ font-size: 12px;
+ margin-top: 2px;
+ }
+ }
+ }
+ }
+
+ .favorite-list, .history-list {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ overflow-y: auto;
+
+ .history-clear {
+ background: rgba(30, 30, 30, .9);
+ position: sticky;
+ top: 0;
+ padding: 10px 10px;
+ cursor: pointer;
+ border-bottom: 1px solid @common-blue; // 6772FF
+ color: @common-red;
+ text-align: center;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+ &:hover {
+ border-bottom: 1px solid @common-red;
+ font-weight: bold;
+ //background: center center @common-blue;
+ }
+ }
+
+ .favorite-item, .history-item {
+ padding: 6px 10px;
+ border-bottom: 1px solid #3c3c3c;
+ cursor: pointer;
+
+ &:hover {
+ .common-colourful-background();
+
+ .favorite-item-prompt, .history-item-prompt {
+ overflow: visible;
+ white-space: normal;
+ color: #1d1d1d;
+ }
+ }
+
+ .favorite-item-header, .history-item-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 5px;
+
+ .item-header-left, .item-header-right {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+
+ > div {
+ margin-right: 10px;
+ font-size: 14px;
+ color: #fff;
+
+ &:last-child {
+ margin-right: 0;
+ }
+ }
+ }
+
+ .item-header-left {
+ .item-header-index {
+ background: @common-blue;
+ padding: 2px 0;
+ width: 32px;
+ text-align: center;
+ }
+
+ .item-header-time {
+ width: 110px;
+ }
+
+ .item-header-name {
+ .header-name-input {
+ background: transparent;
+ border: 1px solid #3c3c3c;
+ height: 20px;
+ padding: 0 4px;
+ width: 210px;
+ font-size: 12px;
+ color: #00F9E5;
+
+ &:focus {
+ outline: none;
+ border-color: @common-blue;
+ }
+ }
+ }
+ }
+
+ .item-header-right {
+ font-size: 12px;
+ color: #fff;
+ }
+ }
+
+ .favorite-item-prompt, .history-item-prompt {
+ margin-top: 5px;
+ font-size: 14px;
+ line-height: 18px;
+ color: #fff;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+ }
+ }
+
+ .favorite-empty, .history-empty {
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+ span {
+ font-size: 14px;
+ color: #999;
+ }
+ }
+}
+
+.physton-prompt-select-language {
+ .common-popup-bg();
+
+ .language-main {
+ height: 70%;
+ position: relative;
+
+ .language-close {
+ .common-popup-close();
+ }
+
+ .language-list {
+ height: 100%;
+ overflow: hidden;
+ overflow-y: scroll;
+ display: block;
+ position: relative;
+ box-shadow: 0 0 3px @common-blue;
+ border-radius: 6px 6px 4px 4px;
+ background-color: #1e1e1ee6;
+ transition: height .1s ease-in-out, width .1s ease-in-out;
+
+ .language-item {
+ font-size: 14px;
+ color: #fff;
+ padding: 10px;
+ cursor: pointer;
+
+ &:hover, &.selected {
+ .common-colourful-background();
+ }
+ }
+ }
+ }
+}
+
+.physton-prompt-translate-setting {
+ .common-popup-bg();
+
+ .translate-setting-main {
+ .common-popup-main();
+
+ .setting-line {
+ display: flex;
+ justify-content: flex-start;
+ align-items: flex-start;
+ margin-bottom: 10px;
+
+ .line-title {
+ font-size: 16px;
+ font-weight: bold;
+ color: #fff;
+ width: 150px;
+ line-height: 24px;
+ }
+
+ .line-content {
+ flex: 1;
+ font-size: 14px;
+ color: #fff;
+
+ span {
+ font-size: 14px;
+ color: #fff;
+ }
+
+ .api-name {
+ display: inline-block;
+ .common-colourful-background();
+ color: #1d1d1d;
+ border-radius: 2px;
+ padding: 4px;
+ }
+
+ input, textarea, select {
+ background: rgba(30, 30, 30, .9);
+ border: 1px solid #3c3c3c;
+ padding: 4px;
+ width: 100%;
+ font-size: 14px;
+ color: #fff;
+ resize: none;
+
+ &:focus {
+ outline: none;
+ border-color: @common-blue;
+ }
+ }
+
+ .test-input {
+ height: 150px;
+ }
+
+ .test-btn {
+ cursor: pointer;
+ display: inline-block;
+ padding: 0 40px;
+ height: 40px;
+ line-height: 40px;
+ color: #fff;
+ background: #108bb5;
+ border-radius: 4px;
+ }
+
+ .translate-error {
+ color: @common-red;
+ font-size: 14px;
+ margin-bottom: 10px;
+ }
+
+ .help-list {
+ font-size: 14px;
+ line-height: 24px;
+
+ .help-item {
+ margin-bottom: 10px;
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+
+ a {
+ color: #fff;
+ text-decoration: none;
+ font-size: 14px;
+ border-bottom: 1px solid #fff;
+ padding-bottom: 4px;
+
+ &:hover {
+ color: #108bb5;
+ border-bottom-color: #108bb5;
+ }
+ }
+ }
+ }
+ }
+ }
+
+ .setting-btns {
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
+ margin-top: 10px;
+
+ .translate-save {
+ cursor: pointer;
+ display: inline-block;
+ padding: 0 40px;
+ height: 40px;
+ line-height: 40px;
+ color: #fff;
+ .common-colourful-background();
+ border-radius: 4px;
+ margin-right: 10px;
+ }
+
+ .translate-close {
+ cursor: pointer;
+ display: inline-block;
+ padding: 0 40px;
+ height: 40px;
+ line-height: 40px;
+ color: @common-blue;
+ background: transparent;
+ border: 1px solid @common-blue;
+ border-radius: 4px;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/src/utils/common.js b/src/src/utils/common.js
index c33aa4a..e54ba62 100644
--- a/src/src/utils/common.js
+++ b/src/src/utils/common.js
@@ -117,38 +117,46 @@ export default {
* @returns {string[]}
*/
splitTags(tags) {
- if (tags === null || tags === undefined || tags === false || tags === "") return []
+ if (tags === null || tags === undefined || tags === false || tags === "" || tags.trim() === "") return []
- // 替换
- tags = tags.replace(/，/g, ',') // 中文逗号
- tags = tags.replace(/。/g, ',') // 中文句号
- tags = tags.replace(/、/g, ',') // 中文顿号
- tags = tags.replace(/；/g, ',') // 中文分号
- tags = tags.replace(/．/g, ',') // 日文句号
- tags = tags.replace(/;/g, ',') // 英文分号
- tags = tags.replace(/\t/g, ',') // 制表符
- tags = tags.replace(/\n/g, ',') // 换行符
- tags = tags.replace(/\r/g, ',') // 回车符
+ tags = tags.trim()
+ tags = tags.replace(/\t/g, '\n') // 制表符
+ // tags = tags.replace(/\n/g, '\n') // 换行符
+ tags = tags.replace(/\r/g, '\n') // 回车符
+ tags = tags.replace(/\n+/g, '\n') // 连续换行符
- const replace = '----====physton====----'
- const replaceRex = new RegExp(replace, 'g')
- for (const regex of this.dontSplitRegexes) {
- // 将其中的逗号替换为：<++++----====****>
- tags = tags.replace(regex, (match) => {
- return match.replace(/,/g, replace)
- })
- }
-
- // 分割
- tags = tags.split(',')
let list = []
- for (let tag of tags) {
- tag = tag.trim()
- if (tag === '') continue
- // 把逗号替换回来
- tag = tag.replace(replaceRex, ',')
- list.push(tag)
- }
+ const lines = tags.split("\n")
+ const lineCount = lines.length
+ lines.forEach((line, index) => {
+ line = line.trim()
+ if (line === '') return
+ // 替换
+ line = line.replace(/，/g, ',') // 中文逗号
+ line = line.replace(/。/g, ',') // 中文句号
+ line = line.replace(/、/g, ',') // 中文顿号
+ line = line.replace(/；/g, ',') // 中文分号
+ line = line.replace(/．/g, ',') // 日文句号
+ line = line.replace(/;/g, ',') // 英文分号
+ const replace = '----====physton====----'
+ const replaceRex = new RegExp(replace, 'g')
+ for (const regex of this.dontSplitRegexes) {
+ // 将其中的逗号替换掉
+ line = line.replace(regex, (match) => {
+ return match.replace(/,/g, replace)
+ })
+ }
+ line.split(",").forEach((tag, index) => {
+ tag = tag.trim()
+ if (tag === '') return
+ // 把逗号替换回来
+ tag = tag.replace(replaceRex, ',')
+ list.push(tag)
+ })
+ if (index < lineCount - 1) {
+ list.push('\n')
+ }
+ })
return list
},
@@ -158,10 +166,13 @@ export default {
* @returns {boolean}
*/
canTranslate(text) {
+ // 如果为空，不翻译
+ if (text.trim() === '') return false
// 如果<>包裹，不翻译
if (text[0] === '<' && text[text.length - 1] === '>') return false
// 如果是数字、标点符号，不翻译
- if (/^[0-9,.\s!"#$%&'()*+,-./:;<=>?@\[\]^_`{|}~]+$/.test(text)) return false
+ const regex = /^[0-9`~!@#$%^&*()_+\-=\[\]{}\\|;:'",.\/<>?]+$/
+ if (regex.test(text)) return false
// 如果是单个英文字母，不翻译
if (/^[a-zA-Z]$/.test(text)) return false
return true
diff --git a/style.css b/style.css
deleted file mode 100755
index 4692233..0000000
--- a/style.css
+++ /dev/null
@@ -1 +0,0 @@
-.lds-ripple{display:inline-block;position:relative;width:80px;height:80px}.lds-ripple div{position:absolute;border:4px solid #fff;opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:0}4.9%{top:36px;left:36px;width:0;height:0;opacity:0}5%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0px;left:0px;width:72px;height:72px;opacity:0}}.physton-prompt-history[data-v-c1827645]{position:absolute;z-index:999;width:0;height:0;padding:0;box-shadow:0 0 3px #4a54ff;border-radius:6px 6px 4px 4px;background-color:#1e1e1ee6;transition:height .1s ease-in-out,width .1s ease-in-out;top:-9999px;left:-9999px}.physton-prompt-history .history-content[data-v-c1827645]{position:relative}.physton-prompt-history .history-detail[data-v-c1827645]{position:absolute;right:-404px;top:0;width:400px;z-index:1000;background:center center #4A54FF;background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);background-size:104% 104%;box-shadow:0 0 3px #4a54ff;border-radius:6px 6px 4px 4px;background-color:#1e1e1ee6;padding:10px;color:#1d1d1d}.physton-prompt-history .history-detail .history-item-tags[data-v-c1827645]{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.physton-prompt-history .history-detail .history-item-tags .history-item-tag[data-v-c1827645]{margin-right:5px;margin-bottom:5px}.physton-prompt-history .history-detail .history-item-tags .history-item-tag[data-v-c1827645]:last-child{margin-right:0}.physton-prompt-history .history-detail .history-item-tags .history-item-tag .item-tag-value[data-v-c1827645]{padding:4px 6px;border-radius:5px;background:rgba(30,30,30,.9);font-size:12px;color:#fff}.physton-prompt-history .history-detail .history-item-tags .history-item-tag .item-tag-local-value[data-v-c1827645]{font-size:12px;margin-top:2px}.physton-prompt-history .history-list[data-v-c1827645]{width:100%;height:100%;overflow:hidden;overflow-y:auto;position:relative}.physton-prompt-history .history-list .history-clear[data-v-c1827645]{background:rgba(30,30,30,.9);position:sticky;top:0;padding:10px;cursor:pointer;border-bottom:1px solid #4A54FF;color:#ff4a4a;text-align:center;display:flex;justify-content:center;align-items:center}.physton-prompt-history .history-list .history-clear[data-v-c1827645]:hover{border-bottom:1px solid #ff4a4a;background:center center #4A54FF}.physton-prompt-history .history-list .history-item[data-v-c1827645]{padding:6px 10px;border-bottom:1px solid #3c3c3c;cursor:pointer}.physton-prompt-history .history-list .history-item[data-v-c1827645]:hover{background:center center #4A54FF;background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);background-size:104% 104%}.physton-prompt-history .history-list .history-item:hover .history-item-prompt[data-v-c1827645]{overflow:visible;white-space:normal;color:#1d1d1d}.physton-prompt-history .history-list .history-item .history-item-header[data-v-c1827645]{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.physton-prompt-history .history-list .history-item .history-item-header .item-header-left[data-v-c1827645],.physton-prompt-history .history-list .history-item .history-item-header .item-header-right[data-v-c1827645]{display:flex;justify-content:flex-start;align-items:center}.physton-prompt-history .history-list .history-item .history-item-header .item-header-left>div[data-v-c1827645],.physton-prompt-history .history-list .history-item .history-item-header .item-header-right>div[data-v-c1827645]{margin-right:10px;font-size:14px;color:#fff}.physton-prompt-history .history-list .history-item .history-item-header .item-header-left>div[data-v-c1827645]:last-child,.physton-prompt-history .history-list .history-item .history-item-header .item-header-right>div[data-v-c1827645]:last-child{margin-right:0}.physton-prompt-history .history-list .history-item .history-item-header .item-header-left .item-header-index[data-v-c1827645]{background:#4A54FF;padding:2px 0;width:32px;text-align:center}.physton-prompt-history .history-list .history-item .history-item-header .item-header-left .item-header-time[data-v-c1827645]{width:110px}.physton-prompt-history .history-list .history-item .history-item-header .item-header-left .item-header-name .header-name-input[data-v-c1827645]{background:transparent;border:1px solid #3c3c3c;height:20px;padding:0 4px;width:210px;font-size:12px;color:#00f9e5}.physton-prompt-history .history-list .history-item .history-item-header .item-header-left .item-header-name .header-name-input[data-v-c1827645]:focus{outline:none;border-color:#4a54ff}.physton-prompt-history .history-list .history-item .history-item-header .item-header-right[data-v-c1827645]{font-size:12px;color:#fff}.physton-prompt-history .history-list .history-item .history-item-prompt[data-v-c1827645]{margin-top:5px;font-size:14px;line-height:18px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.physton-prompt-history .history-empty[data-v-c1827645]{height:100%;display:flex;justify-content:center;align-items:center}.physton-prompt-history .history-empty span[data-v-c1827645]{font-size:14px;color:#999}.physton-prompt-favorite[data-v-75a6c294]{position:absolute;z-index:999;width:0;height:0;padding:0;box-shadow:0 0 3px #4a54ff;border-radius:6px 6px 4px 4px;background-color:#1e1e1ee6;transition:height .1s ease-in-out,width .1s ease-in-out;top:-9999px;left:-9999px}.physton-prompt-favorite .favorite-content[data-v-75a6c294]{position:relative}.physton-prompt-favorite .favorite-detail[data-v-75a6c294]{position:absolute;right:-404px;top:0;width:400px;z-index:1000;background:center center #4A54FF;background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);background-size:104% 104%;box-shadow:0 0 3px #4a54ff;border-radius:6px 6px 4px 4px;background-color:#1e1e1ee6;padding:10px;color:#1d1d1d}.physton-prompt-favorite .favorite-detail .favorite-item-tags[data-v-75a6c294]{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.physton-prompt-favorite .favorite-detail .favorite-item-tags .favorite-item-tag[data-v-75a6c294]{margin-right:5px;margin-bottom:5px}.physton-prompt-favorite .favorite-detail .favorite-item-tags .favorite-item-tag[data-v-75a6c294]:last-child{margin-right:0}.physton-prompt-favorite .favorite-detail .favorite-item-tags .favorite-item-tag .item-tag-value[data-v-75a6c294]{padding:4px 6px;border-radius:5px;background:rgba(30,30,30,.9);font-size:12px;color:#fff}.physton-prompt-favorite .favorite-detail .favorite-item-tags .favorite-item-tag .item-tag-local-value[data-v-75a6c294]{font-size:12px;margin-top:2px}.physton-prompt-favorite .favorite-list[data-v-75a6c294]{width:100%;height:100%;overflow:hidden;overflow-y:auto}.physton-prompt-favorite .favorite-list .favorite-item[data-v-75a6c294]{padding:6px 10px;border-bottom:1px solid #3c3c3c;cursor:pointer}.physton-prompt-favorite .favorite-list .favorite-item[data-v-75a6c294]:hover{background:center center #4A54FF;background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);background-size:104% 104%}.physton-prompt-favorite .favorite-list .favorite-item:hover .favorite-item-prompt[data-v-75a6c294]{overflow:visible;white-space:normal;color:#1d1d1d}.physton-prompt-favorite .favorite-list .favorite-item .favorite-item-header[data-v-75a6c294]{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.physton-prompt-favorite .favorite-list .favorite-item .favorite-item-header .item-header-left[data-v-75a6c294],.physton-prompt-favorite .favorite-list .favorite-item .favorite-item-header .item-header-right[data-v-75a6c294]{display:flex;justify-content:flex-start;align-items:center}.physton-prompt-favorite .favorite-list .favorite-item .favorite-item-header .item-header-left>div[data-v-75a6c294],.physton-prompt-favorite .favorite-list .favorite-item .favorite-item-header .item-header-right>div[data-v-75a6c294]{margin-right:10px;font-size:14px;color:#fff}.physton-prompt-favorite .favorite-list .favorite-item .favorite-item-header .item-header-left>div[data-v-75a6c294]:last-child,.physton-prompt-favorite .favorite-list .favorite-item .favorite-item-header .item-header-right>div[data-v-75a6c294]:last-child{margin-right:0}.physton-prompt-favorite .favorite-list .favorite-item .favorite-item-header .item-header-left .item-header-index[data-v-75a6c294]{background:#4A54FF;padding:2px 0;width:32px;text-align:center}.physton-prompt-favorite .favorite-list .favorite-item .favorite-item-header .item-header-left .item-header-time[data-v-75a6c294]{width:110px}.physton-prompt-favorite .favorite-list .favorite-item .favorite-item-header .item-header-left .item-header-name .header-name-input[data-v-75a6c294]{background:transparent;border:1px solid #3c3c3c;height:20px;padding:0 4px;width:210px;font-size:12px;color:#00f9e5}.physton-prompt-favorite .favorite-list .favorite-item .favorite-item-header .item-header-left .item-header-name .header-name-input[data-v-75a6c294]:focus{outline:none;border-color:#4a54ff}.physton-prompt-favorite .favorite-list .favorite-item .favorite-item-header .item-header-right[data-v-75a6c294]{font-size:12px;color:#fff}.physton-prompt-favorite .favorite-list .favorite-item .favorite-item-prompt[data-v-75a6c294]{margin-top:5px;font-size:14px;line-height:18px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.physton-prompt-favorite .favorite-empty[data-v-75a6c294]{height:100%;display:flex;justify-content:center;align-items:center}.physton-prompt-favorite .favorite-empty span[data-v-75a6c294]{font-size:14px;color:#999}.physton-prompt{border:1px solid var(--input-border-color);padding:0 10px;margin:5px 0}.physton-prompt div{line-height:1}.physton-prompt svg{display:inline-block}.physton-prompt .icon-svg{display:inline-block;line-height:1}.physton-prompt .prompt-main.fold{max-height:36px;overflow:hidden}.physton-prompt .prompt-main.fold .prompt-unfold{transform:rotate(180deg)}.physton-prompt .prompt-header{margin:5px 0 10px;display:flex;justify-content:flex-start;align-items:center;padding-bottom:10px;border-bottom:1px dashed var(--input-border-color);flex-wrap:nowrap}.physton-prompt .prompt-header>*{margin-right:10px}.physton-prompt .prompt-header>*:last-child{margin-right:0}.physton-prompt .prompt-header .prompt-unfold{cursor:pointer;margin-right:2px;animation:all .3s}.physton-prompt .prompt-header .prompt-header-title{font-weight:700;font-size:1rem;white-space:nowrap}.physton-prompt .prompt-header .prompt-header-counter{font-size:.9rem}.physton-prompt .prompt-header .prompt-header-break{flex-basis:100%;height:0;margin-bottom:0}.physton-prompt .prompt-header .prompt-header-extend{margin-right:10px;display:flex;justify-content:flex-start;align-items:center}.physton-prompt .prompt-header .prompt-header-extend:last-child{margin-right:0}.physton-prompt .prompt-header .prompt-header-extend .extend-title{font-size:.8rem;margin-right:5px}.physton-prompt .prompt-header .prompt-header-extend.prompt-append{position:relative;flex:1}.physton-prompt .prompt-header .prompt-header-extend.prompt-append .extend-content{width:100%;display:flex;justify-content:flex-end;align-items:center}.physton-prompt .prompt-header .prompt-header-extend .extend-content select,.physton-prompt .prompt-header .prompt-header-extend .extend-content .select-btn{padding:0 10px 0 5px;font-size:.8rem;appearance:auto;border:var(--button-border-width) solid var(--body-text-color);background:var(--body-background-fill);color:var(--body-text-color);height:20px;line-height:20px}.physton-prompt .prompt-header .prompt-header-extend .extend-content select:hover,.physton-prompt .prompt-header .prompt-header-extend .extend-content .select-btn:hover{border-color:var(--button-primary-border-color)}.physton-prompt .prompt-header .prompt-header-extend .extend-content .select-btn{cursor:pointer;padding:0 10px}.physton-prompt .prompt-header .prompt-header-extend .extend-content .select-btn:hover{background:var(--button-primary-background-fill-hover);border-color:var(--button-primary-border-color-hover)}.physton-prompt .prompt-header .prompt-header-extend .extend-content .autocompleteResults{top:26px!important}.physton-prompt .prompt-header .prompt-header-extend .extend-content .input-tag-append{display:inline-block;height:26px!important;padding:4px!important;border:1px solid #02b7fd;appearance:none;background-color:transparent;font-size:.9rem!important;line-height:.9rem!important;font-family:inherit;font-weight:inherit;border-radius:4px!important;min-width:200px;width:80%;text-align:left}.physton-prompt .prompt-header .prompt-header-extend .extend-content .input-tag-append:focus{box-shadow:var(--input-shadow-focus)!important}.physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group{display:flex;justify-content:center;align-items:center;color:var(--button-secondary-text-color);background:var(--button-secondary-background-fill);border:1px solid var(--button-secondary-border-color);padding:0;border-radius:4px}.physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group .extend-btn-item{cursor:pointer;border-left:1px solid var(--button-secondary-border-color);height:26px;width:30px;display:flex;justify-content:center;align-items:center;position:relative}.physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group .extend-btn-item:first-child{border-left:0;margin-left:0}.physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group .extend-btn-item:hover .setting-box{display:flex}.physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group .extend-btn-item .setting-box{display:none;position:absolute;background:#e6f4ff;top:-5px;left:28px;justify-content:flex-start;align-items:center;width:max-content;height:36px;padding:0 10px;box-shadow:0 0 3px #4a54ff;border-radius:6px 6px 4px 4px;z-index:10}.physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group .extend-btn-item .setting-box>*{margin-left:10px}.physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group .extend-btn-item .setting-box>*:first-child{margin-left:0}.physton-prompt .prompt-header .prompt-header-extend .extend-content .gradio-button,.physton-prompt .prompt-header .prompt-header-extend .extend-content a{height:26px!important;min-height:26px!important;max-height:26px!important}.physton-prompt .prompt-header .prompt-header-extend .extend-content .gradio-checkbox{cursor:pointer}.physton-prompt .prompt-header .prompt-header-extend .extend-content input[type=checkbox]{--ring-color: transparent;position:relative;box-shadow:var(--input-shadow);border:1px solid var(--checkbox-border-color);border-radius:var(--checkbox-border-radius);background-color:var(--checkbox-background-color);line-height:var(--line-sm);width:16px;height:16px}.physton-prompt .prompt-header .prompt-header-extend .extend-content input[type=checkbox]:checked{border-color:var(--checkbox-border-color-selected);background-image:var(--checkbox-check);background-color:var(--checkbox-background-color-selected)}.physton-prompt .prompt-tags{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.physton-prompt .prompt-tags.droping .btn-tag-extend{display:none!important}.physton-prompt .prompt-tags .prompt-tags-list{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag{margin-bottom:8px;margin-right:10px;display:block;align-items:center;max-width:100%}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag:last-child{margin-right:12px}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag.disabled{opacity:.5}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;position:relative}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main:hover .prompt-tag-edit,.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main:hover .btn-tag-extend{box-shadow:0 0 3px #4a54ff}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main:hover .btn-tag-extend{display:flex}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit{width:100%;display:flex;justify-content:flex-start;align-items:center;position:relative;border-radius:4px}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .prompt-tag-value{width:calc(100% - 16px);padding:4px;font-size:.9rem;height:24px;border-radius:4px 0 0 4px;display:flex;align-items:center;justify-content:flex-start;color:var(--button-secondary-text-color);background:var(--button-secondary-background-fill);border:var(--button-border-width) solid var(--button-secondary-border-color)}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .prompt-tag-value:hover{border-color:var(--button-secondary-border-color-hover);background:var(--button-secondary-background-fill-hover);color:var(--button-secondary-text-color-hover)}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .prompt-tag-value .character{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1rem}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .prompt-tag-value .weight-character{color:#d81e06}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .input-tag-edit{max-width:calc(100% - 16px);border-radius:4px 0 0 4px!important}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .btn-tag-delete{display:flex;justify-content:center;align-items:center;cursor:pointer;border:var(--button-border-width) solid var(--button-secondary-border-color);background:var(--button-secondary-background-fill);padding:0;width:16px;height:24px;border-radius:0 4px 4px 0}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .btn-tag-delete:hover{background:#d81e06}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .btn-tag-delete:hover svg{fill:#fff!important}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .btn-tag-extend{display:none;justify-content:flex-start;align-items:center;position:absolute;top:-32px;left:0;z-index:100;padding:0;box-shadow:0 0 3px #4a54ff;background:center center #4A54FF;background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);background-size:104% 104%;border-radius:4px;overflow:hidden}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .btn-tag-extend>button{height:32px;width:32px;border:0;border-radius:0;padding:5px;min-width:auto;font-size:.9rem;min-height:auto;background:transparent;color:#fff;border-right:1px solid rgba(255,255,255,.2)}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .btn-tag-extend>button:last-child{border-right:0}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .btn-tag-extend>button:hover{background:rgba(255,255,255,.2)}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .btn-tag-extend>input{width:54px;border:0}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .btn-tag-extend .input-number{width:90px;border:0;padding:0}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .btn-tag-extend .input-number .vue-number-input__button{width:1.5rem;background:rgba(255,255,255,.9)}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .btn-tag-extend .input-number .vue-number-input__input{height:32px;border:0;padding:0}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .btn-tag-extend input[type=number]::-webkit-inner-spin-button,.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .btn-tag-extend input[type=number]::-webkit-outer-spin-button{opacity:1}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-local-language{margin-top:2px;display:flex;justify-content:flex-start;align-items:center}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-local-language .translate-to-local{cursor:pointer}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-local-language .local-language{font-size:.8rem;color:var(--body-text-color-subdued);margin-left:2px}.physton-prompt .prompt-tags input[type=text],.physton-prompt .prompt-tags input[type=number]{display:inline-block;overflow-y:scroll;height:24px;padding:4px;border:1px solid #02b7fd;appearance:none;background-color:transparent;font-size:.9rem;line-height:.9rem;font-family:inherit;font-weight:inherit;border-radius:4px}.physton-prompt .prompt-tags input[type=text]:focus,.physton-prompt .prompt-tags input[type=number]:focus{box-shadow:var(--input-shadow-focus);border-color:var(--input-border-color-focus)}.physton-prompt .prompt-tags .gradio-button{max-width:none!important;width:auto!important;padding:4px 12px!important}.physton-prompt-translate-setting{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.5)}.physton-prompt-translate-setting .translate-setting-main{width:700px;height:auto;padding:20px;margin:0;box-shadow:0 0 3px #4a54ff;border-radius:6px 6px 4px 4px;background-color:#1e1e1ee6;transition:height .1s ease-in-out,width .1s ease-in-out;color:#fff}.physton-prompt-translate-setting .translate-setting-main .setting-line{display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:10px}.physton-prompt-translate-setting .translate-setting-main .setting-line .line-title{font-size:16px;font-weight:700;color:#fff;width:150px;line-height:24px}.physton-prompt-translate-setting .translate-setting-main .setting-line .line-content{flex:1;font-size:14px;color:#fff}.physton-prompt-translate-setting .translate-setting-main .setting-line .line-content span{font-size:14px;color:#fff}.physton-prompt-translate-setting .translate-setting-main .setting-line .line-content .api-name{display:inline-block;background:center center #4A54FF;background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);background-size:104% 104%;color:#1d1d1d;border-radius:2px;padding:4px}.physton-prompt-translate-setting .translate-setting-main .setting-line .line-content input,.physton-prompt-translate-setting .translate-setting-main .setting-line .line-content textarea,.physton-prompt-translate-setting .translate-setting-main .setting-line .line-content select{background:rgba(30,30,30,.9);border:1px solid #3c3c3c;padding:4px;width:100%;font-size:14px;color:#fff;resize:none}.physton-prompt-translate-setting .translate-setting-main .setting-line .line-content input:focus,.physton-prompt-translate-setting .translate-setting-main .setting-line .line-content textarea:focus,.physton-prompt-translate-setting .translate-setting-main .setting-line .line-content select:focus{outline:none;border-color:#4a54ff}.physton-prompt-translate-setting .translate-setting-main .setting-line .line-content .test-input{height:150px}.physton-prompt-translate-setting .translate-setting-main .setting-line .line-content .test-btn{cursor:pointer;padding:0 40px;height:40px;line-height:40px;color:#fff;background:#108bb5;border-radius:4px;display:inline-block}.physton-prompt-translate-setting .translate-setting-main .setting-line .line-content .translate-error{color:#ff4a4a;font-size:14px;margin-bottom:10px}.physton-prompt-translate-setting .translate-setting-main .setting-line .line-content .help-list{font-size:14px;line-height:24px}.physton-prompt-translate-setting .translate-setting-main .setting-line .line-content .help-list .help-item{margin-bottom:10px}.physton-prompt-translate-setting .translate-setting-main .setting-line .line-content .help-list .help-item:last-child{margin-bottom:0}.physton-prompt-translate-setting .translate-setting-main .setting-line .line-content .help-list .help-item a{color:#fff;text-decoration:none;font-size:14px;border-bottom:1px solid #fff;padding-bottom:4px}.physton-prompt-translate-setting .translate-setting-main .setting-line .line-content .help-list .help-item a:hover{color:#108bb5;border-bottom-color:#108bb5}.physton-prompt-translate-setting .translate-setting-main .setting-btns{display:flex;justify-content:flex-end;align-items:center;margin-top:10px}.physton-prompt-translate-setting .translate-setting-main .setting-btns .translate-save{cursor:pointer;padding:0 40px;height:40px;line-height:40px;color:#fff;background:center center #4A54FF;background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);background-size:104% 104%;border-radius:4px;display:inline-block;margin-right:10px}.physton-prompt-translate-setting .translate-setting-main .setting-btns .translate-close{cursor:pointer;padding:0 40px;height:40px;line-height:40px;color:#4a54ff;background:transparent;border:1px solid #4A54FF;border-radius:4px;display:inline-block}.physton-prompt-select-language{position:fixed;z-index:2000;margin-top:5px;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.5)}.physton-prompt-select-language .language-main{height:70%;position:relative}.physton-prompt-select-language .language-main .language-close{display:block;padding:4px;position:absolute;right:-14px;top:-14px;background:#ffffffe6;border-radius:50%;box-shadow:0 1px 5px #d81e06;cursor:pointer;z-index:1}.physton-prompt-select-language .language-main .language-close:hover{background:#d81e06}.physton-prompt-select-language .language-main .language-list{height:100%;overflow:hidden;overflow-y:scroll;display:block;box-shadow:0 0 3px #4a54ff;border-radius:6px 6px 4px 4px;background-color:#1e1e1ee6;transition:height .1s ease-in-out,width .1s ease-in-out;position:relative}.physton-prompt-select-language .language-main .language-list .language-item{color:#fff;font-size:14px;padding:10px;cursor:pointer}.physton-prompt-select-language .language-main .language-list .language-item:hover,.physton-prompt-select-language .language-main .language-list .language-item.selected{background:center center #4A54FF;background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);background-size:104% 104%}.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.hover-scale-120{animation:all .3s}.hover-scale-120:hover{transform:scale(1.2)}.hover-scale-140{animation:all .3s}.hover-scale-140:hover{transform:scale(1.4)}.physton-paste-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.5)}.physton-paste-popup .paste-popup-main{width:700px;height:auto;padding:20px;margin:0;box-shadow:0 0 3px #4a54ff;border-radius:6px 6px 4px 4px;background-color:#1e1e1ee6;transition:height .1s ease-in-out,width .1s ease-in-out;color:#fff;position:relative}.physton-paste-popup .paste-popup-main .paste-popup-close{display:block;padding:4px;position:absolute;right:-14px;top:-14px;background:#ffffffe6;border-radius:50%;box-shadow:0 1px 5px #d81e06;cursor:pointer}.physton-paste-popup .paste-popup-main .paste-popup-close:hover{background:#d81e06}.physton-paste-popup .paste-popup-main .paste-popup-title{font-size:14px;font-weight:700;margin-bottom:10px;word-break:keep-all;white-space:nowrap;overflow:hidden}.physton-paste-popup .paste-popup-main .paste-popup-body .paste-content{background:rgba(30,30,30,.9);border:1px solid #3c3c3c;padding:4px;width:100%;font-size:14px;color:#fff;resize:none;height:400px;box-sizing:border-box}.physton-paste-popup .paste-popup-main .paste-popup-body .paste-content:focus{outline:none;border-color:#4a54ff}.physton-paste-popup .paste-popup-main .paste-popup-body .paste-submit{background:center center #4A54FF;background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);background-size:104% 104%;color:#1d1d1d;border-radius:10px;padding:10px;margin-top:10px;text-align:center;color:#fff;font-size:20px;cursor:pointer;display:flex;justify-content:center;align-items:center}.physton-paste-popup .paste-popup-main .paste-popup-body .paste-submit:hover{box-shadow:0 0 14px #4a54ff}
diff --git a/style.css.REMOVED.git-id b/style.css.REMOVED.git-id
new file mode 100644
index 0000000..fb7cd9c
--- /dev/null
+++ b/style.css.REMOVED.git-id
@@ -0,0 +1 @@
+84f9bebc4528c585af698943d319f3228c919149
\ No newline at end of file