hrp-ui-base 1.4.7 → 1.4.9

package/src/components/layout/components/menu-position-component.vue

@@ -1,97 +1,97 @@
-<!--
- * @description: 菜单栏位置配置
- * @fileName: menu-position-component.vue
-!-->
-<template>
-  <div>
-    <el-dropdown trigger="click" @visible-change="clickChange">
-      <div
-        id="tourMenuPositionId"
-        :class="'icon-box menu-position-icon ' + (isClick ? 'icon-box-active' : '')"
-        @mouseenter="mouseEnterIcon"
-        @mouseleave="mouseLeaveIcon"
-        @mousemove="mouseEnterIcon"
-      >
-        <img :src="menuPositionDefaultIcon" v-if="!isClick" />
-        <img :src="menuPositionActiveIcon" v-if="isClick" />
-      </div>
-      <template #dropdown>
-        <div class="menu-position-dropdown">
-          <span>菜单栏位置</span>
-          <el-segmented
-            v-model="localMenuPosition"
-            :options="menuPositionOption"
-            size="default"
-            @change="changeMenuPosition"
-          />
-        </div>
-      </template>
-    </el-dropdown>
-    <div
-      class="popover-tooltip-custom"
-      ref="popoverTooptipRef"
-      v-show="isMouseEnter && !isClick"
-      style="left: -50%;"
-    >
-      <div class="triangle-top"></div>
-      <div>菜单栏位置</div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, watch } from "vue";
-import menuPositionDefaultIcon from '../../../assets/layout/menu-position-default.svg'
-import menuPositionActiveIcon from '../../../assets/layout/menu-position-active.svg'
-
-const props = defineProps<{
-  menuPosition: string
-}>()
-
-const emit = defineEmits<{
-  (e: 'change', value: string): void
-}>()
-
-const localMenuPosition = ref(props.menuPosition)
-watch(() => props.menuPosition, (val) => { localMenuPosition.value = val })
-
-/** 菜单栏位置选项 */
-const menuPositionOption = ref([
-  { label: "顶部", value: "top" },
-  { label: "左侧", value: "left" },
-]);
-
-const isMouseEnter = ref(false);
-const isClick = ref(false);
-const popoverTooptipRef = ref();
-
-const mouseEnterIcon = () => { isMouseEnter.value = true };
-const mouseLeaveIcon = () => { isMouseEnter.value = false };
-
-const clickChange = (isVisiable: boolean) => {
-  isClick.value = isVisiable;
-  isMouseEnter.value = false;
-};
-
-const changeMenuPosition = (menuPosition: string | number | boolean) => {
-  emit('change', menuPosition as string);
-};
-</script>
-
-<style scoped lang="scss">
-@use '../styles/icon.scss';
-
-.menu-position-dropdown {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  padding: 10px 12px;
-  white-space: nowrap;
-}
-
-.menu-position-icon {
-  img {
-    width: 23px;
-  }
-}
-</style>
+<!--
+ * @description: 菜单栏位置配置
+ * @fileName: menu-position-component.vue
+!-->
+<template>
+  <div>
+    <el-dropdown trigger="click" @visible-change="clickChange">
+      <div
+        id="tourMenuPositionId"
+        :class="'icon-box menu-position-icon ' + (isClick ? 'icon-box-active' : '')"
+        @mouseenter="mouseEnterIcon"
+        @mouseleave="mouseLeaveIcon"
+        @mousemove="mouseEnterIcon"
+      >
+        <img :src="menuPositionDefaultIcon" v-if="!isClick" />
+        <img :src="menuPositionActiveIcon" v-if="isClick" />
+      </div>
+      <template #dropdown>
+        <div class="menu-position-dropdown">
+          <span>菜单栏位置</span>
+          <el-segmented
+            v-model="localMenuPosition"
+            :options="menuPositionOption"
+            size="default"
+            @change="changeMenuPosition"
+          />
+        </div>
+      </template>
+    </el-dropdown>
+    <div
+      class="popover-tooltip-custom"
+      ref="popoverTooptipRef"
+      v-show="isMouseEnter && !isClick"
+      style="left: -50%;"
+    >
+      <div class="triangle-top"></div>
+      <div>菜单栏位置</div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, watch } from "vue";
+import menuPositionDefaultIcon from '../../../assets/layout/menu-position-default.svg'
+import menuPositionActiveIcon from '../../../assets/layout/menu-position-active.svg'
+
+const props = defineProps<{
+  menuPosition: string
+}>()
+
+const emit = defineEmits<{
+  (e: 'change', value: string): void
+}>()
+
+const localMenuPosition = ref(props.menuPosition)
+watch(() => props.menuPosition, (val) => { localMenuPosition.value = val })
+
+/** 菜单栏位置选项 */
+const menuPositionOption = ref([
+  { label: "顶部", value: "top" },
+  { label: "左侧", value: "left" },
+]);
+
+const isMouseEnter = ref(false);
+const isClick = ref(false);
+const popoverTooptipRef = ref();
+
+const mouseEnterIcon = () => { isMouseEnter.value = true };
+const mouseLeaveIcon = () => { isMouseEnter.value = false };
+
+const clickChange = (isVisiable: boolean) => {
+  isClick.value = isVisiable;
+  isMouseEnter.value = false;
+};
+
+const changeMenuPosition = (menuPosition: string | number | boolean) => {
+  emit('change', menuPosition as string);
+};
+</script>
+
+<style scoped lang="scss">
+@use '../styles/icon.scss';
+
+.menu-position-dropdown {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 10px 12px;
+  white-space: nowrap;
+}
+
+.menu-position-icon {
+  img {
+    width: 23px;
+  }
+}
+</style>

