hrp-ui-base 1.0.1 → 1.0.3

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

@@ -0,0 +1,49 @@
+<!--
+ * @description: 下载中心（抽屉展示）
+ * @fileName: download-component.vue
+!-->
+<template>
+  <div>
+    <!-- 下载中心 -->
+    <div :class="'icon-box ' + (isActive ? 'icon-box-active' : '')" @click="showDownload" id="tourDownloadId"
+      @mouseenter="mouseEnterIcon" @mouseleave="mouseLeaveIcon" @mousemove="mouseEnterIcon" style="overflow: visible">
+      <img :src="downloadDefaultIcon" v-if="!isActive">
+      <img :src="downloadActiveIcon" v-if="isActive">
+    </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 downloadDefaultIcon from '../../../assets/layout/download-default.svg'
+import downloadActiveIcon from '../../../assets/layout/download-active.svg'
+
+const props = defineProps<{
+  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 showDownload = () => {
+  emit('click')
+}
+</script>
+
+<style scoped lang='scss'>
+@use '../styles/icon.scss';
+</style>

package/src/components/layout/components/font-size-component.vue

@@ -0,0 +1,66 @@
+<!--
+ * @description: 字体大小调整组件
+ * @fileName: font-size-component.vue
+!-->
+<template>
+  <div>
+    <el-dropdown trigger="click" @visible-change="clickChange">
+      <div id="tourFontSizeId" :class="'icon-box ' + (isClick ? 'icon-box-active' : '')" @mouseenter="mouseEnterIcon"
+        @mouseleave="mouseLeaveIcon" @mousemove="mouseEnterIcon">
+        <img :src="fontDefaultIcon" v-if="!isClick">
+        <img :src="fontActiveIcon" v-if="isClick">
+      </div>
+      <template #dropdown>
+        <el-segmented @change="changeFontSize" v-model="localFontSize" :options="fontSizeOption"
+          size="default" />
+      </template>
+    </el-dropdown>
+    <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 fontDefaultIcon from '../../../assets/layout/font-default.svg'
+import fontActiveIcon from '../../../assets/layout/font-active.svg'
+
+const props = defineProps<{
+  fontSize: string
+}>()
+
+const emit = defineEmits<{
+  (e: 'change', size: string): void
+}>()
+
+const localFontSize = ref(props.fontSize)
+watch(() => props.fontSize, (val) => { localFontSize.value = val })
+
+/** 字体的选项 */
+const fontSizeOption = ref([
+  { label: '小', value: 'small' },
+  { label: '中', value: 'medium' },
+  { label: '大', value: 'large' },
+])
+
+const isMouseEnter = ref(false)
+const isClick = ref(false)
+
+const mouseEnterIcon = () => { isMouseEnter.value = true }
+const mouseLeaveIcon = () => { isMouseEnter.value = false }
+
+const clickChange = (isVisiable: boolean) => {
+  isClick.value = isVisiable
+  isMouseEnter.value = false
+}
+
+const changeFontSize = (size: string | number | boolean) => {
+  emit('change', size as string)
+}
+</script>
+
+<style scoped lang='scss'>
+@use '../styles/icon.scss';
+</style>

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

@@ -0,0 +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>

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

@@ -0,0 +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>

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

@@ -0,0 +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>

package/src/components/layout/index.ts

@@ -0,0 +1,24 @@
+// 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'
+
+// 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'
+
+// Message dictionary
+export { NOTIFICATION_TYPE } from './message/message-dictionary'

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

@@ -0,0 +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",
+    },
+];

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

@@ -0,0 +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>

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

@@ -0,0 +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>

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

