vue-element-ui-x 1.0.42-beta → 1.0.51

package/src/components/Conversations/src/main.vue

@@ -1,587 +0,0 @@
-<template>
-  <div
-    class="el-x-conversations-container"
-    :style="{
-      '--conversation-label-height': `${labelHeight}px`,
-      '--conversation-list-auto-bg-color': mergedStyle.backgroundColor,
-    }"
-  >
-    <slot name="header"></slot>
-    <ul
-      class="el-x-conversations-list"
-      :style="mergedStyle"
-    >
-      <!-- 滚动区域容器 -->
-      <li class="el-x-conversations-scroll-wrapper">
-        <div
-          ref="scrollContainer"
-          class="el-x-conversations-scrollbar"
-          @scroll="handleScroll"
-        >
-          <div class="scroll-content">
-            <template v-if="shouldUseGrouping">
-              <!-- 分组显示 -->
-              <div
-                v-for="group in groups"
-                :key="group.key"
-                :ref="el => bindGroupRef(el, group)"
-                class="el-x-conversation-group"
-              >
-                <div
-                  class="el-x-conversation-group-title sticky-title"
-                  :class="{ 'active-sticky': stickyGroupKeys.has(group.key) }"
-                >
-                  <slot
-                    name="group-title"
-                    :group="group"
-                  >
-                    {{ group.title }}
-                  </slot>
-                </div>
-                <div class="el-x-conversation-group-items">
-                  <conversations-item
-                    v-for="item in group.children"
-                    :key="item.uniqueKey"
-                    :item="item"
-                    :active="item.uniqueKey === active"
-                    :items-style="itemsStyle"
-                    :items-hover-style="itemsHoverStyle"
-                    :items-active-style="itemsActiveStyle"
-                    :items-menu-opened-style="itemsMenuOpenedStyle"
-                    :prefix-icon="item.prefixIcon"
-                    :show-tooltip="showTooltip"
-                    :tooltip-placement="tooltipPlacement"
-                    :tooltip-offset="tooltipOffset"
-                    :suffix-icon="item.suffixIcon"
-                    :active-key="active || ''"
-                    :label-max-width="labelMaxWidth"
-                    :menu="menu"
-                    :show-built-in-menu="showBuiltInMenu"
-                    :menu-placement="menuPlacement"
-                    :menu-style="menuStyle"
-                    :menu-show-arrow="menuShowArrow"
-                    @click="handleClick(item)"
-                    @menu-command="handleMenuItemClick"
-                  >
-                    <!-- 传递插槽 -->
-                    <template
-                      v-if="$scopedSlots.label"
-                      #label
-                    >
-                      <slot
-                        name="label"
-                        :item="item"
-                      ></slot>
-                    </template>
-
-                    <template
-                      v-if="$scopedSlots['more-filled']"
-                      #more-filled="moreFilledSoltProps"
-                    >
-                      <slot
-                        name="more-filled"
-                        v-bind="moreFilledSoltProps"
-                      ></slot>
-                    </template>
-
-                    <template
-                      v-if="$scopedSlots.menu"
-                      #menu
-                    >
-                      <slot
-                        name="menu"
-                        :item="item"
-                      ></slot>
-                    </template>
-                  </conversations-item>
-                </div>
-              </div>
-            </template>
-
-            <template v-else>
-              <conversations-item
-                v-for="item in filteredItems"
-                :key="item.uniqueKey"
-                :item="item"
-                :items-style="itemsStyle"
-                :items-hover-style="itemsHoverStyle"
-                :items-active-style="itemsActiveStyle"
-                :active="item.uniqueKey === active"
-                :items-menu-opened-style="itemsMenuOpenedStyle"
-                :prefix-icon="item.prefixIcon"
-                :show-tooltip="showTooltip"
-                :tooltip-placement="tooltipPlacement"
-                :tooltip-offset="tooltipOffset"
-                :suffix-icon="item.suffixIcon"
-                :active-key="active || ''"
-                :label-max-width="labelMaxWidth"
-                :menu="menu"
-                :show-built-in-menu="showBuiltInMenu"
-                :menu-placement="menuPlacement"
-                :menu-style="menuStyle"
-                :menu-show-arrow="menuShowArrow"
-                @click="handleClick(item)"
-                @menu-command="handleMenuItemClick"
-              >
-                <!-- 传递插槽 -->
-                <template
-                  v-if="$scopedSlots.label"
-                  #label
-                >
-                  <slot
-                    name="label"
-                    :item="item"
-                  ></slot>
-                </template>
-
-                <template
-                  v-if="$scopedSlots['more-filled']"
-                  #more-filled="moreFilledSoltProps"
-                >
-                  <slot
-                    name="more-filled"
-                    v-bind="moreFilledSoltProps"
-                  ></slot>
-                </template>
-
-                <template
-                  v-if="$scopedSlots.menu"
-                  #menu
-                >
-                  <slot
-                    name="menu"
-                    :item="item"
-                  ></slot>
-                </template>
-              </conversations-item>
-            </template>
-
-            <!-- 加载更多 -->
-            <div
-              v-if="loadMoreLoading"
-              class="el-x-conversations-load-more"
-            >
-              <slot name="load-more">
-                <i class="el-icon-loading el-x-conversations-load-more-is-loading"></i>
-                <span>加载更多...</span>
-              </slot>
-            </div>
-          </div>
-        </div>
-      </li>
-    </ul>
-    <slot name="footer"></slot>
-    <!-- 滚动到顶部按钮 -->
-    <el-button
-      v-show="showScrollTop && showToTopBtn"
-      class="scroll-to-top-btn"
-      size="small"
-      circle
-      :type="toTopBtnType"
-      :style="toTopBtnStyle"
-      @click="scrollToTop"
-    >
-      <i class="el-icon-top"></i>
-    </el-button>
-  </div>
-</template>
-
-<script>
-  import { get } from 'lodash';
-  import ConversationsItem from './components/item.vue';
-
-  export default {
-    name: 'ElXConversations',
-
-    components: { ConversationsItem },
-
-    props: {
-      items: {
-        type: Array,
-        default: () => [],
-      },
-      itemsStyle: {
-        type: Object,
-        default: () => ({}),
-      },
-      itemsHoverStyle: {
-        type: Object,
-        default: () => ({}),
-      },
-      itemsActiveStyle: {
-        type: Object,
-        default: () => ({}),
-      },
-      itemsMenuOpenedStyle: {
-        type: Object,
-        default: () => ({}),
-      },
-      styleConfig: {
-        type: Object,
-        default: () => ({}),
-      },
-      showTooltip: {
-        type: Boolean,
-        default: false,
-      },
-      groupable: {
-        type: [Boolean, Object],
-        default: false,
-      },
-      labelMaxWidth: {
-        type: Number,
-        default: undefined,
-      },
-      labelHeight: {
-        type: Number,
-        default: 20,
-      },
-      showBuiltInMenu: {
-        type: Boolean,
-        default: false,
-      },
-      menu: {
-        type: Array,
-        default: () => [
-          {
-            label: '重命名',
-            key: 'rename',
-            icon: 'el-icon-edit',
-            command: 'rename',
-          },
-          {
-            label: '删除',
-            key: 'delete',
-            icon: 'el-icon-delete',
-            command: 'delete',
-            menuItemHoverStyle: {
-              color: 'red',
-              backgroundColor: 'rgba(255, 0, 0, 0.1)',
-            },
-          },
-        ],
-      },
-      ungroupedTitle: {
-        type: String,
-        default: '未分组',
-      },
-      tooltipPlacement: {
-        type: String,
-        default: 'top',
-      },
-      tooltipOffset: {
-        type: Number,
-        default: 12,
-      },
-      menuPlacement: {
-        type: String,
-        default: 'bottom-start',
-      },
-
-      menuShowArrow: {
-        type: Boolean,
-        default: false,
-      },
-      menuClassName: {
-        type: String,
-        default: '',
-      },
-
-      menuStyle: {
-        type: Object,
-        default: () => ({}),
-      },
-
-      loadMoreLoading: {
-        type: Boolean,
-        default: false,
-      },
-      showToTopBtn: {
-        type: Boolean,
-        default: false,
-      },
-      toTopBtnType: {
-        type: String,
-        default: 'primary',
-        validator: value =>
-          ['primary', 'success', 'warning', 'danger', 'info', 'text'].includes(value),
-      },
-      toTopBtnStyle: {
-        type: Object,
-        default: () => ({}),
-      },
-      labelKey: {
-        type: String,
-        default: 'label',
-      },
-      rowKey: {
-        type: String,
-        default: 'id',
-      },
-      active: {
-        type: [String, Number, Boolean],
-        default: '',
-      },
-      loadMore: {
-        type: Function,
-        default: null,
-      },
-    },
-
-    data() {
-      return {
-        showScrollTop: false,
-        groupRefs: {},
-        stickyGroupKeys: new Set(),
-      };
-    },
-
-    computed: {
-      itemsUse() {
-        return this.items.map((item, index) => ({
-          ...item,
-          uniqueKey: this.rowKey ? get(item, this.rowKey) : index.toString(),
-          label: get(item, this.labelKey),
-        }));
-      },
-
-      mergedStyle() {
-        const defaultStyle = {
-          padding: '10px 0 10px 10px',
-          backgroundColor: '#fff',
-          borderRadius: '8px',
-          width: '280px',
-          height: '0',
-        };
-        return {
-          ...defaultStyle,
-          ...this.styleConfig,
-        };
-      },
-
-      shouldUseGrouping() {
-        return !!this.groupable;
-      },
-
-      filteredItems() {
-        return this.itemsUse;
-      },
-
-      groups() {
-        // 如果不需要分组，则返回空数组
-        if (!this.shouldUseGrouping) return [];
-
-        // 检查filteredItems是否有值
-        if (!this.filteredItems || this.filteredItems.length === 0) {
-          return [];
-        }
-
-        // 用于存储每个组的项目
-        const groupMap = {};
-
-        // 使用过滤后的项目进行分组
-        this.filteredItems.forEach(item => {
-          let groupName = null;
-
-          // 优先使用item中的group字段
-          if (item.group) {
-            groupName = item.group;
-          }
-          // 如果没有找到分组，使用未分组
-          const finalGroupName = groupName || this.ungroupedTitle;
-
-          // 若该组尚未创建，则创建一个新组
-          if (!groupMap[finalGroupName]) {
-            groupMap[finalGroupName] = {
-              title: finalGroupName,
-              key: finalGroupName,
-              children: [],
-              isUngrouped: !groupName, // 如果没有找到组名，则标记为未分组
-            };
-          }
-
-          // 将项目添加到相应的组中
-          groupMap[finalGroupName].children.push(item);
-        });
-
-        // 将分组转换为数组
-        const groupArray = Object.values(groupMap);
-
-        // 如果有自定义排序函数，使用它排序
-        if (typeof this.groupable === 'object' && this.groupable.sort) {
-          return groupArray.sort((a, b) => {
-            // 确保未分组总是在最后
-            if (a.isUngrouped) return 1;
-            if (b.isUngrouped) return -1;
-
-            const sortFn = this.groupable.sort;
-            return sortFn ? sortFn(a.key, b.key) : 0;
-          });
-        }
-
-        // 否则只确保未分组在最后，不做其他排序
-        return groupArray.sort((a, b) => {
-          // 确保未分组总是在最后
-          if (a.isUngrouped) return 1;
-          if (b.isUngrouped) return -1;
-
-          // 不做其他排序
-          return 0;
-        });
-      },
-    },
-
-    mounted() {
-      // 如果有分组，默认将第一个分组设置为吸顶状态
-      if (this.shouldUseGrouping && this.groups.length > 0) {
-        // 添加第一个组的key到吸顶状态集合中
-        this.stickyGroupKeys.add(this.groups[0].key);
-      }
-    },
-
-    methods: {
-      handleClick(item) {
-        // 如果是disabled状态，则不允许选中
-        if (item.disabled) return;
-        this.$emit('change', item);
-      },
-
-      handleScroll(e) {
-        // 获取滚动容器
-        const scrollContainer = this.$refs.scrollContainer;
-        if (!scrollContainer) return;
-
-        const scrollTop = scrollContainer.scrollTop;
-
-        // 显示/隐藏回到顶部按钮
-        this.showScrollTop = scrollTop > 200;
-
-        // 检查是否需要加载更多
-        const bottomOffset = 20;
-        const scrollHeight = scrollContainer.scrollHeight;
-        const clientHeight = scrollContainer.clientHeight;
-
-        // 计算是否接近底部
-        const isNearBottom = scrollHeight - scrollTop - clientHeight < bottomOffset;
-
-        if (isNearBottom) {
-          this.loadMoreData();
-        }
-
-        // 更新吸顶状态
-        this.updateStickyStatus();
-      },
-
-      updateStickyStatus() {
-        if (!this.shouldUseGrouping || this.groups.length === 0) return;
-
-        // 先清空当前的吸顶组
-        this.stickyGroupKeys.clear();
-
-        // 获取滚动容器
-        const scrollContainer = this.$refs.scrollContainer;
-        if (!scrollContainer) return;
-
-        // 如果只有一个分组，直接设置为吸顶状态
-        if (this.groups.length === 1) {
-          this.stickyGroupKeys.add(this.groups[0].key);
-          return;
-        }
-
-        const scrollContainerTop = scrollContainer.getBoundingClientRect().top;
-        const containerHeight = scrollContainer.clientHeight;
-        const scrollHeight = scrollContainer.scrollHeight;
-        const scrollTop = scrollContainer.scrollTop;
-
-        // 判断是否已经滚动到底部
-        const isNearBottom = scrollHeight - scrollTop - containerHeight < 20;
-
-        // 如果已接近底部，直接使最后一个分组吸顶
-        if (isNearBottom && this.groups.length > 0) {
-          this.stickyGroupKeys.add(this.groups[this.groups.length - 1].key);
-          return;
-        }
-
-        // 检查每个分组的位置
-        const visibleGroups = [];
-
-        // 收集所有可见的分组
-        for (const group of this.groups) {
-          const groupElement = this.groupRefs[group.key];
-          if (groupElement) {
-            const groupRect = groupElement.getBoundingClientRect();
-            const relativeTop = groupRect.top - scrollContainerTop;
-
-            // 分组至少部分可见
-            if (relativeTop < containerHeight && relativeTop + groupRect.height > 0) {
-              visibleGroups.push({
-                group,
-                relativeTop,
-                height: groupRect.height,
-              });
-            }
-          }
-        }
-
-        // 对可见分组按相对位置排序
-        visibleGroups.sort((a, b) => a.relativeTop - b.relativeTop);
-
-        // 如果有可见分组
-        if (visibleGroups.length > 0) {
-          // 寻找第一个完全进入视口的分组
-          const fullyVisibleGroup = visibleGroups.find(g => g.relativeTop >= 0);
-
-          if (fullyVisibleGroup) {
-            // 如果有完全进入视口的分组，选择它
-            this.stickyGroupKeys.add(fullyVisibleGroup.group.key);
-          } else {
-            // 否则选择第一个部分可见的分组（通常是标题已经滚出但内容还可见的）
-            this.stickyGroupKeys.add(visibleGroups[0].group.key);
-          }
-        } else if (this.groups.length > 0) {
-          // 如果没有可见分组，则选择第一个分组
-          this.stickyGroupKeys.add(this.groups[0].key);
-        }
-      },
-
-      loadMoreData() {
-        if (!this.loadMore) return;
-        this.loadMore();
-        // 确保loading元素可见
-        this.$nextTick(() => {
-          const scrollContainer = this.$refs.scrollContainer;
-          if (scrollContainer) {
-            // 滚动到底部，确保loading元素可见
-            scrollContainer.scrollTop = scrollContainer.scrollHeight;
-          }
-        });
-      },
-
-      scrollToTop() {
-        if (this.$refs.scrollContainer) {
-          this.$refs.scrollContainer.scrollTop = 0;
-        }
-
-        // 确保吸顶组状态也被重置
-        if (this.shouldUseGrouping && this.groups.length > 0) {
-          this.stickyGroupKeys.clear();
-          this.stickyGroupKeys.add(this.groups[0].key);
-        }
-      },
-
-      handleMenuItemClick(command, item) {
-        this.$emit('menu-command', command, item);
-      },
-
-      bindGroupRef(el, item) {
-        if (el) {
-          this.groupRefs[item.key] = el;
-        }
-      },
-    },
-  };
-</script>
-
-<style lang="scss">
-  @import '../../../styles/Conversations.scss';
-</style>