package/src/components/layout/components/message-component.vue

@@ -1,64 +1,64 @@
-<!--
- * @description: 消息通知按钮
- * @fileName: message-component.vue
-!-->
-<template>
-  <div id="tourMessageId">
-    <div :class="'icon-box ' + (isClick ? 'icon-box-active' : '')" @click="showNotice" @mouseenter="mouseEnterIcon"
-      @mouseleave="mouseLeaveIcon" @mousemove="mouseEnterIcon" style="margin-top:2px; overflow: visible;position:relative;"
-      id="tourMessageButtonAreaId">
-      <el-badge :value="noticeCount" class="item" :max="99" :hidden="noticeCount === 0" :offset="[0, 1]">
-        <img :src="messageDefaultIcon" v-if="!isClick">
-        <img :src="messageActiveIcon" v-if="isClick">
-      </el-badge>
-    </div>
-    <div class="popover-tooltip-custom" ref="popoverTooptipRef" v-show="isMouseEnter && !isClick">
-      <div class="triangle-top"></div>
-      <div>消息通知</div>
-    </div>
-  </div>
-</template>
-
-<script setup lang='ts'>
-import { ref, watch } from 'vue'
-import messageDefaultIcon from '../../../assets/layout/message-default.svg'
-import messageActiveIcon from '../../../assets/layout/message-active.svg'
-
-const props = defineProps<{
-  noticeCount?: number
-  active?: boolean
-}>()
-
-const emit = defineEmits<{
-  (e: 'click', isOpen: boolean): void
-}>()
-
-const isMouseEnter = ref(false)
-const isClick = ref(props.active || false)
-
-watch(() => props.active, (val) => { isClick.value = !!val })
-
-const noticeCount = ref(props.noticeCount || 0)
-watch(() => props.noticeCount, (val) => { noticeCount.value = val || 0 })
-
-const mouseEnterIcon = () => { isMouseEnter.value = true }
-const mouseLeaveIcon = () => { isMouseEnter.value = false }
-
-/** 显示通知 */
-const showNotice = () => {
-  isClick.value = !isClick.value
-  isMouseEnter.value = false
-  emit('click', isClick.value)
-}
-
-/** 外部关闭 */
-const close = () => {
-  isClick.value = false
-}
-
-defineExpose({ close })
-</script>
-
-<style scoped lang='scss'>
-@use '../styles/icon.scss';
-</style>
+<!--
+ * @description: 消息通知按钮
+ * @fileName: message-component.vue
+!-->
+<template>
+  <div id="tourMessageId">
+    <div :class="'icon-box ' + (isClick ? 'icon-box-active' : '')" @click="showNotice" @mouseenter="mouseEnterIcon"
+      @mouseleave="mouseLeaveIcon" @mousemove="mouseEnterIcon" style="margin-top:2px; overflow: visible;position:relative;"
+      id="tourMessageButtonAreaId">
+      <el-badge :value="noticeCount" class="item" :max="99" :hidden="noticeCount === 0" :offset="[0, 1]">
+        <img :src="messageDefaultIcon" v-if="!isClick">
+        <img :src="messageActiveIcon" v-if="isClick">
+      </el-badge>
+    </div>
+    <div class="popover-tooltip-custom" ref="popoverTooptipRef" v-show="isMouseEnter && !isClick">
+      <div class="triangle-top"></div>
+      <div>消息通知</div>
+    </div>
+  </div>
+</template>
+
+<script setup lang='ts'>
+import { ref, watch } from 'vue'
+import messageDefaultIcon from '../../../assets/layout/message-default.svg'
+import messageActiveIcon from '../../../assets/layout/message-active.svg'
+
+const props = defineProps<{
+  noticeCount?: number
+  active?: boolean
+}>()
+
+const emit = defineEmits<{
+  (e: 'click', isOpen: boolean): void
+}>()
+
+const isMouseEnter = ref(false)
+const isClick = ref(props.active || false)
+
+watch(() => props.active, (val) => { isClick.value = !!val })
+
+const noticeCount = ref(props.noticeCount || 0)
+watch(() => props.noticeCount, (val) => { noticeCount.value = val || 0 })
+
+const mouseEnterIcon = () => { isMouseEnter.value = true }
+const mouseLeaveIcon = () => { isMouseEnter.value = false }
+
+/** 显示通知 */
+const showNotice = () => {
+  isClick.value = !isClick.value
+  isMouseEnter.value = false
+  emit('click', isClick.value)
+}
+
+/** 外部关闭 */
+const close = () => {
+  isClick.value = false
+}
+
+defineExpose({ close })
+</script>
+
+<style scoped lang='scss'>
+@use '../styles/icon.scss';
+</style>