@@ -0,0 +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>

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

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34">
+  <g id="组_1173" data-name="组 1173" 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"/>
+      <g id="公告-通知-02" transform="translate(198.822 94.127)">
+        <path id="路径_375" data-name="路径 375" d="M57.633,351.844H36.612a2.4,2.4,0,0,1-2.512-2.3V336.8a2.4,2.4,0,0,1,2.512-2.3H57.586a2.4,2.4,0,0,1,2.512,2.3V349.59A2.319,2.319,0,0,1,57.633,351.844ZM36.612,335.88a1.043,1.043,0,0,0-1.117.919V349.59a1.041,1.041,0,0,0,1.117.919H57.586a1.043,1.043,0,0,0,1.117-.919V336.8a1.041,1.041,0,0,0-1.117-.919Z" transform="translate(0 -280.353)" fill="#409eff"/>
+        <path id="路径_376" data-name="路径 376" d="M265.265,145.91l.966-1.01,5.215,5.455-.966,1.01Zm-7.365,4.467,5.215-5.455.966,1.01-5.215,5.455Z" transform="translate(-217.555 -96.043)" fill="#409eff"/>
+        <path id="路径_377" data-name="路径 377" d="M193.132,50.386a2.144,2.144,0,1,1,2.07-2.143A2.1,2.1,0,0,1,193.132,50.386Zm0-2.857a.715.715,0,1,0,.69.714A.718.718,0,0,0,193.132,47.529ZM201.274,60H184.99a.715.715,0,0,1,0-1.429h16.284a.715.715,0,0,1,0,1.429Zm0,3.812H184.99a.715.715,0,0,1,0-1.429h16.284a.715.715,0,0,1,0,1.429Zm-6.026,3.856H184.99a.715.715,0,0,1,0-1.429h10.258a.715.715,0,0,1,0,1.429Z" transform="translate(-146.009)" fill="#409eff"/>
+      </g>
+    </g>
+  </g>
+</svg>

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

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34">
+  <g id="组_1171" data-name="组 1171" 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"/>
+      <g id="公告-通知-02" transform="translate(198.822 94.127)">
+        <path id="路径_375" data-name="路径 375" d="M57.633,351.844H36.612a2.4,2.4,0,0,1-2.512-2.3V336.8a2.4,2.4,0,0,1,2.512-2.3H57.586a2.4,2.4,0,0,1,2.512,2.3V349.59A2.319,2.319,0,0,1,57.633,351.844ZM36.612,335.88a1.043,1.043,0,0,0-1.117.919V349.59a1.041,1.041,0,0,0,1.117.919H57.586a1.043,1.043,0,0,0,1.117-.919V336.8a1.041,1.041,0,0,0-1.117-.919Z" transform="translate(0 -280.353)" fill="#303133"/>
+        <path id="路径_376" data-name="路径 376" d="M265.265,145.91l.966-1.01,5.215,5.455-.966,1.01Zm-7.365,4.467,5.215-5.455.966,1.01-5.215,5.455Z" transform="translate(-217.555 -96.043)" fill="#303133"/>
+        <path id="路径_377" data-name="路径 377" d="M193.132,50.386a2.144,2.144,0,1,1,2.07-2.143A2.1,2.1,0,0,1,193.132,50.386Zm0-2.857a.715.715,0,1,0,.69.714A.718.718,0,0,0,193.132,47.529ZM201.274,60H184.99a.715.715,0,0,1,0-1.429h16.284a.715.715,0,0,1,0,1.429Zm0,3.812H184.99a.715.715,0,0,1,0-1.429h16.284a.715.715,0,0,1,0,1.429Zm-6.026,3.856H184.99a.715.715,0,0,1,0-1.429h10.258a.715.715,0,0,1,0,1.429Z" transform="translate(-146.009)" fill="#303133"/>
+      </g>
+    </g>
+  </g>
+</svg>

package/src/components/layout/message/message-icon//345/205/254/345/221/212/351/200/232/347/237/245.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34">
+  <g id="组_1166" data-name="组 1166" 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"/>
+      <g id="公告-通知-02" transform="translate(198.822 94.127)">
+        <path id="路径_375" data-name="路径 375" d="M57.633,351.844H36.612a2.4,2.4,0,0,1-2.512-2.3V336.8a2.4,2.4,0,0,1,2.512-2.3H57.586a2.4,2.4,0,0,1,2.512,2.3V349.59A2.319,2.319,0,0,1,57.633,351.844ZM36.612,335.88a1.043,1.043,0,0,0-1.117.919V349.59a1.041,1.041,0,0,0,1.117.919H57.586a1.043,1.043,0,0,0,1.117-.919V336.8a1.041,1.041,0,0,0-1.117-.919Z" transform="translate(0 -280.353)" fill="#909399"/>
+        <path id="路径_376" data-name="路径 376" d="M265.265,145.91l.966-1.01,5.215,5.455-.966,1.01Zm-7.365,4.467,5.215-5.455.966,1.01-5.215,5.455Z" transform="translate(-217.555 -96.043)" fill="#909399"/>
+        <path id="路径_377" data-name="路径 377" d="M193.132,50.386a2.144,2.144,0,1,1,2.07-2.143A2.1,2.1,0,0,1,193.132,50.386Zm0-2.857a.715.715,0,1,0,.69.714A.718.718,0,0,0,193.132,47.529ZM201.274,60H184.99a.715.715,0,0,1,0-1.429h16.284a.715.715,0,0,1,0,1.429Zm0,3.812H184.99a.715.715,0,0,1,0-1.429h16.284a.715.715,0,0,1,0,1.429Zm-6.026,3.856H184.99a.715.715,0,0,1,0-1.429h10.258a.715.715,0,0,1,0,1.429Z" transform="translate(-146.009)" fill="#909399"/>
+      </g>
+    </g>
+  </g>
+</svg>

