CocosPlugin/ccc-devtools
1
0
Fork 0
mirror of https://github.com/potato47/ccc-devtools.git synced 2024-12-25 11:19:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

test

Browse Source
This commit is contained in:
nextfu 2022-07-26 20:05:42 +08:00
parent 65d90e20b9
commit 6aeca4583e
5 changed files with 40 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
components.d.ts vendored
View File

@ -10,6 +10,7 @@ declare module '@vue/runtime-core' {
CCComponent: typeof import('./src/components/CCComponent.vue')['default'] CCComponent: typeof import('./src/components/CCComponent.vue')['default']
CCNode: typeof import('./src/components/CCNode.vue')['default'] CCNode: typeof import('./src/components/CCNode.vue')['default']
ElButton: typeof import('element-plus/es')['ElButton'] ElButton: typeof import('element-plus/es')['ElButton']
ElCard: typeof import('element-plus/es')['ElCard']
ElCheckbox: typeof import('element-plus/es')['ElCheckbox'] ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
ElColorPicker: typeof import('element-plus/es')['ElColorPicker'] ElColorPicker: typeof import('element-plus/es')['ElColorPicker']
ElInput: typeof import('element-plus/es')['ElInput'] ElInput: typeof import('element-plus/es')['ElInput']

42
release/preview-template/index.ejs
View File

@ -18,30 +18,32 @@
<link rel="stylesheet" type="text/css" href="./index.css" /> <link rel="stylesheet" type="text/css" href="./index.css" />
</head> </head>
<body> <body>
<%- include('./toolbar', {config: config}) %> <%- include(cocosToolBar, {config: config}) %>
<div id="content" class="content" style="flex-direction: row;"> <div style="display: flex;flex: auto;align-items: center;">
<% include ./dist/index.html %> <%- include ./dist/index.html %>
<div class="contentWrap" style="flex: 1;"> <div id="content" class="content">
<div id="GameDiv" class="wrapper"> <div class="contentWrap">
<div id="Cocos3dGameContainer"> <div id="GameDiv" class="wrapper">
<canvas id="GameCanvas"></canvas> <div id="Cocos3dGameContainer">
</div> <canvas id="GameCanvas"></canvas>
<div id="splash"> </div>
<div class="progress-bar stripes"><span></span></div> <div id="splash">
</div> <div class="progress-bar stripes"><span></span></div>
<div id="bulletin"> </div>
<div id="sceneIsEmpty" class="inner"><%=tip_sceneIsEmpty%></div> <div id="bulletin">
</div> <div id="sceneIsEmpty" class="inner"><%=tip_sceneIsEmpty%></div>
<div class="error" id="error"> </div>
<div class="title">Error <i>(Please open the console to see detailed errors)</i></div> <div class="error" id="error">
<div class="error-main"></div> <div class="title">Error <i>(Please open the console to see detailed errors)</i></div>
<div class="error-main"></div>
</div>
</div> </div>
</div> </div>
<p class="footer">
Created with <a href="https://www.cocos.com/products" target="_blank" title="Cocos Creator">Cocos Creator</a>
</p>
</div> </div>
<p class="footer">
</p>
</div> </div>
<%- include(cocosTemplate, {}) %> <%- include(cocosTemplate, {}) %>
</body> </body>
</html> </html>

6
src/App.vue
View File

@ -12,7 +12,11 @@ let showTree = ref(false);
</vue-final-modal> </vue-final-modal>
<el-button size="small" @click="showTree = !showTree">节点树</el-button> <el-button size="small" @click="showTree = !showTree">节点树</el-button>
</div> --> </div> -->
<TreePanel :show="true" style="border: 2px solid blue;"></TreePanel> <!-- <div style="width: 100%;border: 2px solid blue;"> -->
<el-card :body-style="{ padding: 0 }" style="margin: 10px;">
<TreePanel :show="true"></TreePanel>
</el-card>
<!-- </div> -->
</template> </template>
<style scoped> <style scoped>

20
src/components/TreePanel.vue
View File

@ -4,14 +4,16 @@
class="modal-drag"> class="modal-drag">
节点树 节点树
</div> --> </div> -->
<el-tree-v2 ref="treeView" :props="defaultProps" empty-text="正在加载场景" :highlight-current="true" <div style="width: 100%;" :style="{ height: treeViewHeight }">
:expand-on-click-node="false" :default-expanded-keys="expandedKeys" @current-change="handleCurrentNodeChange" <el-tree-v2 ref="treeView" :props="defaultProps" empty-text="正在加载场景" :highlight-current="true"
@node-expand="handleNodeExpand" @node-collapse="handleNodeCollapse" :height="treeViewHeight"> :expand-on-click-node="false" :default-expanded-keys="expandedKeys" @current-change="handleCurrentNodeChange"
<template #default="{ node }"> @node-expand="handleNodeExpand" @node-collapse="handleNodeCollapse" :height="treeViewHeight">
<span :class="{ 'node-hide': !node.data.active }">{{ node.label }}</span> <template #default="{ node }">
</template> <span :class="{ 'node-hide': !node.data.active }">{{ node.label }}</span>
</el-tree-v2> </template>
<div style="width: 100%;border-top: 2px solid #1d1e21;overflow: auto;" :style="{ height: treeViewHeight }"> </el-tree-v2>
</div>
<div style="width: 100%;border-top: 2px solid #414243;" :style="{ height: treeViewHeight }">
<template v-if="updateKey !== 0 && Utils.checkNodeValid(currentNode)"> <template v-if="updateKey !== 0 && Utils.checkNodeValid(currentNode)">
<el-scrollbar> <el-scrollbar>
<CCNode :cc-node="currentNode" :update-key="updateKey"></CCNode> <CCNode :cc-node="currentNode" :update-key="updateKey"></CCNode>
@ -58,7 +60,7 @@ const defaultProps = {
children: 'children', children: 'children',
}; };
const treeViewHeight = window.innerHeight * 0.4; const treeViewHeight = (window.innerHeight - 120) / 2;
const treeView = ref(null); const treeView = ref(null);
onMounted(() => { onMounted(() => {

3
vite.config.ts
View File

@ -17,8 +17,7 @@ export default defineConfig({
], ],
base: '/dist/', base: '/dist/',
build: { build: {
outDir: '/Users/next/projects/cocos/test360/preview-template/dist', outDir: './release/preview-template/dist',
// outDir: './release/preview-template/dist',
emptyOutDir: true emptyOutDir: true
} }
}) })