package/src/components/layout/components/todo-component.vue

@@ -1,55 +1,55 @@
-<!--
- * @description: 审批中心（抽屉展示）
- * @fileName: todo-component.vue
-!-->
-<template>
-  <div>
-    <div :class="'icon-box ' + (isActive ? 'icon-box-active' : '')" @click="showTodo" id="tourToDoId"
-      @mouseenter="mouseEnterIcon" @mouseleave="mouseLeaveIcon" @mousemove="mouseEnterIcon" style="overflow: visible">
-      <el-badge :value="approvalCount" class="item" :max="99" :hidden="approvalCount === 0" :offset="[0, 2]">
-        <img :src="todoDefaultIcon" v-if="!isActive">
-        <img :src="todoActiveIcon" v-if="isActive">
-      </el-badge>
-    </div>
-    <div class="popover-tooltip-custom" ref="popoverTooptipRef" v-show="isMouseEnter && !isActive">
-      <div class="triangle-top"></div>
-      <div>审批中心</div>
-    </div>
-  </div>
-</template>
-
-<script setup lang='ts'>
-import { ref, watch } from 'vue'
-import todoDefaultIcon from '../../../assets/layout/todo-default.svg'
-import todoActiveIcon from '../../../assets/layout/todo-active.svg'
-
-const props = defineProps<{
-  approvalCount?: number
-  active?: boolean
-}>()
-
-const emit = defineEmits<{
-  (e: 'click'): void
-}>()
-
-const isMouseEnter = ref(false)
-const isActive = ref(props.active || false)
-
-watch(() => props.active, (val) => { isActive.value = !!val })
-
-const mouseEnterIcon = () => { isMouseEnter.value = true }
-const mouseLeaveIcon = () => { isMouseEnter.value = false }
-
-const approvalCount = ref(props.approvalCount || 0)
-watch(() => props.approvalCount, (val) => { approvalCount.value = val || 0 })
-
-/** 点击审批中心 */
-const showTodo = () => {
-  isActive.value = !isActive.value
-  emit('click')
-}
-</script>
-
-<style scoped lang='scss'>
-@use '../styles/icon.scss';
-</style>
+<!--
+ * @description: 审批中心（抽屉展示）
+ * @fileName: todo-component.vue
+!-->
+<template>
+  <div>
+    <div :class="'icon-box ' + (isActive ? 'icon-box-active' : '')" @click="showTodo" id="tourToDoId"
+      @mouseenter="mouseEnterIcon" @mouseleave="mouseLeaveIcon" @mousemove="mouseEnterIcon" style="overflow: visible">
+      <el-badge :value="approvalCount" class="item" :max="99" :hidden="approvalCount === 0" :offset="[0, 2]">
+        <img :src="todoDefaultIcon" v-if="!isActive">
+        <img :src="todoActiveIcon" v-if="isActive">
+      </el-badge>
+    </div>
+    <div class="popover-tooltip-custom" ref="popoverTooptipRef" v-show="isMouseEnter && !isActive">
+      <div class="triangle-top"></div>
+      <div>审批中心</div>
+    </div>
+  </div>
+</template>
+
+<script setup lang='ts'>
+import { ref, watch } from 'vue'
+import todoDefaultIcon from '../../../assets/layout/todo-default.svg'
+import todoActiveIcon from '../../../assets/layout/todo-active.svg'
+
+const props = defineProps<{
+  approvalCount?: number
+  active?: boolean
+}>()
+
+const emit = defineEmits<{
+  (e: 'click'): void
+}>()
+
+const isMouseEnter = ref(false)
+const isActive = ref(props.active || false)
+
+watch(() => props.active, (val) => { isActive.value = !!val })
+
+const mouseEnterIcon = () => { isMouseEnter.value = true }
+const mouseLeaveIcon = () => { isMouseEnter.value = false }
+
+const approvalCount = ref(props.approvalCount || 0)
+watch(() => props.approvalCount, (val) => { approvalCount.value = val || 0 })
+
+/** 点击审批中心 */
+const showTodo = () => {
+  isActive.value = !isActive.value
+  emit('click')
+}
+</script>
+
+<style scoped lang='scss'>
+@use '../styles/icon.scss';
+</style>