package/src/components/layout/message/message-icon//345/256/241/346/211/271/351/200/232/347/237/245-/350/223/235.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34">
+  <g id="组_1256" data-name="组 1256" 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="M119.212,57.914H96.928a.928.928,0,0,1,0-1.857h22.284a.928.928,0,0,1,0,1.857Zm0-3.714H96.928A.931.931,0,0,1,96,53.272V48.629a2.794,2.794,0,0,1,2.785-2.785h5.942a6.541,6.541,0,0,0-1.532-3.11,6.513,6.513,0,0,1,5.153-10.817,6.509,6.509,0,0,1,4.5,10.91,5.57,5.57,0,0,0-1.439,3.018h5.942a2.794,2.794,0,0,1,2.785,2.785v4.642A.931.931,0,0,1,119.212,54.2ZM97.857,52.343h20.427V48.629a.931.931,0,0,0-.928-.928h-6.964a.931.931,0,0,1-.928-.928,7.581,7.581,0,0,1,2-5.2,4.633,4.633,0,0,0-3.2-7.8,4.51,4.51,0,0,0-3.389,1.3,4.6,4.6,0,0,0-1.439,3.343,4.659,4.659,0,0,0,1.161,3.064,8.029,8.029,0,0,1,2.089,5.292.931.931,0,0,1-.928.928H98.785a.931.931,0,0,0-.928.928Z" transform="translate(137.852 108.008)" fill="#409eff"/>
+    </g>
+  </g>
+</svg>

package/src/components/layout/message/message-icon//345/256/241/346/211/271/351/200/232/347/237/245-/351/273/221.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34">
+  <g id="组_1255" data-name="组 1255" 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="M119.212,57.914H96.928a.928.928,0,0,1,0-1.857h22.284a.928.928,0,0,1,0,1.857Zm0-3.714H96.928A.931.931,0,0,1,96,53.272V48.629a2.794,2.794,0,0,1,2.785-2.785h5.942a6.541,6.541,0,0,0-1.532-3.11,6.513,6.513,0,0,1,5.153-10.817,6.509,6.509,0,0,1,4.5,10.91,5.57,5.57,0,0,0-1.439,3.018h5.942a2.794,2.794,0,0,1,2.785,2.785v4.642A.931.931,0,0,1,119.212,54.2ZM97.857,52.343h20.427V48.629a.931.931,0,0,0-.928-.928h-6.964a.931.931,0,0,1-.928-.928,7.581,7.581,0,0,1,2-5.2,4.633,4.633,0,0,0-3.2-7.8,4.51,4.51,0,0,0-3.389,1.3,4.6,4.6,0,0,0-1.439,3.343,4.659,4.659,0,0,0,1.161,3.064,8.029,8.029,0,0,1,2.089,5.292.931.931,0,0,1-.928.928H98.785a.931.931,0,0,0-.928.928Z" transform="translate(137.852 108.008)" fill="#303133"/>
+    </g>
+  </g>
+</svg>