package/src/components/FilesCard/index.js

@@ -1,8 +0,0 @@
-import ElXFilesCard from './src/main.vue';
-
-/* istanbul ignore next */
-ElXFilesCard.install = function (Vue) {
-  Vue.component(ElXFilesCard.name, ElXFilesCard);
-};
-
-export default ElXFilesCard;

package/src/components/FilesCard/src/fileSvg/audio.vue

@@ -1,38 +0,0 @@
-<template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    fill="none"
-    version="1.1"
-    width="1em"
-    height="1em"
-    viewBox="0 0 150 175"
-  >
-    <g>
-      <g>
-        <path
-          d="M103.622,0L27.5981,0C12.355,0,0,12.3648,0,27.6155L0,147.384C0,162.637,12.357,175,27.5981,175L122.402,175C137.645,175,150,162.635,150,147.384L150,46.405C150,40.1855,147.532,34.2219,143.136,29.8255L120.191,6.86627C115.797,2.46982,109.837,0,103.622,0Z"
-          fill="currentColor"
-          fill-opacity="1"
-          style="mix-blend-mode: passthrough"
-        />
-      </g>
-      <g>
-        <path
-          d="M143.7801,30.808L120.8914,6.73925C117.6075,3.28624,113.4198,0.940079,108.86269999999999,0L108.86269999999999,27.0143C108.86269999999999,35.591,115.4741,42.5433,123.6303,42.5433L150,42.5433C149.003,38.1003,146.849,34.0369,143.7801,30.808ZM112.2728,63.4637C112.273,62.2072,111.6695,61.0158,110.6263,60.2131C109.58279999999999,59.4109,108.20830000000001,59.0807,106.8757,59.3119L63.9774,66.7645C61.8208,67.1384,60.2595,68.883,60.2595,70.9164L60.2891,108.928C59.1133,108.527,57.8701,108.322,56.6172,108.323C50.752629999999996,108.323,46,112.728,46,118.161C46,123.596,50.75427,128,56.6172,128C62.4801,128,67.2343,123.594,67.2343,118.161L67.2343,82.3036L105.3292,75.6853L105.3292,101.475C104.1534,101.074,102.9102,100.869,101.65729999999999,100.87C95.7928,100.87,91.0401,105.276,91.0401,110.709C91.0401,116.142,95.7944,120.547,101.65729999999999,120.547C107.5202,120.547,112.2745,116.142,112.2745,110.709Q112.2728,110.528,112.2728,63.4637Z"
-          fill="#000000"
-          fill-opacity="0.20000000298023224"
-          style="mix-blend-mode: passthrough"
-        />
-      </g>
-      <g>
-        <path
-          d="M107.9983,59.48451C107.9984,58.15049,107.361,56.88564,106.2592,56.03341C105.1571,55.181845,103.7053,54.831213,102.2977,55.0766483L56.987899999999996,62.98886C54.7101,63.38576,53.061099999999996,65.238,53.061099999999996,67.3967L53.0923,107.7516C51.8504,107.3258,50.5373,107.1084,49.214,107.1094C43.01979,107.1094,38,111.7867,38,117.5547C38,123.3243,43.02153,128,49.214,128C55.4065,128,60.428,123.3227,60.428,117.5547L60.428,79.4861L100.6643,72.4596L100.6643,99.8394C99.42240000000001,99.4136,98.10929999999999,99.1962,96.786,99.19720000000001C90.5918,99.19720000000001,85.572,103.8745,85.572,109.6425C85.572,115.4105,90.5935,120.0878,96.786,120.0878C102.9785,120.0878,108,115.4105,108,109.6425Q107.9983,109.4505,107.9983,59.48451Z"
-          fill="#FFFFFF"
-          fill-opacity="1"
-          style="mix-blend-mode: passthrough"
-        />
-      </g>
-    </g>
-  </svg>
-</template>