package/src/components/layout/index.ts

@@ -1,34 +1,34 @@
-// Layout components
-export { default as SysHeader } from './SysHeader.vue'
-export { default as SysHeaderLeft } from './SysHeaderLeft.vue'
-export { default as SysHeaderRight } from './SysHeaderRight.vue'
-export { default as SysHeaderTabs } from './SysHeaderTabs.vue'
-export { default as SideMenu } from './sideMenu.vue'
-export { default as SideMenuSonList } from './sideMenuSonList.vue'
-export { default as PersonalizationGuideDialog } from './personalization-guide-dialog.vue'
-export { default as MessageNotificationDrawer } from './message/message-notification-drawer.vue'
-export { default as LayoutContainer } from './LayoutContainer.vue'
-export { default as ExportCenterDrawer } from './ExportCenterDrawer.vue'
-export { default as ApprovalCenterDrawer } from './ApprovalCenterDrawer.vue'
-
-// Sub-components
-export { default as DarkComponent } from './components/dark-component.vue'
-export { default as FontSizeComponent } from './components/font-size-component.vue'
-export { default as MenuPositionComponent } from './components/menu-position-component.vue'
-export { default as DownloadComponent } from './components/download-component.vue'
-export { default as TodoComponent } from './components/todo-component.vue'
-export { default as MessageComponent } from './components/message-component.vue'
-export { default as AvatarComponent } from './components/avatar-component.vue'
-
-// Types
-export * from './types'
-
-// Stores
-export * from './stores'
-
-// Plugin
-export { createLayoutPlugin } from './plugin'
-export type { LayoutPluginOptions } from './plugin'
-
-// Message dictionary
-export { NOTIFICATION_TYPE } from './message/message-dictionary'
+// Layout components
+export { default as SysHeader } from './SysHeader.vue'
+export { default as SysHeaderLeft } from './SysHeaderLeft.vue'
+export { default as SysHeaderRight } from './SysHeaderRight.vue'
+export { default as SysHeaderTabs } from './SysHeaderTabs.vue'
+export { default as SideMenu } from './sideMenu.vue'
+export { default as SideMenuSonList } from './sideMenuSonList.vue'
+export { default as PersonalizationGuideDialog } from './personalization-guide-dialog.vue'
+export { default as MessageNotificationDrawer } from './message/message-notification-drawer.vue'
+export { default as LayoutContainer } from './LayoutContainer.vue'
+export { default as ExportCenterDrawer } from './ExportCenterDrawer.vue'
+export { default as ApprovalCenterDrawer } from './ApprovalCenterDrawer.vue'
+
+// Sub-components
+export { default as DarkComponent } from './components/dark-component.vue'
+export { default as FontSizeComponent } from './components/font-size-component.vue'
+export { default as MenuPositionComponent } from './components/menu-position-component.vue'
+export { default as DownloadComponent } from './components/download-component.vue'
+export { default as TodoComponent } from './components/todo-component.vue'
+export { default as MessageComponent } from './components/message-component.vue'
+export { default as AvatarComponent } from './components/avatar-component.vue'
+
+// Types
+export * from './types'
+
+// Stores
+export * from './stores'
+
+// Plugin
+export { createLayoutPlugin } from './plugin'
+export type { LayoutPluginOptions } from './plugin'
+
+// Message dictionary
+export { NOTIFICATION_TYPE } from './message/message-dictionary'

