更新版本V0.0.53

weilin9999 · weilin9999 · commit f1f0a6e09a33 · 2025-04-30T11:51:54.000+08:00
更新版本V0.0.53
diff --git a/README.md b/README.md
@@ -28,9 +28,19 @@
 
 # 版本更新介绍
 
-> 最新更新：2025-04-28
+> 最新更新：2025-04-30
 
-> 0.0.52 公测版本介绍 如果你要使用本插件请务必进我们的官方 QQ 群（1018231382）！
+> 0.0.53 公测版本介绍 如果你要使用本插件请务必进我们的官方 QQ 群（1018231382）！
+>
+> 1. 功能优化：修复了在日间模式下的Lora详细内容的按钮样式看不到问题
+>
+> 2. 修复了issues [#14](https://github.com/weilin9999/WeiLin-Comfyui-Tools/issues/14#issuecomment-2840561525) 当第一行只有一个Tag的时候会触发换行不添加末尾逗号
+>
+
+<details>
+<summary>点击查看往期更多更新内容</summary>
+
+> 0.0.52 公测版本介绍 2025-04-28
 >
 > 1. 新增功能：Lora详细界面内可以自定义自己的字段
 >
@@ -41,9 +51,6 @@
 > 4. Lora获取C站数据的时候可以一并获取封面了
 >
 
-<details>
-<summary>点击查看往期更多更新内容</summary>
-
 > 0.0.48 公测版本介绍 2025-04-25
 >
 > 1. 新增辅助功能，限制了窗口的移动范围防止超出可视范围，以及悬浮球也限制了移动范围
diff --git a/README_EN.md b/README_EN.md
@@ -24,9 +24,19 @@ Due to limited personal time, the frequency of updating plug-ins will not be ver
 
 # Version update introduction
 
-> Last updated: 2025-04-28
+> Last updated: 2025-04-30
 
-> 0.0.52 Public Beta Version Introduction: If you want to use this plugin, please be sure to join our official QQ group (1018231382)! 
+> 0.0.53 Public Beta Version Introduction: If you want to use this plugin, please be sure to join our official QQ group (1018231382)! 
+>
+> 1. Feature optimization: Fixed the issue that Lora details button style could not be seen in daytime mode
+>
+> 2. Repair the issues [#14](https://github.com/weilin9999/WeiLin-Comfyui-Tools/issues/14#issuecomment-2840561525) When the first line has only one Tag, a newline is triggered without the trailing comma
+>
+
+<details>
+<summary>Click here for more updates from the past</summary>
+
+> 0.0.52 Public Beta Version Last updated: 2025-04-28
 >
 > 1. New feature: Within the Lora detailed interface, you can customize your own fields
 >
@@ -37,9 +47,6 @@ Due to limited personal time, the frequency of updating plug-ins will not be ver
 > 4. When Lora acquires data from C Station, it can also obtain the cover at the same time
 >
 
-<details>
-<summary>Click here for more updates from the past</summary>
-
 > 0.0.48 Public Beta Version 2025-04-25
 >
 > 1. New auxiliary functions have been added, which limit the movement range of the window to prevent it from exceeding the visible range, and the floating ball also restricts the movement range
diff --git a/dist/javascript/main.entry.js b/dist/javascript/main.entry.js
diff --git a/dist/javascript/main.entry.js.map b/dist/javascript/main.entry.js.map
diff --git a/dist/style.css b/dist/style.css
diff --git a/pyproject.toml b/pyproject.toml
@@ -1,7 +1,7 @@
 [project]
 name = "weilin-comfyui-tools"
 description = "让你在 ComfyUI 中快捷的使用提示词工具 Quickly use the prompt word tool in ComfyUI"
-version = "0.0.52"
+version = "0.0.53"
 license = {file = "LICENSE"}
 dependencies = []
 
diff --git a/src/src/i18n/locales/en_US.js b/src/src/i18n/locales/en_US.js
@@ -322,7 +322,8 @@ export default {
         jsonErrorMesg: "The format of the JSON file is incorrect",
         pleaseAddSub: "Please add the secondary classification first",
         pleaseAddMainCeb: "Please add the first-level category first",
-        pleaseSelectGroup: "Please select the complete grouping path"
+        pleaseSelectGroup: "Please select the complete grouping path",
+        isLoadingPleaseWait: "It is being executed. Please check the progress in the background",
     },
     cloudWindow:{
         "windowTitle": "Share Cloud Window",
diff --git a/src/src/i18n/locales/zh_CN.js b/src/src/i18n/locales/zh_CN.js
@@ -338,7 +338,8 @@ export default {
         jsonErrorMesg: "JSON文件格式错误",
         pleaseAddSub: "请先添加二级分类",
         pleaseAddMainCeb: "请先添加一级分类",
-        pleaseSelectGroup: "请选择完整的分组路径"
+        pleaseSelectGroup: "请选择完整的分组路径",
+        isLoadingPleaseWait: "正在执行中，请查看后台进度",
     },
     history: {
         "title": "历史记录",
diff --git a/src/src/utils/version.js b/src/src/utils/version.js
@@ -1 +1 @@
-export const version = "v0.0.50";
+export const version = "v0.0.53";
diff --git a/src/src/view/lora_manager/lora_card.vue b/src/src/view/lora_manager/lora_card.vue
@@ -136,7 +136,7 @@
                                 <td class="actions">
                                     <button class="copy-btn" @click="copyToClipboard(loraInfo[field.key])"
                                         :title="t('lora.copy')">
-                                        <svg style="fill: #ffffff;" viewBox="0 0 24 24" width="16" height="16">
+                                        <svg class="svg-icon" viewBox="0 0 24 24" width="16" height="16">
                                             <path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/>
                                         </svg>
                                         {{ t('lora.copy') }}
@@ -159,7 +159,7 @@
                                 <td class="actions">
                                     <button class="copy-btn" @click="copyToClipboard(loraInfo.user_diy_fileds[key]?.value)"
                                         :title="t('lora.copy')">
-                                        <svg style="fill: #ffffff;" viewBox="0 0 24 24" width="16" height="16">
+                                        <svg class="svg-icon" viewBox="0 0 24 24" width="16" height="16">
                                             <path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/>
                                         </svg>
                                         {{ t('lora.copy') }}
@@ -780,6 +780,11 @@ defineExpose({
     justify-content: center;
 }
 
+
+.svg-icon {
+    fill: var(--weilin-prompt-ui-primary-text);
+}
+
 .lora-detail__body {
     height: 100%;
 }
@@ -830,7 +835,7 @@ defineExpose({
 .copy-btn {
     padding: 6px 12px;
     border-radius: 4px;
-    border: 1px solid var(--weilin-prompt-ui-border);
+    border: 1px solid var(--weilin-prompt-ui-border-color);
     background: var(--weilin-prompt-ui-button-bg);
     color: var(--weilin-prompt-ui-button-text);
     cursor: pointer;
@@ -848,9 +853,9 @@ defineExpose({
 input {
     width: 100%;
     padding: 8px;
-    border: 1px solid var(--weilin-prompt-ui-border);
     border-radius: 4px;
-    background: var(--weilin-prompt-ui-input-bg);
+    border: 1px solid var(--weilin-prompt-ui-border-color);
+    background-color: var(--weilin-prompt-ui-input-bg);
     color: var(--weilin-prompt-ui-input-text);
 }
 
@@ -951,7 +956,7 @@ input:focus {
     left: 0;
     width: 100%;
     height: 100%;
-    object-fit: cover;
+    object-fit: contain;
     transition: transform 0.3s ease;
 }
 
diff --git a/src/src/view/lora_manager/lora_detail.vue b/src/src/view/lora_manager/lora_detail.vue
@@ -99,8 +99,8 @@
                                     <span v-else class="text">{{ loraInfo.name }}</span>
                                 </td>
                                 <td class="actions">
-                                    <button style="fill: #ffffff;" class="edit-btn" @click="toggleEdit('name')">
-                                        <svg viewBox="0 0 24 24" width="16" height="16">
+                                    <button class="edit-btn" @click="toggleEdit('name')">
+                                        <svg class="svg-icon" viewBox="0 0 24 24" width="16" height="16">
                                             <path v-if="isEditing.name"
                                                 d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z" />
                                             <path v-else
@@ -158,7 +158,7 @@
                                     <td class="actions">
                                         <button class="edit-btn" @click="toggleEdit(field.key)"
                                             :title="t('promptBox.settings.edit')">
-                                            <svg style="fill: #ffffff;" viewBox="0 0 24 24" width="16" height="16">
+                                            <svg class="svg-icon" viewBox="0 0 24 24" width="16" height="16">
                                                 <path v-if="isEditing[field.key]"
                                                     d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z" />
                                                 <path v-else
@@ -186,7 +186,7 @@
                                     <td class="actions">
                                         <button class="edit-btn" @click="toggleEdit(key)"
                                             :title="t('promptBox.settings.edit')">
-                                            <svg style="fill: #ffffff;" viewBox="0 0 24 24" width="16" height="16">
+                                            <svg class="svg-icon" viewBox="0 0 24 24" width="16" height="16">
                                                 <path v-if="isEditing[key]"
                                                     d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z" />
                                                 <path v-else
@@ -564,7 +564,9 @@ const init = () => {
                         : "";
                 editValues.value.loraWorksValue = loraInfo.value.loraWorks;
 
-                userEditFields.value = loraInfo.value.user_diy_fileds;
+                if (loraInfo.value.user_diy_fileds){
+                    userEditFields.value = loraInfo.value.user_diy_fileds;
+                }
 
                 loading.value = false;
             });
@@ -631,7 +633,7 @@ const refreshLoraInfo = async () => {
             loraInfo.value = res.data;
 
             nextTick(function () {
-                var _j, _k, _u, _v, _w;
+                var _j, _k, _u, _v, _w, _x;
                 loraInfo.value.name =
                     loraInfo.value.name ||
                     ((_k =
@@ -660,6 +662,16 @@ const refreshLoraInfo = async () => {
                         : "";
                 editValues.value.notesValue = loraInfo.value.userNote;
 
+                loraInfo.value.loraWorks =
+                    (_x = loraInfo.value.loraWorks) !== null && _x !== void 0
+                        ? _x
+                        : "";
+                editValues.value.loraWorksValue = loraInfo.value.loraWorks;
+
+                if (loraInfo.value.user_diy_fileds){
+                    userEditFields.value = loraInfo.value.user_diy_fileds;
+                }
+
                 loading.value = false;
             });
 
@@ -681,6 +693,7 @@ const refreshLoraInfo = async () => {
 }
 
 const toggleEdit = (field) => {
+    // console.log('toggleEdit', isEditing.value)
     if (isEditing.value[field]) {
         saveEdit(field)
     } else {
@@ -705,6 +718,9 @@ const startEdit = (field) => {
 }
 
 const saveEdit = (fieldKey) => {
+    // console.log('saveEdit', fieldKey)
+
+    // console.log(userEditFields.value)
     const isCustomField = fieldKey in userEditFields.value
 
     if (isCustomField) {
@@ -739,7 +755,7 @@ const saveInfo = (param) => {
             // console.log(res.data.data)
             loraInfo.value = res.data;
             nextTick(function () {
-                var _j, _k, _u, _v, _w;
+                var _j, _k, _u, _v, _w, _x;
                 loraInfo.value.name =
                     loraInfo.value.name ||
                     ((_k =
@@ -768,6 +784,16 @@ const saveInfo = (param) => {
                         : "";
                 editValues.value.notesValue = loraInfo.value.userNote;
 
+                loraInfo.value.loraWorks =
+                    (_x = loraInfo.value.loraWorks) !== null && _x !== void 0
+                        ? _x
+                        : "";
+                editValues.value.loraWorksValue = loraInfo.value.loraWorks;
+
+                if (loraInfo.value.user_diy_fileds){
+                    userEditFields.value = loraInfo.value.user_diy_fileds;
+                }
+
                 loading.value = false;
 
                 nextTick(function () {
@@ -798,7 +824,7 @@ const deleteInfo = async (param) => {
             // console.log(res.data.data)
             loraInfo.value = res.data;
             nextTick(function () {
-                var _j, _k, _u, _v, _w;
+                var _j, _k, _u, _v, _w, _x;
                 loraInfo.value.name =
                     loraInfo.value.name ||
                     ((_k =
@@ -827,6 +853,16 @@ const deleteInfo = async (param) => {
                         : "";
                 editValues.value.notesValue = loraInfo.value.userNote;
 
+                loraInfo.value.loraWorks =
+                    (_x = loraInfo.value.loraWorks) !== null && _x !== void 0
+                        ? _x
+                        : "";
+                editValues.value.loraWorksValue = loraInfo.value.loraWorks;
+
+                if (loraInfo.value.user_diy_fileds){
+                    userEditFields.value = loraInfo.value.user_diy_fileds;
+                }
+
                 loading.value = false;
 
                 nextTick(function () {
@@ -924,6 +960,10 @@ const toggleCollapse = () => {
     color: var(--weilin-prompt-ui-primary-text);
 }
 
+.svg-icon {
+    fill: var(--weilin-prompt-ui-primary-text);
+}
+
 .lora-detail__loading {
     position: absolute;
     top: 0;
@@ -986,7 +1026,7 @@ const toggleCollapse = () => {
 .copy-btn {
     padding: 6px 12px;
     border-radius: 4px;
-    border: 1px solid var(--weilin-prompt-ui-border);
+    border: 1px solid var(--weilin-prompt-ui-border-color);
     background: var(--weilin-prompt-ui-button-bg);
     color: var(--weilin-prompt-ui-button-text);
     cursor: pointer;
@@ -1004,9 +1044,9 @@ const toggleCollapse = () => {
 input {
     width: 100%;
     padding: 8px;
-    border: 1px solid var(--weilin-prompt-ui-border);
     border-radius: 4px;
-    background: var(--weilin-prompt-ui-input-bg);
+    border: 1px solid var(--weilin-prompt-ui-border-color);
+    background-color: var(--weilin-prompt-ui-input-bg);
     color: var(--weilin-prompt-ui-input-text);
 }
 
@@ -1107,7 +1147,7 @@ input:focus {
     left: 0;
     width: 100%;
     height: 100%;
-    object-fit: cover;
+    object-fit: contain;
     transition: transform 0.3s ease;
 }
 
diff --git a/src/src/view/lora_manager/lora_index.vue b/src/src/view/lora_manager/lora_index.vue
@@ -57,7 +57,7 @@
           <div :class="`${prefix}lora-preview`"
             style="flex: 1; display: flex; align-items: center; justify-content: center; overflow: hidden;width: 100%;">
             <img v-if="lora.preview" :src="lora.preview" :alt="lora.model_name" :title="lora.model_name" loading="lazy"
-              style="width: 100%; height: 100%; object-fit: cover; min-height: 150px;" />
+              style="width: 100%; height: 100%; object-fit: contain; min-height: 150px;" />
             <div v-else :class="`${prefix}no-preview`"
               style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; min-height: 150px;">
               <svg viewBox="0 0 24 24" width="24" height="24">
@@ -375,8 +375,8 @@ const getAllLoraList = async () => {
   }
 
   try {
+    message({ type: "success", str: 'message.isLoadingPleaseWait' })
     await loraApi.getAllLoraList()
-
     // 每秒调用一次 getAllLoraStatus
     intervalId.value = setInterval(async () => {
       await getAllLoraStatus()
@@ -589,6 +589,7 @@ defineExpose({
   flex-direction: column;
   gap: 8px;
   padding-bottom: 16px;
+  padding-top: 5px;
 }
 
 .weilin_prompt_ui_lora-item {
@@ -624,7 +625,7 @@ defineExpose({
 .weilin_prompt_ui_lora-preview img {
   width: 100%;
   height: 100%;
-  object-fit: cover;
+  object-fit: contain;
 }
 
 .weilin_prompt_ui_no-preview {
@@ -825,6 +826,12 @@ defineExpose({
   /* 保持卡片比例 */
 }
 
+.weilin_prompt_ui_lora-card:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 4px 12px var(--weilin-prompt-ui-shadow-color);
+  border: 1px solid var(--weilin-prompt-ui-primary-color-hover);
+}
+
 .weilin_prompt_ui_lora-preview {
   aspect-ratio: 1/1;
   /* 保持图片区域为正方形 */
diff --git a/src/src/view/prompt_box/prompt_index.vue b/src/src/view/prompt_box/prompt_index.vue

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-export const version = "v0.0.50";`
	`1`	`+export const version = "v0.0.53";`