blackteay/icegl-three-vue-tres
1
0
Fork 0
mirror of https://gitee.com/ice-gl/icegl-three-vue-tres.git synced 2025-04-05 06:22:43 +08:00
Code Issues Projects Releases Wiki Activity

修复了引入 Naive UI 的主题默认黑色 的bug

Browse Source
This commit is contained in:
hawk86104 2024-10-08 11:15:22 +08:00
parent f761c2699b
commit c577faa7df
3 changed files with 5016 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4974
src/plugins/goView/common/test.json Normal file
View File

File diff suppressed because one or more lines are too long

63
src/plugins/goView/components/viewChart.vue
View File

@ -4,16 +4,35 @@
* @Autor: 地虎降天龙
* @Date: 2024-05-27 11:22:46
* @LastEditors: 地虎降天龙
* @LastEditTime: 2024-09-29 08:08:52
* @LastEditTime: 2024-10-08 11:13:38
-->
<template>
<div v-show="showAllComRef" :class="`go-preview ${chartEditStore.editCanvasConfig.previewScaleType}`" style="pointer-events: none" @mousedown="dragCanvas">
<template v-if="showEntity">
<!-- 实体区域 -->
<div ref="entityRef" class="go-preview-entity">
<!-- 缩放层 -->
<n-config-provider :theme="darkTheme" :hljs="hljsTheme" :locale="locale" :date-locale="dateLocale" :theme-overrides="overridesTheme">
<div
v-show="showAllComRef"
:class="`go-preview ${chartEditStore.editCanvasConfig.previewScaleType}`"
style="pointer-events: none"
@mousedown="dragCanvas"
>
<template v-if="showEntity">
<!-- 实体区域 -->
<div ref="entityRef" class="go-preview-entity">
<!-- 缩放层 -->
<div ref="previewRef" class="go-preview-scale">
<!-- 展示层 -->
<div :style="previewRefStyle" v-if="showAllComRef && show">
<!-- 渲染层 -->
<preview-render-list></preview-render-list>
<!-- 遮罩层 -->
<div class="go-preview-top" :style="goPreviewMaskStyleTop"></div>
<div class="go-preview-mask" :style="goPreviewMaskStyle"></div>
<div class="go-preview-mask mask-right" :style="goPreviewMaskStyleRight"></div>
</div>
</div>
</div>
</template>
<template v-else>
<div ref="previewRef" class="go-preview-scale">
<!-- 展示层 -->
<div :style="previewRefStyle" v-if="showAllComRef && show">
<!-- 渲染层 -->
<preview-render-list></preview-render-list>
@ -23,21 +42,9 @@
<div class="go-preview-mask mask-right" :style="goPreviewMaskStyleRight"></div>
</div>
</div>
</div>
</template>
<template v-else>
<div ref="previewRef" class="go-preview-scale">
<div :style="previewRefStyle" v-if="showAllComRef && show">
<!-- 渲染层 -->
<preview-render-list></preview-render-list>
<!-- 遮罩层 -->
<div class="go-preview-top" :style="goPreviewMaskStyleTop"></div>
<div class="go-preview-mask" :style="goPreviewMaskStyle"></div>
<div class="go-preview-mask mask-right" :style="goPreviewMaskStyleRight"></div>
</div>
</div>
</template>
</div>
</template>
</div>
</n-config-provider>
</template>
<script setup lang="ts">
@ -50,6 +57,16 @@ import { useComInstall } from '../lib/hooks/useComInstall.hook'
import { getFilterStyle } from '../lib/utils/global'
import { PreviewScaleEnum } from 'PLS/goView/lib/enums/styleEnum'
import { PreviewRenderList } from '../components/PreviewRenderList'
import { NConfigProvider } from 'naive-ui'
import { useDarkThemeHook, useThemeOverridesHook, useCode, useLang } from 'PLS/goView/lib/gHooks/'
// 暗黑主题
const darkTheme = useDarkThemeHook()
// 主题配置
const overridesTheme = useThemeOverridesHook()
// 代码主题
const hljsTheme = useCode()
// 全局语言
const { locale, dateLocale } = useLang()
const props = withDefaults(
defineProps<{
@ -186,7 +203,7 @@ const goPreviewMaskStyleTop = computed(() => ({
top: 0;
}
}
.go-preview-top{
.go-preview-top {
width: 100%;
position: absolute;
}

3
src/plugins/goView/pages/index.vue
View File

@ -4,7 +4,7 @@
* @Autor: 地虎降天龙
* @Date: 2024-05-27 11:22:46
* @LastEditors: 地虎降天龙
* @LastEditTime: 2024-06-03 12:29:35
* @LastEditTime: 2024-10-08 10:30:24
-->
<template>
<TresCanvas window-size>
@ -36,4 +36,5 @@ import { gridPlus } from 'PLS/floor'
import { viewChart } from 'PLS/goView'
import dataJson from '../common/1716877101106.json'
// import dataJson from '../common/test.json'
</script>