package/src/components/layout/message/message-dictionary.ts

@@ -1,27 +1,27 @@
-/** 通知类型字典 */
-export const NOTIFICATION_TYPE: {name: string, id: string}[] = [
-    {
-        name: "全部通知",
-        id: "all",
-    },
-    {
-        name: "未读通知",
-        id: "unread",
-    },
-    {
-        name: "审批通知",
-        id: "approval-notice",
-    },
-    {
-        name: "系统通知",
-        id: "system-notice",
-    },
-    {
-        name: "公告通知",
-        id: "message-notice",
-    },
-    {
-        name: "导出通知",
-        id: "file-notice",
-    },
-];
+/** 通知类型字典 */
+export const NOTIFICATION_TYPE: {name: string, id: string}[] = [
+    {
+        name: "全部通知",
+        id: "all",
+    },
+    {
+        name: "未读通知",
+        id: "unread",
+    },
+    {
+        name: "审批通知",
+        id: "approval-notice",
+    },
+    {
+        name: "系统通知",
+        id: "system-notice",
+    },
+    {
+        name: "公告通知",
+        id: "message-notice",
+    },
+    {
+        name: "导出通知",
+        id: "file-notice",
+    },
+];

package/src/components/layout/message/message-icon//345/205/250/351/203/250/351/200/232/347/237/245-/350/223/235.svg

