Optimize keyword tags #19

Former-commit-id: 2e89eaed220038f24c66846215888dfb716c88c4

javascript/main.entry.js.REMOVED.git-id

@@ -1 +1 @@
-d61901b8d7350ba08750a6693fdc897bd67756ac
+dde39c867fdb5b60b34e6f8c429f1298b3172e9d

javascript/main.entry.js.map.REMOVED.git-id

@@ -1 +1 @@
-a1f00f1c946b5b052f5b3cac706df5b6c0b191ca
+f837e401904fb04d277194f73c9abdcec642097f

src/src/components/phystonPrompt.vue.REMOVED.git-id

@@ -1 +1 @@
-4516cdae0205f9514cb0396b16d7c3e632843d35
+2b4c746672aa6cd5cd95e844b32f865a0843092e

src/src/utils/common.js

@@ -1,6 +1,7 @@
 import splitTags from "@/utils/splitTags";
 
 export default {
+    loraRegex: /^\<lora:\s*([^\:]+)\s*(:)?\s*([0-9\.]+)?\>$/,
     weightNumRegex: /(.*):([0-9\.]+)/,
     weightNumRegexEN: /(.*):\s*([0-9\.]+)/,
     weightNumRegexCN: /(.*)：\s*([0-9\.]+)/,

styles/main.less

@@ -545,6 +545,36 @@
                             background: var(--button-secondary-background-fill);
                             border: var(--button-border-width) solid var(--button-secondary-border-color);
                             height: auto;
+                            color: var(--green-9);
+
+                            &.neg-tag {
+                                color: var(--magenta-9);
+                            }
+
+                            &.lora-tag {
+                                color: var(--geekblue-9);
+                            }
+
+                            &.lora-not-exists {
+                                background: var(--red-2);
+                                animation: lora-not-exists 1s infinite;
+                            }
+
+                            @keyframes lora-not-exists {
+                                0% {
+                                    opacity: 1;
+                                }
+                                50% {
+                                    opacity: .7;
+                                }
+                                100% {
+                                    opacity: 1;
+                                }
+                            }
+
+                            &.embedding-tag {
+                                color: var(--cyan-7);
+                            }
 
                             &:hover {
                                 border-color: var(--button-secondary-border-color-hover);
@@ -578,6 +608,7 @@
                             line-height: 1rem;
                             font-size: 0.9rem;
                             padding: 4px;
+                            background: transparent;
                         }
 
                         .btn-tag-delete {
@@ -1350,7 +1381,7 @@
                 justify-content: flex-start;
                 align-items: center;
 
-                .extension-checkbox{
+                .extension-checkbox {
                     --ring-color: transparent;
                     position: relative;
                     box-shadow: var(--input-shadow);