package/src/components/layout/message/message-icon//345/256/241/346/211/271/351/200/232/347/237/245.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34">
+  <g id="组_1254" data-name="组 1254" 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="M119.212,57.914H96.928a.928.928,0,0,1,0-1.857h22.284a.928.928,0,0,1,0,1.857Zm0-3.714H96.928A.931.931,0,0,1,96,53.272V48.629a2.794,2.794,0,0,1,2.785-2.785h5.942a6.541,6.541,0,0,0-1.532-3.11,6.513,6.513,0,0,1,5.153-10.817,6.509,6.509,0,0,1,4.5,10.91,5.57,5.57,0,0,0-1.439,3.018h5.942a2.794,2.794,0,0,1,2.785,2.785v4.642A.931.931,0,0,1,119.212,54.2ZM97.857,52.343h20.427V48.629a.931.931,0,0,0-.928-.928h-6.964a.931.931,0,0,1-.928-.928,7.581,7.581,0,0,1,2-5.2,4.633,4.633,0,0,0-3.2-7.8,4.51,4.51,0,0,0-3.389,1.3,4.6,4.6,0,0,0-1.439,3.343,4.659,4.659,0,0,0,1.161,3.064,8.029,8.029,0,0,1,2.089,5.292.931.931,0,0,1-.928.928H98.785a.931.931,0,0,0-.928.928Z" transform="translate(137.852 108.008)" fill="#909399"/>
+    </g>
+  </g>
+</svg>