@@ -1,8 +1,8 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34">
-  <g id="组_1253" data-name="组 1253" transform="translate(19670.5 18180)">
-    <g id="组_1085" data-name="组 1085" transform="translate(-19899.422 -18315.922)">
-      <rect id="BG" width="34" height="34" rx="4" transform="translate(228.923 135.922)" fill="none"/>
-      <path id="通知管理" d="M123.644,88.482h-2.008V77.655a10.081,10.081,0,0,0-6.438-9.371,3.7,3.7,0,0,0-7.255.01,10.121,10.121,0,0,0-6.437,9.4V88.483h-1.95a1.006,1.006,0,0,0,0,2.01h7.575a4.808,4.808,0,0,0,8.889,0h7.624a1.006,1.006,0,0,0,0-2.01Zm-12.072-21.6a2.123,2.123,0,0,1,1.712.871,10.026,10.026,0,0,0-3.43.006A2.123,2.123,0,0,1,111.571,66.882ZM103.518,77.69a7.956,7.956,0,0,1,.635-3.128,8.168,8.168,0,0,1,4.308-4.308,8,8,0,0,1,6.242,0,8.133,8.133,0,0,1,4.286,4.289,7.921,7.921,0,0,1,.633,3.113V88.48h-16.1Zm8.058,14.2a3.235,3.235,0,0,1-2.664-1.4h5.33A3.235,3.235,0,0,1,111.575,91.894Z" transform="translate(134.322 73.533)" fill="#409eff"/>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34">
+  <g id="组_1253" data-name="组 1253" transform="translate(19670.5 18180)">
+    <g id="组_1085" data-name="组 1085" transform="translate(-19899.422 -18315.922)">
+      <rect id="BG" width="34" height="34" rx="4" transform="translate(228.923 135.922)" fill="none"/>
+      <path id="通知管理" d="M123.644,88.482h-2.008V77.655a10.081,10.081,0,0,0-6.438-9.371,3.7,3.7,0,0,0-7.255.01,10.121,10.121,0,0,0-6.437,9.4V88.483h-1.95a1.006,1.006,0,0,0,0,2.01h7.575a4.808,4.808,0,0,0,8.889,0h7.624a1.006,1.006,0,0,0,0-2.01Zm-12.072-21.6a2.123,2.123,0,0,1,1.712.871,10.026,10.026,0,0,0-3.43.006A2.123,2.123,0,0,1,111.571,66.882ZM103.518,77.69a7.956,7.956,0,0,1,.635-3.128,8.168,8.168,0,0,1,4.308-4.308,8,8,0,0,1,6.242,0,8.133,8.133,0,0,1,4.286,4.289,7.921,7.921,0,0,1,.633,3.113V88.48h-16.1Zm8.058,14.2a3.235,3.235,0,0,1-2.664-1.4h5.33A3.235,3.235,0,0,1,111.575,91.894Z" transform="translate(134.322 73.533)" fill="#409eff"/>
+    </g>
+  </g>
+</svg>

package/src/components/layout/message/message-icon//345/205/250/351/203/250/351/200/232/347/237/245-/351/273/221.svg

@@ -1,8 +1,8 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34">
-  <g id="组_1252" data-name="组 1252" transform="translate(19670.5 18180)">
-    <g id="组_1085" data-name="组 1085" transform="translate(-19899.422 -18315.922)">
-      <rect id="BG" width="34" height="34" rx="4" transform="translate(228.923 135.922)" fill="none"/>
-      <path id="通知管理" d="M123.644,88.482h-2.008V77.655a10.081,10.081,0,0,0-6.438-9.371,3.7,3.7,0,0,0-7.255.01,10.121,10.121,0,0,0-6.437,9.4V88.483h-1.95a1.006,1.006,0,0,0,0,2.01h7.575a4.808,4.808,0,0,0,8.889,0h7.624a1.006,1.006,0,0,0,0-2.01Zm-12.072-21.6a2.123,2.123,0,0,1,1.712.871,10.026,10.026,0,0,0-3.43.006A2.123,2.123,0,0,1,111.571,66.882ZM103.518,77.69a7.956,7.956,0,0,1,.635-3.128,8.168,8.168,0,0,1,4.308-4.308,8,8,0,0,1,6.242,0,8.133,8.133,0,0,1,4.286,4.289,7.921,7.921,0,0,1,.633,3.113V88.48h-16.1Zm8.058,14.2a3.235,3.235,0,0,1-2.664-1.4h5.33A3.235,3.235,0,0,1,111.575,91.894Z" transform="translate(134.322 73.533)" fill="#303133"/>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34">
+  <g id="组_1252" data-name="组 1252" transform="translate(19670.5 18180)">
+    <g id="组_1085" data-name="组 1085" transform="translate(-19899.422 -18315.922)">
+      <rect id="BG" width="34" height="34" rx="4" transform="translate(228.923 135.922)" fill="none"/>
+      <path id="通知管理" d="M123.644,88.482h-2.008V77.655a10.081,10.081,0,0,0-6.438-9.371,3.7,3.7,0,0,0-7.255.01,10.121,10.121,0,0,0-6.437,9.4V88.483h-1.95a1.006,1.006,0,0,0,0,2.01h7.575a4.808,4.808,0,0,0,8.889,0h7.624a1.006,1.006,0,0,0,0-2.01Zm-12.072-21.6a2.123,2.123,0,0,1,1.712.871,10.026,10.026,0,0,0-3.43.006A2.123,2.123,0,0,1,111.571,66.882ZM103.518,77.69a7.956,7.956,0,0,1,.635-3.128,8.168,8.168,0,0,1,4.308-4.308,8,8,0,0,1,6.242,0,8.133,8.133,0,0,1,4.286,4.289,7.921,7.921,0,0,1,.633,3.113V88.48h-16.1Zm8.058,14.2a3.235,3.235,0,0,1-2.664-1.4h5.33A3.235,3.235,0,0,1,111.575,91.894Z" transform="translate(134.322 73.533)" fill="#303133"/>
+    </g>
+  </g>
+</svg>

