打包优化： 1）使用 lodash-es 2）element-plus按需导入

wujingjing

2024-11-18 8703f7ddda1cbdbee1cefc4c8f9a31ea97272494

 src/components/chat/chatComponents/summaryCom/components/deviceLastValue/DeviceLastValueCom.vue

@@ -86,12 +86,12 @@
</template>

<script setup lang="ts">
import _ from 'lodash';
import { computed, onActivated, onMounted, ref } from 'vue';
import { computed, onMounted, ref } from 'vue';
import MonitorContent from './MonitorContent.vue';
import { debounce, getTextWidth } from '/@/utils/util';

import { chatComProps } from '../../../common';
import RecordSetDialog from '../recordSet/RecordSetDialog.vue';
import {
   BORDER_COLOR,
   CELL_HEIGHT,
@@ -104,8 +104,8 @@
   THIN_BORDER_WIDTH,
} from './constants';
import type { Monitor, MonitorValue } from './types';
import RecordSetDialog from '../recordSet/RecordSetDialog.vue';
import { isSharePage } from '/@/stores/chatRoom';
import { chunk, fill } from 'lodash-es';

const props = defineProps(chatComProps) as {
   data: Monitor;
@@ -243,11 +243,11 @@
const firstRow = computed(() => props.data?.rows?.[0]);
const restRows = computed(() => props.data?.rows?.slice(1));
const pageChunkList = computed(() => {
   const chunkResult = _.chunk(props.data.values ?? [], pageSize.value);
   const chunkResult = chunk(props.data.values ?? [], pageSize.value);
   const last = chunkResult.at(-1);
   if (last) {
      const restNum = pageSize.value - last.length;
      const emptyData = _.fill(Array(restNum), {
      const emptyData = fill(Array(restNum), {
         ONAME: '',
         OTIME: '',
         OTITLE: '',
@@ -269,7 +269,7 @@

const currentRowChunkList = computed(() => {
   if (!currentPageChunk.value || currentPageChunk.value.length === 0) return [];
   const chunkResult = _.chunk(currentPageChunk.value, maxColsNum.value - 1);
   const chunkResult = chunk(currentPageChunk.value, maxColsNum.value - 1);
   return chunkResult;
});