package/src/components/layout/message/message-icon//345/257/274/345/207/272/351/200/232/347/237/245-/350/223/235.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34">
+  <g id="组_1174" data-name="组 1174" transform="translate(19670.5 18037)">
+    <g id="组_1091" data-name="组 1091" transform="translate(-19899.422 -18172.922)">
+      <rect id="BG" width="34" height="34" rx="4" transform="translate(228.923 135.922)" fill="none"/>
+      <g id="组_1092" data-name="组 1092" transform="translate(3.922 1.921)">
+        <rect id="BG-2" data-name="BG" width="25.889" height="25.889" transform="translate(229 138.11)" fill="none"/>
+        <g id="组_788" data-name="组 788" transform="translate(229 138.001)">
+          <path id="待导出" d="M54.7,93.091a2.106,2.106,0,0,1,1.669.852l2.057,2.692H69.273a3.432,3.432,0,0,1,3.272,3.569v15.1a3.645,3.645,0,0,1-3.471,3.787H50.016a3.643,3.643,0,0,1-3.471-3.787V96.878a3.643,3.643,0,0,1,3.471-3.787Zm.2,1.97H49.818a1.369,1.369,0,0,0-1.3,1.423v19.474a1.371,1.371,0,0,0,1.3,1.423H69.271a1.369,1.369,0,0,0,1.3-1.423V99.81a1.158,1.158,0,0,0-1.108-1.2H58.63a2.106,2.106,0,0,1-1.669-.852L54.9,95.062Zm5.426,7.958,3.25,3.544a1.251,1.251,0,0,1,0,1.668,1.031,1.031,0,0,1-.768.347,1.059,1.059,0,0,1-.767-.347l-1.4-1.524v5.7a1.1,1.1,0,0,1-2.17-.006v-5.691l-1.4,1.524a1.015,1.015,0,0,1-1.529,0,1.251,1.251,0,0,1,0-1.668l3.25-3.544a1.015,1.015,0,0,1,1.529,0Z" transform="translate(-46.545 -93.091)" fill="#409eff"/>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/src/components/layout/message/message-icon//345/257/274/345/207/272/351/200/232/347/237/245-/351/273/221.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34">
+  <g id="组_1172" data-name="组 1172" transform="translate(19670.5 18037)">
+    <g id="组_1091" data-name="组 1091" transform="translate(-19899.422 -18172.922)">
+      <rect id="BG" width="34" height="34" rx="4" transform="translate(228.923 135.922)" fill="none"/>
+      <g id="组_1092" data-name="组 1092" transform="translate(3.922 1.921)">
+        <rect id="BG-2" data-name="BG" width="25.889" height="25.889" transform="translate(229 138.11)" fill="none"/>
+        <g id="组_788" data-name="组 788" transform="translate(229 138.001)">
+          <path id="待导出" d="M54.7,93.091a2.106,2.106,0,0,1,1.669.852l2.057,2.692H69.273a3.432,3.432,0,0,1,3.272,3.569v15.1a3.645,3.645,0,0,1-3.471,3.787H50.016a3.643,3.643,0,0,1-3.471-3.787V96.878a3.643,3.643,0,0,1,3.471-3.787Zm.2,1.97H49.818a1.369,1.369,0,0,0-1.3,1.423v19.474a1.371,1.371,0,0,0,1.3,1.423H69.271a1.369,1.369,0,0,0,1.3-1.423V99.81a1.158,1.158,0,0,0-1.108-1.2H58.63a2.106,2.106,0,0,1-1.669-.852L54.9,95.062Zm5.426,7.958,3.25,3.544a1.251,1.251,0,0,1,0,1.668,1.031,1.031,0,0,1-.768.347,1.059,1.059,0,0,1-.767-.347l-1.4-1.524v5.7a1.1,1.1,0,0,1-2.17-.006v-5.691l-1.4,1.524a1.015,1.015,0,0,1-1.529,0,1.251,1.251,0,0,1,0-1.668l3.25-3.544a1.015,1.015,0,0,1,1.529,0Z" transform="translate(-46.545 -93.091)" fill="#303133"/>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/src/components/layout/message/message-icon//345/257/274/345/207/272/351/200/232/347/237/245.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34">
+  <g id="组_1094" data-name="组 1094" transform="translate(19670.5 18037)">
+    <g id="组_1091" data-name="组 1091" transform="translate(-19899.422 -18172.922)">
+      <rect id="BG" width="34" height="34" rx="4" transform="translate(228.923 135.922)" fill="none"/>
+      <g id="组_1092" data-name="组 1092" transform="translate(3.922 1.921)">
+        <rect id="BG-2" data-name="BG" width="25.889" height="25.889" transform="translate(229 138.11)" fill="none"/>
+        <g id="组_788" data-name="组 788" transform="translate(229 138.001)">
+          <path id="待导出" d="M54.7,93.091a2.106,2.106,0,0,1,1.669.852l2.057,2.692H69.273a3.432,3.432,0,0,1,3.272,3.569v15.1a3.645,3.645,0,0,1-3.471,3.787H50.016a3.643,3.643,0,0,1-3.471-3.787V96.878a3.643,3.643,0,0,1,3.471-3.787Zm.2,1.97H49.818a1.369,1.369,0,0,0-1.3,1.423v19.474a1.371,1.371,0,0,0,1.3,1.423H69.271a1.369,1.369,0,0,0,1.3-1.423V99.81a1.158,1.158,0,0,0-1.108-1.2H58.63a2.106,2.106,0,0,1-1.669-.852L54.9,95.062Zm5.426,7.958,3.25,3.544a1.251,1.251,0,0,1,0,1.668,1.031,1.031,0,0,1-.768.347,1.059,1.059,0,0,1-.767-.347l-1.4-1.524v5.7a1.1,1.1,0,0,1-2.17-.006v-5.691l-1.4,1.524a1.015,1.015,0,0,1-1.529,0,1.251,1.251,0,0,1,0-1.668l3.25-3.544a1.015,1.015,0,0,1,1.529,0Z" transform="translate(-46.545 -93.091)" fill="#909399"/>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/src/components/layout/message/message-icon//346/234/252/350/257/273/351/200/232/347/237/245-/350/223/235.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34">
+  <g id="组_1250" data-name="组 1250" 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"/>
+      <g id="未读" transform="translate(190.275 140.146)">
+        <path id="路径_389" data-name="路径 389" d="M62.154,1.918a1.065,1.065,0,0,1-1.124,1.81,10.646,10.646,0,1,0,5.037,9.049,1.065,1.065,0,1,1,2.129,0A12.774,12.774,0,1,1,62.154,1.918ZM51.066,13.842a1.065,1.065,0,1,1,1.065-1.065A1.065,1.065,0,0,1,51.066,13.842Zm4.356,0a1.065,1.065,0,1,1,1.065-1.065A1.065,1.065,0,0,1,55.422,13.842Zm4.356,0a1.065,1.065,0,1,1,1.065-1.065A1.065,1.065,0,0,1,59.778,13.842Z" transform="translate(0 0)" fill="#409eff"/>
+        <path id="路径_390" data-name="路径 390" d="M831.813,165.06m-3.2,0a3.2,3.2,0,1,0,3.2-3.2A3.2,3.2,0,0,0,828.61,165.06Z" transform="translate(-766.369 -157.822)" fill="#409eff"/>
+      </g>
+    </g>
+  </g>
+</svg>