package/src/components/layout/message/message-icon//345/205/250/351/203/250/351/200/232/347/237/245.svg

@@ -1,8 +1,8 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34">
-  <g id="组_1251" data-name="组 1251" transform="translate(19670.5 18180)">
-    <g id="组_1085" data-name="组 1085" transform="translate(-19899.422 -18315.922)">
-      <rect id="BG" width="34" height="34" rx="4" transform="translate(228.923 135.922)" fill="none"/>
-      <path id="通知管理" d="M123.644,88.482h-2.008V77.655a10.081,10.081,0,0,0-6.438-9.371,3.7,3.7,0,0,0-7.255.01,10.121,10.121,0,0,0-6.437,9.4V88.483h-1.95a1.006,1.006,0,0,0,0,2.01h7.575a4.808,4.808,0,0,0,8.889,0h7.624a1.006,1.006,0,0,0,0-2.01Zm-12.072-21.6a2.123,2.123,0,0,1,1.712.871,10.026,10.026,0,0,0-3.43.006A2.123,2.123,0,0,1,111.571,66.882ZM103.518,77.69a7.956,7.956,0,0,1,.635-3.128,8.168,8.168,0,0,1,4.308-4.308,8,8,0,0,1,6.242,0,8.133,8.133,0,0,1,4.286,4.289,7.921,7.921,0,0,1,.633,3.113V88.48h-16.1Zm8.058,14.2a3.235,3.235,0,0,1-2.664-1.4h5.33A3.235,3.235,0,0,1,111.575,91.894Z" transform="translate(134.322 73.533)" fill="#909399"/>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34">
+  <g id="组_1251" data-name="组 1251" transform="translate(19670.5 18180)">
+    <g id="组_1085" data-name="组 1085" transform="translate(-19899.422 -18315.922)">
+      <rect id="BG" width="34" height="34" rx="4" transform="translate(228.923 135.922)" fill="none"/>
+      <path id="通知管理" d="M123.644,88.482h-2.008V77.655a10.081,10.081,0,0,0-6.438-9.371,3.7,3.7,0,0,0-7.255.01,10.121,10.121,0,0,0-6.437,9.4V88.483h-1.95a1.006,1.006,0,0,0,0,2.01h7.575a4.808,4.808,0,0,0,8.889,0h7.624a1.006,1.006,0,0,0,0-2.01Zm-12.072-21.6a2.123,2.123,0,0,1,1.712.871,10.026,10.026,0,0,0-3.43.006A2.123,2.123,0,0,1,111.571,66.882ZM103.518,77.69a7.956,7.956,0,0,1,.635-3.128,8.168,8.168,0,0,1,4.308-4.308,8,8,0,0,1,6.242,0,8.133,8.133,0,0,1,4.286,4.289,7.921,7.921,0,0,1,.633,3.113V88.48h-16.1Zm8.058,14.2a3.235,3.235,0,0,1-2.664-1.4h5.33A3.235,3.235,0,0,1,111.575,91.894Z" transform="translate(134.322 73.533)" fill="#909399"/>
+    </g>
+  </g>
+</svg>