yz-yuki-plugin 2.0.7-11 → 2.0.7-13

package/CHANGELOG.md

@@ -1,4 +1,5 @@
 # 2.0.7
+* 优化订阅数据展示
 * 修复同一up订阅多个群聊订阅，推送类型合并的问题
 * 添加白名单关键词过滤功能
 * 新增B站视频解析

package/lib/apps/bilibili.js

@@ -358,6 +358,17 @@ message.use(async (e) => {
     }
     else {
         let subData = Config.getConfigData('config', 'bilibili', 'push') || { group: {}, private: {} };
+        // 如果聊天ID没有订阅数据，则删除该聊天ID
+        for (let chatType in subData) {
+            if (subData.hasOwnProperty(chatType)) {
+                subData[chatType] = Object.keys(subData[chatType]).reduce((nonEmptyData, chatId) => {
+                    if (subData[chatType][chatId].length > 0) {
+                        nonEmptyData[chatId] = subData[chatType][chatId];
+                    }
+                    return nonEmptyData;
+                }, {});
+            }
+        }
         const messages = [];
         const typeMap = {
             DYNAMIC_TYPE_AV: '视频',
@@ -369,9 +380,9 @@ message.use(async (e) => {
         };
         // 处理群组订阅
         if (subData.group && Object.keys(subData.group).length > 0) {
-            messages.push('------群组B站订阅------\n');
+            messages.push('\n>>>>>>群组B站订阅<<<<<<');
             Object.keys(subData.group).forEach(groupId => {
-                messages.push(`群组ID：${groupId}：`);
+                messages.push(`\n<群组${groupId}>：`);
                 subData.group[groupId].forEach((item) => {
                     const types = new Set();
                     if (item.type && item.type.length) {
@@ -381,15 +392,18 @@ message.use(async (e) => {
                             }
                         });
                     }
-                    messages.push(`${item.name}：${item.uid}  ${types.size ? `[${Array.from(types).join('、')}]` : ' [全部动态]'}`);
+                    messages.push(`${item.uid}：${item.name}  ${types.size ? `[${Array.from(types).join('、')}]` : ' [全部动态]'}`);
                 });
             });
         }
+        else {
+            messages.push('\n>>>>>>群组B站订阅<<<<<<\n当前没有任何群组订阅数据~');
+        }
         // 处理私聊订阅
         if (subData.private && Object.keys(subData.private).length > 0) {
-            messages.push('\n------私聊B站订阅------');
+            messages.push('\n>>>>>>私聊B站订阅<<<<<<');
             Object.keys(subData.private).forEach(userId => {
-                messages.push(`用户ID：${userId}：`);
+                messages.push(`\n<用户${userId}>：`);
                 subData.private[userId].forEach((item) => {
                     const types = new Set();
                     if (item.type && item.type.length) {
@@ -399,16 +413,30 @@ message.use(async (e) => {
                             }
                         });
                     }
-                    messages.push(`${item.name}：${item.uid}  ${types.size ? `[${Array.from(types).join('、')}]` : ' [全部动态]'}`);
+                    messages.push(`${item.uid}：${item.name}  ${types.size ? `[${Array.from(types).join('、')}]` : ' [全部动态]'}`);
                 });
             });
         }
+        else {
+            messages.push('\n>>>>>>私聊B站订阅<<<<<<\n当前没有任何私聊订阅数据~');
+        }
         e.reply(`推送列表如下：\n${messages.join('\n')}`);
     }
 }, [/^(#|\/)(yuki|优纪)?(b站|B站|bili|bilibili|哔哩|哔哩哔哩)全部(推送|动态|订阅)列表$/]);
 /** 单独群聊或私聊的订阅的b站推送列表 */
 message.use(async (e) => {
     let subData = Config.getConfigData('config', 'bilibili', 'push') || { group: {}, private: {} };
+    // 如果聊天ID没有订阅数据，则删除该聊天ID
+    for (let chatType in subData) {
+        if (subData.hasOwnProperty(chatType)) {
+            subData[chatType] = Object.keys(subData[chatType]).reduce((nonEmptyData, chatId) => {
+                if (subData[chatType][chatId].length > 0) {
+                    nonEmptyData[chatId] = subData[chatType][chatId];
+                }
+                return nonEmptyData;
+            }, {});
+        }
+    }
     const messages = [];
     const typeMap = {
         DYNAMIC_TYPE_AV: '视频',
@@ -433,7 +461,7 @@ message.use(async (e) => {
                 }
             });
         }
-        messages.push(`${item.name}：${item.uid}  ${types.size ? `[${Array.from(types).join('、')}]` : ' [全部动态]'}`);
+        messages.push(`${item.uid}：${item.name}  ${types.size ? `[${Array.from(types).join('、')}]` : ' [全部动态]'}`);
     });
     e.reply(`推送列表如下：\n${messages.join('\n')}`);
 }, [/^(#|\/)(yuki|优纪)?(b站|B站|bili|bilibili|哔哩|哔哩哔哩)(推送|动态|订阅)列表$/]);

package/lib/apps/weibo.js

@@ -86,16 +86,16 @@ message.use(async (e) => {
             return;
         }
         // 获取或初始化微博推送数据
-        let data = weiboPushData || { group: {}, private: {} };
+        let subData = weiboPushData || { group: {}, private: {} };
         // 根据聊天类型初始化数据
         let chatType = e.isGroup ? 'group' : 'private';
         let chatId = e.isGroup ? e.group_id : e.user_id;
         // 初始化群组或私聊数据
-        if (!data[chatType][chatId]) {
-            data[chatType][chatId] = [];
+        if (!subData[chatType][chatId]) {
+            subData[chatType][chatId] = [];
         }
         // 查找指定UID的订阅数据
-        const upData = data[chatType][chatId].find((item) => item.uid == uid);
+        const upData = subData[chatType][chatId].find((item) => item.uid == uid);
         if (!upData) {
             e.reply(`订阅列表中没有找到该UID~\n${uid}可能是无效的`);
             return;
@@ -105,7 +105,7 @@ message.use(async (e) => {
         let isDel = false;
         if (newType.length) {
             // 更新订阅类型
-            data[chatType][chatId] = data[chatType][chatId].map(item => {
+            subData[chatType][chatId] = subData[chatType][chatId].map(item => {
                 if (item.uid == uid) {
                     item.type = newType;
                 }
@@ -115,11 +115,11 @@ message.use(async (e) => {
         else {
             // 删除订阅
             isDel = true;
-            data[chatType][chatId] = data[chatType][chatId].filter((item) => item.uid !== uid);
+            subData[chatType][chatId] = subData[chatType][chatId].filter((item) => item.uid !== uid);
         }
         // 保存更新后的数据
         //weiboPushData = data;
-        Config.saveConfig('config', 'weibo', 'push', data);
+        Config.saveConfig('config', 'weibo', 'push', subData);
         // 回复用户操作结果
         e.reply(`${isDel ? '删除' : '修改'}微博推送成功~\n${uid}`);
     }
@@ -131,6 +131,17 @@ message.use(async (e) => {
     }
     else {
         let subData = weiboPushData || { group: {}, private: {} };
+        // 如果聊天ID没有订阅数据，则删除该聊天ID
+        for (let chatType in subData) {
+            if (subData.hasOwnProperty(chatType)) {
+                subData[chatType] = Object.keys(subData[chatType]).reduce((nonEmptyData, chatId) => {
+                    if (subData[chatType][chatId].length > 0) {
+                        nonEmptyData[chatId] = subData[chatType][chatId];
+                    }
+                    return nonEmptyData;
+                }, {});
+            }
+        }
         const messages = [];
         const typeMap = {
             DYNAMIC_TYPE_AV: '视频',
@@ -141,9 +152,9 @@ message.use(async (e) => {
         };
         // 处理群组订阅
         if (subData.group && Object.keys(subData.group).length > 0) {
-            messages.push('------群组微博订阅------');
+            messages.push('\n>>>>>>群组微博订阅<<<<<<');
             Object.keys(subData.group).forEach(groupId => {
-                messages.push(`群组ID：${groupId}：`);
+                messages.push(`\n<群组${groupId}>：`);
                 subData.group[groupId].forEach((item) => {
                     const types = new Set();
                     if (item.type && item.type.length) {
@@ -153,15 +164,18 @@ message.use(async (e) => {
                             }
                         });
                     }
-                    messages.push(`${item.name}：${item.uid}  ${types.size ? `[${Array.from(types).join('、')}]` : ' [全部动态]'}`);
+                    messages.push(`${item.uid}：${item.name}  ${types.size ? `[${Array.from(types).join('、')}]` : ' [全部动态]'}`);
                 });
             });
         }
+        else {
+            messages.push('\n>>>>>>群组微博订阅<<<<<<\n当前没有任何群组订阅数据~');
+        }
         // 处理私聊订阅
         if (subData.private && Object.keys(subData.private).length > 0) {
-            messages.push('------私聊微博订阅------');
+            messages.push('\n>>>>>>私聊微博订阅<<<<<<');
             Object.keys(subData.private).forEach(userId => {
-                messages.push(`用户ID：${userId}：`);
+                messages.push(`\n<用户${userId}>：`);
                 subData.private[userId].forEach((item) => {
                     const types = new Set();
                     if (item.type && item.type.length) {
@@ -171,16 +185,30 @@ message.use(async (e) => {
                             }
                         });
                     }
-                    messages.push(`${item.name}：${item.uid}  ${types.size ? `[${Array.from(types).join('、')}]` : ' [全部动态]'}`);
+                    messages.push(`${item.uid}：${item.name}  ${types.size ? `[${Array.from(types).join('、')}]` : ' [全部动态]'}`);
                 });
             });
         }
+        else {
+            messages.push('\n>>>>>>私聊微博订阅<<<<<<\n当前没有任何私聊订阅数据~');
+        }
         e.reply(`推送列表如下：\n${messages.join('\n')}`);
     }
 }, [/^(#|\/)(yuki|优纪)?(微博|weibo|WEIBO)全部(推送|动态|订阅)列表$/]);
 /** 单独群聊或私聊的订阅的b站推送列表 */
 message.use(async (e) => {
     let subData = weiboPushData || { group: {}, private: {} };
+    // 如果聊天ID没有订阅数据，则删除该聊天ID
+    for (let chatType in subData) {
+        if (subData.hasOwnProperty(chatType)) {
+            subData[chatType] = Object.keys(subData[chatType]).reduce((nonEmptyData, chatId) => {
+                if (subData[chatType][chatId].length > 0) {
+                    nonEmptyData[chatId] = subData[chatType][chatId];
+                }
+                return nonEmptyData;
+            }, {});
+        }
+    }
     const messages = [];
     const typeMap = {
         DYNAMIC_TYPE_AV: '视频',
@@ -204,7 +232,7 @@ message.use(async (e) => {
                 }
             });
         }
-        messages.push(`${item.name}：${item.uid}  ${types.size ? `[${Array.from(types).join('、')}]` : ' [全部动态]'}`);
+        messages.push(`${item.uid}：${item.name}  ${types.size ? `[${Array.from(types).join('、')}]` : ' [全部动态]'}`);
     });
     e.reply(`推送列表如下：\n${messages.join('\n')}`);
 }, [/^(#|\/)(yuki|优纪)?(微博|weibo|WEIBO)(推送|动态|订阅)列表$/]);

package/lib/models/bilibili/bilibili.main.query.js

@@ -13,7 +13,7 @@ class BiliQuery {
      */
     static async formatDynamicData(data) {
         const BiliDrawDynamicLinkUrl = 'https://m.bilibili.com/dynamic/';
-        let desc, pics = [], majorType;
+        let desc, pics = [], majorType, additional;
         let formatData = { data: {} };
         const author = data?.modules?.module_author || {};
         formatData.data.face = author.face; // 作者头像
@@ -41,7 +41,8 @@ class BiliQuery {
                         pics.map((item) => {
                             return { url: item?.url, width: item?.width, height: item?.height };
                         }) || [];
-                    formatData.data.content = this.parseRichTextNodes(desc?.summary?.rich_text_nodes || desc?.summary?.text) || '';
+                    additional = data?.modules?.module_dynamic?.additional;
+                    formatData.data.content = this.parseRichTextNodes(desc?.summary?.rich_text_nodes || desc?.summary?.text, additional) || '';
                 }
                 else {
                     desc = data?.modules?.module_dynamic?.desc || {};
@@ -63,7 +64,8 @@ class BiliQuery {
                     pics = pics.map((item) => {
                         return { url: item?.url, width: item?.width, height: item?.height };
                     });
-                    formatData.data.content = this.parseRichTextNodes(desc?.summary?.rich_text_nodes || desc?.summary?.text) || '';
+                    additional = data?.modules?.module_dynamic?.additional;
+                    formatData.data.content = this.parseRichTextNodes(desc?.summary?.rich_text_nodes || desc?.summary?.text, additional) || '';
                 }
                 else if (majorType === 'MAJOR_TYPE_DRAW') {
                     desc = data?.modules?.module_dynamic?.desc;
@@ -98,6 +100,7 @@ class BiliQuery {
                             return { url: item?.url, width: item?.width, height: item?.height };
                         }) || [];
                     formatData.data.title = desc?.title;
+                    additional = data?.modules?.module_dynamic?.additional;
                     // 文章内容过长，则尝试获取全文
                     if (String(desc?.summary?.text).length >= 480) {
                         const fullArticleContent = await this.getFullArticleContent(this.formatUrl(desc?.jump_url));
@@ -107,7 +110,7 @@ class BiliQuery {
                             if (articleType === 'cv') {
                                 formatData.data.content = this.praseFullOldTypeArticleContent(readInfo?.content);
                                 if (String(formatData.data.content).length < 100) {
-                                    formatData.data.content = this.parseRichTextNodes(desc?.summary?.rich_text_nodes || desc?.summary?.text) || '';
+                                    formatData.data.content = this.parseRichTextNodes(desc?.summary?.rich_text_nodes || desc?.summary?.text, additional) || '';
                                     formatData.data.pics = pics;
                                 }
                                 else {
@@ -121,18 +124,18 @@ class BiliQuery {
                                     formatData.data.content = content;
                                     formatData.data.pics = img && img.length > 0 ? img : pics;
                                     if (content && content.length < 100) {
-                                        formatData.data.content = this.parseRichTextNodes(desc?.summary?.rich_text_nodes || desc?.summary?.text);
+                                        formatData.data.content = this.parseRichTextNodes(desc?.summary?.rich_text_nodes || desc?.summary?.text, additional);
                                     }
                                 }
                             }
                             else {
-                                formatData.data.content = this.parseRichTextNodes(desc?.summary?.rich_text_nodes || desc?.summary?.text) || '';
+                                formatData.data.content = this.parseRichTextNodes(desc?.summary?.rich_text_nodes || desc?.summary?.text, additional) || '';
                                 formatData.data.pics = pics;
                             }
                         }
                     }
                     else {
-                        formatData.data.content = this.parseRichTextNodes(desc?.summary?.rich_text_nodes || desc?.summary?.text) || '';
+                        formatData.data.content = this.parseRichTextNodes(desc?.summary?.rich_text_nodes || desc?.summary?.text, additional) || '';
                         formatData.data.pics = pics;
                     }
                 }
@@ -195,7 +198,7 @@ class BiliQuery {
      * @param nodes - 动态内容富文本节点
      * @returns 解析后的动态内容富文本
      */
-    static parseRichTextNodes = (nodes) => {
+    static parseRichTextNodes = (nodes, additional) => {
         if (typeof nodes === 'string') {
             // 将\t 替换为&nbsp;实现空格，\n 替换为 <br> 以实现换行
             nodes = nodes.replace(/\t/g, '&nbsp;');
@@ -223,7 +226,7 @@ class BiliQuery {
                         return `<span data-module="desc" data-type="lottery" data-oid="${node?.rid}" class="bili-rich-text-module lottery">${node?.text}</span>`;
                     case 'RICH_TEXT_NODE_TYPE_WEB':
                         // 处理 RICH_TEXT_NODE_TYPE_WEB 类型，直接拼接 text 属性
-                        return node.text;
+                        return node.orig_text || node.text;
                     case 'RICH_TEXT_NODE_TYPE_EMOJI':
                         // 处理表情类型，使用 img 标签显示表情
                         const emoji = node.emoji;
@@ -232,6 +235,9 @@ class BiliQuery {
                         // 处理商品推广类型，使用官方的HTML标签写法
                         const goods_url = node?.jump_url;
                         return `<span data-module="desc" data-type="goods" data-url="${goods_url}" data-oid="${node?.rid}" class="bili-rich-text-module goods ${node?.icon_name}">&ZeroWidthSpace;${node?.text}</span>`;
+                    case 'RICH_TEXT_NODE_TYPE_VOTE':
+                        // 处理投票类型，使用官方的HTML标签写法
+                        return `<div data-module="additional" data-orig="0" class="bili-dyn-content__orig__additional"><div class="bili-dyn-card-vote"><div class="bili-dyn-card-vote__header"><div class="bili-dyn-card-vote__cover"></div></div> <div class="bili-dyn-card-vote__body"><div class="bili-dyn-card-vote__detail"><div class="bili-dyn-card-vote__detail__title">${node?.text}</div> <div class="bili-dyn-card-vote__detail__desc">${additional && additional?.type === 'ADDITIONAL_TYPE_VOTE' ? additional?.vote?.desc : ''}</div></div> <div class="bili-dyn-card-vote__action"><button class="bili-dyn-card-vote__action__btn_normal">${additional && additional.type === 'ADDITIONAL_TYPE_VOTE' ? additional?.vote?.button?.jump_style?.text : ''}</button></div></div></div></div>`;
                     default:
                         return node;
                 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yz-yuki-plugin",
-  "version": "2.0.7-11",
+  "version": "2.0.7-13",
   "description": "优纪插件，yunzaijs 关于 微博推送、B站推送 等功能的拓展插件",
   "author": "snowtafir",
   "type": "module",

package/resources/css/dynamic/Content.css

@@ -78,3 +78,96 @@
   background-image: url('./../../img/icon/dynamic/bili-rich-text-module-goods-taobao.svg');
   /* 引入SVG图标 */
 }
+
+/* 定义B站投票标签样式 */
+.bili-dyn-content__orig__additional {
+  margin-top: 12px;
+}
+
+.bili-dyn-card-vote {
+  background-color: rgba(246, 247, 248, 0.8);
+  border-radius: 6px;
+  box-sizing: border-box;
+  cursor: pointer;
+  display: flex;
+  height: 78px;
+  height: 100%;
+  overflow: hidden;
+  border: 1px solid #ff69b4;
+}
+
+.bili-dyn-card-vote__header {
+  flex-shrink: 0;
+  padding: 25px;
+  width: 78px;
+  background-color: rgb(255, 255, 255);
+}
+
+.bili-dyn-card-vote__cover {
+  align-items: center;
+  background-color: #ffffff;
+  border-radius: 4px;
+  color: #008ac5;
+  display: flex;
+  height: 100%;
+  justify-content: center;
+  width: 100%;
+  /* 引入SVG图标 */
+  background-image: url('./../../img/icon/dynamic/bili-dyn-card-vote__cover.svg');
+}
+
+.bili-dyn-card-vote__body,
+.bili-dyn-card-vote__detail {
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+}
+
+.bili-dyn-card-vote__detail {
+  box-sizing: border-box;
+  flex-direction: column;
+  padding: 19px 16px 15px 20px;
+}
+
+.bili-dyn-card-vote__detail__title {
+  color: #18191c;
+  font-size: 14px;
+  line-height: 20px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  transition: all 0.2s;
+  white-space: nowrap;
+  width: 100%;
+}
+
+.bili-dyn-card-vote__detail__desc {
+  color: #9499a0;
+  font-size: 12px;
+  line-height: 17px;
+  margin-top: 4px;
+}
+
+.bili-dyn-card-vote__action {
+  align-items: center;
+  display: flex;
+  flex-shrink: 0;
+  justify-content: center;
+  margin-right: 16px;
+  padding-right: 15px;
+}
+
+.bili-dyn-card-vote__action__btn_normal {
+  background-color: #ff69b4;
+  color: #ffffff;
+}
+
+.bili-dyn-card-vote__action button {
+  border: none;
+  border-radius: 6px;
+  box-sizing: border-box;
+  cursor: pointer;
+  font-size: 12.8px;
+  height: 30px;
+  min-width: 72px;
+  outline: none;
+}

package/resources/img/icon/dynamic/bili-dyn-card-vote__cover.svg

@@ -0,0 +1 @@
+<svg style="width: 28px; height: 28px;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" width="28" height="28"><path d="M2.4583333333333335 16.626283333333333C2.4583333333333335 15.084516666666667 3.7082066666666664 13.834616666666667 5.25 13.834616666666667L6.416666666666667 13.834616666666667C7.95846 13.834616666666667 9.208333333333334 15.084516666666667 9.208333333333334 16.626283333333333L9.208333333333334 20.70961666666667C9.208333333333334 22.251383333333333 7.95846 23.501283333333337 6.416666666666667 23.501283333333337L5.25 23.501283333333337C3.7082066666666664 23.501283333333337 2.4583333333333335 22.251383333333333 2.4583333333333335 20.70961666666667L2.4583333333333335 16.626283333333333zM5.25 15.334616666666665C4.5366333333333335 15.334616666666665 3.9583333333333335 15.912883333333335 3.9583333333333335 16.626283333333333L3.9583333333333335 20.70961666666667C3.9583333333333335 21.42301666666667 4.5366333333333335 22.001283333333337 5.25 22.001283333333337L6.416666666666667 22.001283333333337C7.130040000000001 22.001283333333337 7.708333333333335 21.42301666666667 7.708333333333335 20.70961666666667L7.708333333333335 16.626283333333333C7.708333333333335 15.912883333333335 7.130040000000001 15.334616666666665 6.416666666666667 15.334616666666665L5.25 15.334616666666665z" fill="currentColor" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""></path><path d="M10.625000000000002 6.709476666666667C10.625000000000002 5.167683333333334 11.874906666666668 3.9178100000000007 13.416666666666668 3.9178100000000007L14.583333333333334 3.9178100000000007C16.1251 3.9178100000000007 17.375 5.167683333333334 17.375 6.709476666666667L17.375 20.709500000000002C17.375 22.251266666666666 16.1251 23.50116666666667 14.583333333333334 23.50116666666667L13.416666666666668 23.50116666666667C11.874906666666668 23.50116666666667 10.625000000000002 22.251266666666666 10.625000000000002 20.709500000000002L10.625000000000002 6.709476666666667zM13.416666666666668 5.41781C12.703266666666666 5.41781 12.125 5.996103333333333 12.125 6.709476666666667L12.125 20.709500000000002C12.125 21.422816666666666 12.703266666666666 22.00116666666667 13.416666666666668 22.00116666666667L14.583333333333334 22.00116666666667C15.296733333333336 22.00116666666667 15.875000000000002 21.422816666666666 15.875000000000002 20.709500000000002L15.875000000000002 6.709476666666667C15.875000000000002 5.996103333333333 15.296733333333336 5.41781 14.583333333333334 5.41781L13.416666666666668 5.41781z" fill="currentColor" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""></path><path d="M18.791666666666668 12.8345C18.791666666666668 11.292683333333335 20.041566666666668 10.042810000000001 21.583333333333336 10.042810000000001L22.75 10.042810000000001C24.291766666666668 10.042810000000001 25.541666666666668 11.292683333333335 25.541666666666668 12.8345L25.541666666666668 20.709500000000002C25.541666666666668 22.251266666666666 24.291766666666668 23.50116666666667 22.75 23.50116666666667L21.583333333333336 23.50116666666667C20.041566666666668 23.50116666666667 18.791666666666668 22.251266666666666 18.791666666666668 20.709500000000002L18.791666666666668 12.8345zM21.583333333333336 11.542816666666667C20.869933333333336 11.542816666666667 20.291666666666668 12.121100000000002 20.291666666666668 12.8345L20.291666666666668 20.709500000000002C20.291666666666668 21.422816666666666 20.869933333333336 22.00116666666667 21.583333333333336 22.00116666666667L22.75 22.00116666666667C23.4634 22.00116666666667 24.041666666666668 21.422816666666666 24.041666666666668 20.709500000000002L24.041666666666668 12.8345C24.041666666666668 12.121100000000002 23.4634 11.542816666666667 22.75 11.542816666666667L21.583333333333336 11.542816666666667z" fill="currentColor" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""></path></svg>