package/src/components/layout/message/message-icon//346/234/252/350/257/273/351/200/232/347/237/245-/351/273/221.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34">
+  <g id="组_1249" data-name="组 1249" 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"/>
+      <g id="未读" transform="translate(190.275 140.146)">
+        <path id="路径_389" data-name="路径 389" d="M62.154,1.918a1.065,1.065,0,0,1-1.124,1.81,10.646,10.646,0,1,0,5.037,9.049,1.065,1.065,0,1,1,2.129,0A12.774,12.774,0,1,1,62.154,1.918ZM51.066,13.842a1.065,1.065,0,1,1,1.065-1.065A1.065,1.065,0,0,1,51.066,13.842Zm4.356,0a1.065,1.065,0,1,1,1.065-1.065A1.065,1.065,0,0,1,55.422,13.842Zm4.356,0a1.065,1.065,0,1,1,1.065-1.065A1.065,1.065,0,0,1,59.778,13.842Z" transform="translate(0 0)" fill="#303133"/>
+        <path id="路径_390" data-name="路径 390" d="M831.813,165.06m-3.2,0a3.2,3.2,0,1,0,3.2-3.2A3.2,3.2,0,0,0,828.61,165.06Z" transform="translate(-766.369 -157.822)" fill="#303133"/>
+      </g>
+    </g>
+  </g>
+</svg>

package/src/components/layout/message/message-icon//346/234/252/350/257/273/351/200/232/347/237/245.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34">
+  <g id="组_1087" data-name="组 1087" 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"/>
+      <g id="未读" transform="translate(190.275 140.146)">
+        <path id="路径_389" data-name="路径 389" d="M62.154,1.918a1.065,1.065,0,0,1-1.124,1.81,10.646,10.646,0,1,0,5.037,9.049,1.065,1.065,0,1,1,2.129,0A12.774,12.774,0,1,1,62.154,1.918ZM51.066,13.842a1.065,1.065,0,1,1,1.065-1.065A1.065,1.065,0,0,1,51.066,13.842Zm4.356,0a1.065,1.065,0,1,1,1.065-1.065A1.065,1.065,0,0,1,55.422,13.842Zm4.356,0a1.065,1.065,0,1,1,1.065-1.065A1.065,1.065,0,0,1,59.778,13.842Z" transform="translate(0 0)" fill="#909399"/>
+        <path id="路径_390" data-name="路径 390" d="M831.813,165.06m-3.2,0a3.2,3.2,0,1,0,3.2-3.2A3.2,3.2,0,0,0,828.61,165.06Z" transform="translate(-766.369 -157.822)" fill="#909399"/>
+      </g>
+    </g>
+  </g>
+</svg>

package/src/components/layout/message/message-icon//347/251/272/347/212/266/346/200/201.svg