package/src/components/FilesCard/src/fileSvg/changeFileName.bat

@@ -1,18 +0,0 @@
-@echo off
-chcp 65001 >nul
-rem 开启延迟环境变量扩展
-setlocal enabledelayedexpansion
-
-rem 设置旧的文件扩展名
-set "old_ext=.svg"
-rem 设置新的文件扩展名
-set "new_ext=.vue"
-
-rem 遍历当前目录下所有文件
-for %%f in (*%old_ext%) do (
-    set "filename=%%~nf"
-    ren "%%f" "!filename!!new_ext!"
-    echo 已将 %%f 重命名为 !filename!!new_ext!
-)
-endlocal
-pause    

package/src/components/FilesCard/src/fileSvg/code.vue

@@ -1,35 +0,0 @@
-<template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    fill="none"
-    version="1.1"
-    width="1em"
-    height="1em"
-    viewBox="0 0 150 175"
-  >
-    <g>
-      <g>
-        <path
-          d="M103.622,0L27.5981,0C12.355,0,0,12.3648,0,27.6155L0,147.384C0,162.637,12.357,175,27.5981,175L122.402,175C137.645,175,150,162.635,150,147.384L150,46.4069C150,40.1874,147.532,34.2239,143.136,29.8274L120.191,6.86822C115.795,2.47051,109.835,-0.00000298153,103.622,0Z"
-          fill="currentColor"
-          fill-opacity="1"
-        />
-      </g>
-      <g>
-        <path
-          d="M143.13623844909668,29.827444455909728L120.19133844909668,6.868224455909729C116.89933844909667,3.574394455909729,112.70153844909667,1.336388455909729,108.13313844909668,0.439644455909729L108.13313844909668,26.208644455909727C108.13313844909668,34.38994445590973,114.76073844909668,41.021744455909726,122.93693844909669,41.021744455909726L149.37123844909667,41.021744455909726C148.3722384490967,36.78324445590973,146.21323844909668,32.90694445590973,143.13623844909668,29.827444455909728ZM55.04783844909668,67.17184445590973C53.218138449096685,65.34094445590974,50.249938449096675,65.34094445590974,48.42023844909668,67.17184445590973L28.49052844909668,87.11214445590973C26.66080844909668,88.94304445590973,26.66080844909668,91.91304445590973,28.49052844909668,93.74394445590973L48.41823844909668,113.68464445590973C49.29613844909668,114.56564445590973,50.488838449096676,115.05964445590973,51.73203844909668,115.05764445590972C52.931038449096675,115.05764445590972,54.13203844909668,114.60064445590973,55.04583844909668,113.68464445590973C56.875638449096684,111.85364445590973,56.875638449096684,108.88364445590973,55.04583844909668,107.05264445590973L38.43193844909668,90.42804445590973L55.04593844909668,73.80364445590973C56.877538449096676,71.97274445590973,56.877538449096676,69.00264445590973,55.04783844909668,67.17184445590973ZM101.57783844909667,67.17184445590973C99.74813844909669,65.34094445590974,96.77993844909668,65.34094445590974,94.95023844909667,67.17184445590973C93.12043844909668,69.00264445590973,93.12043844909668,71.97274445590973,94.95023844909667,73.80364445590973L111.56413844909667,90.42804445590973L94.95023844909667,107.05264445590973C93.12043844909668,108.88364445590973,93.12043844909668,111.85364445590973,94.95023844909667,113.68464445590973C95.86603844909668,114.60064445590973,97.06503844909668,115.05764445590972,98.26403844909667,115.05764445590972C99.46293844909668,115.05764445590972,100.66193844909668,114.60064445590973,101.57783844909667,113.68464445590973L121.50553844909668,93.74394445590973C123.33523844909668,91.91304445590973,123.33523844909668,88.94304445590973,121.50553844909668,87.11214445590973L101.57783844909667,67.17184445590973ZM85.38763844909667,57.898244455909726C82.91933844909667,57.11864445590973,80.28703844909668,58.488344455909726,79.50793844909668,60.95814445590973L61.55443844909668,117.86364445590974C60.775238449096676,120.33364445590973,62.14413844909668,122.96764445590973,64.61233844909668,123.74764445590974C65.08103844909668,123.89564445590973,65.55753844909668,123.96564445590973,66.02423844909669,123.96564445590973C68.01403844909669,123.96564445590973,69.86133844909668,122.68664445590973,70.49213844909667,120.68764445590973L88.44563844909668,63.78164445590973C89.22473844909668,61.31184445590973,87.85583844909668,58.67784445590973,85.38763844909667,57.898244455909726Z"
-          fill="#000000"
-          fill-opacity="0.20000000298023224"
-        />
-      </g>
-      <g>
-        <path
-          d="M55.04783844909668,64.82700524414062C53.218138449096685,62.996135244140625,50.249938449096675,62.996135244140625,48.42023844909668,64.82700524414062L28.49052844909668,84.76732524414062C26.66080844909668,86.59822524414062,26.66080844909668,89.56822524414062,28.49052844909668,91.39912524414063L48.41823844909668,111.33942524414063C49.29613844909668,112.22042524414063,50.488838449096676,112.71482524414063,51.73203844909668,112.71312524414063C52.931038449096675,112.71312524414063,54.13203844909668,112.25582524414062,55.04583844909668,111.33942524414063C56.875638449096684,109.50852524414063,56.875638449096684,106.53852524414063,55.04583844909668,104.70762524414062L38.43193844909668,88.08322524414064L55.04593844909668,71.45882524414063C56.877538449096676,69.62792524414063,56.877538449096676,66.65782524414062,55.04783844909668,64.82700524414062ZM121.50753844909669,84.76732524414062L101.57783844909667,64.82700524414062C99.74813844909669,62.996135244140625,96.77993844909668,62.996135244140625,94.95023844909667,64.82700524414062C93.12043844909668,66.65792524414063,93.12043844909668,69.62792524414063,94.95023844909667,71.45882524414063L111.56413844909667,88.08322524414064L94.95023844909667,104.70762524414062C93.12043844909668,106.53852524414063,93.12043844909668,109.50852524414063,94.95023844909667,111.33942524414063C95.86603844909668,112.25582524414062,97.06503844909668,112.71312524414063,98.26403844909667,112.71312524414063C99.46293844909668,112.71312524414063,100.66193844909668,112.25582524414062,101.57783844909667,111.33942524414063L121.50553844909668,91.39912524414063C123.33723844909667,89.56822524414062,123.33723844909667,86.60012524414063,121.50753844909669,84.76732524414062ZM85.38763844909667,55.55343924414063C82.91933844909667,54.773805244140625,80.28703844909668,56.14353824414062,79.50793844909668,58.613365244140624L61.55433844909668,115.51902524414062C60.775238449096676,117.98882524414063,62.14413844909668,120.62272524414063,64.61233844909668,121.40242524414063C65.08103844909668,121.55092524414063,65.55753844909668,121.62122524414063,66.02423844909669,121.62122524414063C68.01403844909669,121.62122524414063,69.86133844909668,120.34142524414062,70.49213844909667,118.34252524414063L88.44563844909668,61.436855244140624C89.22473844909668,58.96702524414062,87.85583844909668,56.333074244140626,85.38763844909667,55.55343924414063Z"
-          fill="#FFFFFF"
-          fill-opacity="1"
-        />
-      </g>
-    </g>
-  </svg>
-</template>