@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="160" height="160" viewBox="0 0 160 160">
+  <g id="组_1125" data-name="组 1125" transform="translate(-228.923 -135.922)">
+    <rect id="BG" width="160" height="160" transform="translate(228.923 135.922)" fill="none"/>
+    <g id="空状态" transform="translate(228.923 158.527)">
+      <path id="路径_324" data-name="路径 324" d="M0,631.2c0,12.777,35.816,23.135,80,23.135s80-10.356,80-23.134-35.819-23.132-80-23.132S0,618.422,0,631.2Z" transform="translate(0 -539.542)" fill="#f4f4f5"/>
+      <path id="路径_325" data-name="路径 325" d="M243.984,641.136c0,8.394,23.557,15.194,52.616,15.194s52.617-6.8,52.617-15.2-23.557-15.2-52.616-15.2-52.617,6.8-52.617,15.2h0Z" transform="translate(-216.6 -555.411)" fill="#e9e9eb"/>
+      <path id="路径_326" data-name="路径 326" d="M326.674,173.013l38.657-8.095v68.7l-35.986-9.947Z" transform="translate(-289.893 -146.297)" fill="#acaeb2"/>
+      <path id="路径_327" data-name="路径 327" d="M669.874,179.135l-.031-14.192,45.717,4.709-37.938,10.872Z" transform="translate(-594.437 -146.349)" fill="#909399"/>
+      <path id="路径_328" data-name="路径 328" d="M364.816,298.892l-.231,58.526-45.109-11.683V309.3l45.341-10.408ZM334.4,318.44a1.7,1.7,0,1,0-.581,3.353l14.8,2.658a1.7,1.7,0,1,0,.581-3.351l-14.8-2.661Z" transform="translate(-283.499 -265.18)" fill="#c2c3c7"/>
+      <path id="路径_329" data-name="路径 329" d="M721.386,357.423l40.83-14.111V307.574l-40.83-8.674v58.525Z" transform="translate(-640.159 -265.187)" fill="#d2d4d6"/>
+      <path id="路径_330" data-name="路径 330" d="M226.613,237.043l-12.259,17.35L259,263.3l12.259-19.317Z" transform="translate(-190.206 -210.355)" fill="#f4f4f5"/>
+      <path id="路径_331" data-name="路径 331" d="M735.049,234.579l38.979-12.839-11.793-15.614-39.789,10.408,12.6,18.044Zm1.156,10.759,15.037-4.049V251.7l-15.037,4.858V245.338Z" transform="translate(-641.073 -182.892)" fill="#e9e9eb"/>
+      <path id="路径_332" data-name="路径 332" d="M863.615,565.138v-.7l5.55-1.734v.695Zm0,2.312v-.695l4.625-1.387v.694l-4.625,1.389Zm0,2.312v-.694l7.748-2.43v.695Z" transform="translate(-766.442 -499.39)" fill="#d2d4d6"/>
+      <path id="路径_333" data-name="路径 333" d="M608.024,1.738A1.735,1.735,0,1,0,609.758,0a1.735,1.735,0,0,0-1.734,1.737Zm8.1,0A1.735,1.735,0,1,0,617.856,0a1.735,1.735,0,0,0-1.734,1.737Zm8.1,0A1.736,1.736,0,1,0,625.953,0a1.736,1.736,0,0,0-1.735,1.738Z" transform="translate(-539.595 0)" fill="#acaeb2"/>
+    </g>
+  </g>
+</svg>

package/src/components/layout/message/message-icon//347/263/273/347/273/237/351/200/232/347/237/245-/350/223/235.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34">
+  <g id="组_1175" data-name="组 1175" 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"/>
+      <g id="组_1167" data-name="组 1167">
+        <path id="公告" d="M13.939.144A1.028,1.028,0,0,0,13.506,0a1.01,1.01,0,0,0-.65.216c-.144.144-1.517,1.3-3.033,2.449A22.248,22.248,0,0,1,6.139,5.258H.867A.894.894,0,0,0,0,6.194V19.806a.894.894,0,0,0,.867.936H6.789a16.306,16.306,0,0,1,3.322,2.521c.794.72,1.733,1.584,2.672,2.377l.072.072a.929.929,0,0,0,.722.288.918.918,0,0,0,.433-.072,1.219,1.219,0,0,0,.65-1.008V20.31c0-.072-.072-18.87-.072-19.086a1.2,1.2,0,0,0-.65-1.08ZM12.783,20.022v2.953c-.433-.432-.867-.792-1.3-1.152C8.233,19.014,7.367,18.8,6.789,18.8H2.383c-.506,0-.65-.144-.65-.72V7.706c0-.432.072-.576.433-.576H6.139c.578,0,1.372-.216,4.983-3.025.578-.432,1.156-.864,1.661-1.3V20.022Z" transform="translate(232.922 139.922)" fill="#409eff"/>
+        <line id="直线_174" data-name="直线 174" y1="4.338" x2="5.061" transform="translate(251.922 140.607)" fill="none" stroke="#409eff" stroke-linecap="round" stroke-width="1.5"/>
+        <line id="直线_175" data-name="直线 175" x2="5.061" y2="4.338" transform="translate(251.922 160.898)" fill="none" stroke="#409eff" stroke-linecap="round" stroke-width="1.5"/>
+        <line id="直线_176" data-name="直线 176" x2="7" transform="translate(251.922 152.922)" fill="none" stroke="#409eff" stroke-linecap="round" stroke-width="1.5"/>
+      </g>
+    </g>
+  </g>
+</svg>