CocosPlugin/ccc-devtools
1
0
Fork 0
mirror of https://github.com/potato47/ccc-devtools.git synced 2024-12-26 03:39:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

修复新版chrome场景树不显示问题，优化标记位置功能

Browse Source
This commit is contained in:
next 2019-12-21 21:02:27 +08:00
parent 0eb78550f6
commit caf54f3d04
5 changed files with 217 additions and 219 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -1,4 +1,4 @@
# ccc-devtools v2.3.2 # ccc-devtools v2.3.3
Cocos Creator 网页调试工具，运行时查看、修改节点树，实时更新节点属性，可视化显示缓存资源。 Cocos Creator 网页调试工具，运行时查看、修改节点树，实时更新节点属性，可视化显示缓存资源。
## 预览 ## 预览

45
css/themes/dark.css
View File

@ -2,7 +2,7 @@
background: #444 !important; background: #444 !important;
} }
.right-pane *, .right-panel *,
.ivu-split-trigger, .ivu-split-trigger,
.el-color-dropdown, .el-color-dropdown,
.el-color-dropdown *:not(.el-button--text), .el-color-dropdown *:not(.el-button--text),
@ -10,47 +10,48 @@
.el-popover * , .el-popover * ,
#panelCtl .el-button{ #panelCtl .el-button{
border-color: #333 !important; border-color: #333 !important;
color: #bbb !important;
} }
.el-popover, .el-popover,
.el-color-dropdown input, .el-color-dropdown input,
.right-pane input, .right-panel input,
.right-pane textarea, .right-panel textarea,
.right-pane .el-checkbox__inner:not(.is-checked) { .right-panel .el-checkbox__inner:not(.is-checked) {
background-color: #333 !important; background-color: #333 !important;
color: #bbb !important; color: #bbb !important;
} }
.right-pane button, .right-panel button,
.right-pane span[role='button'], .right-panel span[role='button'],
.right-pane .ant-tree, .right-panel .ant-tree,
.right-pane .demo-split-pane, .right-panel .demo-split-pane,
.right-pane .el-card, .right-panel .el-card,
.right-pane .el-tree, .right-panel .el-tree,
.el-color-dropdown, .el-color-dropdown,
.el-popover { .el-popover {
background-color: #222 !important; background-color: #222 !important;
} }
.right-pane .el-button { .right-panel .el-button {
padding-left: 10px !important; padding-left: 10px !important;
padding-right: 10px !important; padding-right: 10px !important;
} }
.right-pane .top-pane span, .right-panel .top-pane span,
.right-pane .ant-tree, .right-panel .ant-tree,
.right-pane .demo-split-pane, .right-panel .demo-split-pane,
.right-pane .el-card, .right-panel .el-card,
.right-pane .el-tree { .right-panel .el-tree {
color: #aaa !important; color: #aaa !important;
} }
.right-pane .ant-tree-node-selected { .right-panel .ant-tree-node-selected {
background-color: #456 !important; background-color: #456 !important;
} }
.right-pane .ant-tree-node-content-wrapper:hover, .right-panel .ant-tree-node-content-wrapper:hover,
.right-pane .el-tree-node .el-tree-node__content:hover { .right-panel .el-tree-node .el-tree-node__content:hover {
background-color: #567 !important; background-color: #567 !important;
} }
@ -60,13 +61,15 @@
background-color: #367 !important; background-color: #367 !important;
} }
.right-pane .el-checkbox__label, .right-panel .el-checkbox__label,
.right-pane .el-button, .right-panel .el-button,
.el-color-dropdown, button { .el-color-dropdown, button {
color: #59a !important; color: #59a !important;
background-color: #222 !important; background-color: #222 !important;
} }
.tree-panel,
.prop-panel,
.ivu-modal-content, .ivu-modal-content,
.ivu-table-column-center, .ivu-table-column-center,
.ivu-modal-header-inner { .ivu-modal-header-inner {

23
index.html
View File

@ -4,18 +4,16 @@
<link rel="stylesheet" type="text/css" href="app/editor/static/preview-templates/ccc-devtools/css/style.css"> <link rel="stylesheet" type="text/css" href="app/editor/static/preview-templates/ccc-devtools/css/style.css">
<div id="app"> <div id="app">
<div class="demo-split"> <div v-if="isDevMode" style="display: flex;min-height: 100vh;">
<Split v-model="splitLeft" v-if="isDevMode">
<!-- 左边游戏预览区域 --> <!-- 左边游戏预览区域 -->
<div slot="left" class="demo-split-pane" id="game_panel" <div id="game_panel"
style="display:flex;justify-content:left;align-items:center;height: 100vh;"> style="display:flex;flex:auto;flex-direction: column;">
<div id="top" style="position: absolute;top:0;"></div> <div id="top" style="flex: none"></div>
</div> </div>
<!-- 右边节点树和属性区域 --> <!-- 右边节点树和属性区域 -->
<div slot="right" class="demo-split-pane no-padding"> <div class="right-panel" style="flex: none;display: block;width: 400px;">
<Split v-model="splitRight" mode="vertical">
<!-- 节点树面板 --> <!-- 节点树面板 -->
<div slot="top" class="demo-split-pane" style="padding-left: 5px;"> <div class="tree-panel" style="height: 50vh;overflow: auto;border-bottom: 1px solid #2d2d2d;">
<el-input v-if="!isAutoRefreshTree" placeholder="搜索节点" v-model="filterText" size="mini" <el-input v-if="!isAutoRefreshTree" placeholder="搜索节点" v-model="filterText" size="mini"
id="searchInput"></el-input> id="searchInput"></el-input>
<v-tree v-if="isDevMode&&isAutoRefreshTree" :data="sceneTreeData" ref="sceneTree" <v-tree v-if="isDevMode&&isAutoRefreshTree" :data="sceneTreeData" ref="sceneTree"
@ -34,7 +32,7 @@
</el-tree> </el-tree>
<el-button v-if="!isAutoRefreshTree" @click="handleRefreshTree" icon="el-icon-refresh" <el-button v-if="!isAutoRefreshTree" @click="handleRefreshTree" icon="el-icon-refresh"
size="mini" style="position: absolute;right:0;top:0;"></el-button> size="mini" style="position: absolute;right:0;top:0;"></el-button>
<div style="position: absolute;right:0;bottom:0;width: 100px;height:20px;"> <div style="position: absolute;right:0;bottom:51vh;width: 100px;height:20px;">
<span style="line-height:20px;">自动刷新</span> <span style="line-height:20px;">自动刷新</span>
<el-switch v-model="isAutoRefreshTree" active-color="#0099ff" inactive-color="gray"> <el-switch v-model="isAutoRefreshTree" active-color="#0099ff" inactive-color="gray">
</el-switch> </el-switch>
@ -43,8 +41,7 @@
<!-- <el-button @click="handleSwitchTreeMode" icon="el-icon-refresh" size="mini" style="position: absolute;right:0;bottom:0;"></el-button> --> <!-- <el-button @click="handleSwitchTreeMode" icon="el-icon-refresh" size="mini" style="position: absolute;right:0;bottom:0;"></el-button> -->
</div> </div>
<!-- 节点属性面板 --> <!-- 节点属性面板 -->
<div slot="bottom" class="demo-split-pane" <div class="prop-panel" style="background: white;height: 50vh;overflow:auto;">
style="background: white;min-width: 250px;height: 100%;padding:5px 0;overflow-x:hidden;overflow-y:auto;">
<div v-if="node"> <div v-if="node">
<el-row style="margin:5px 0;"> <el-row style="margin:5px 0;">
<el-col :span="2" style="text-align:center;padding-top:7px;padding-left:5px;"> <el-col :span="2" style="text-align:center;padding-top:7px;padding-left:5px;">
@ -127,9 +124,8 @@
</el-card> </el-card>
</div> </div>
</div> </div>
</Split>
</div> </div>
</Split> </div>
<!-- 控制按钮 --> <!-- 控制按钮 -->
<div id="panelCtl" style="position:absolute;left:5px;top:50px;height: 50px;display: flex;align-items: center;"> <div id="panelCtl" style="position:absolute;left:5px;top:50px;height: 50px;display: flex;align-items: center;">
<el-popover width="150" placement="top-start" trigger="click"> <el-popover width="150" placement="top-start" trigger="click">
@ -198,7 +194,6 @@
</div> </div>
</el-popover> </el-popover>
</div> </div>
</div>
<!-- 缓存面板弹窗 --> <!-- 缓存面板弹窗 -->
<Modal v-model="isShowCache" width="800" :mask-closable="false" :mask="false" scrollable @on-cancel="closeCachePanel()" :title="cacheTitle" footer-hide="true"> <Modal v-model="isShowCache" width="800" :mask-closable="false" :mask="false" scrollable @on-cancel="closeCachePanel()" :title="cacheTitle" footer-hide="true">
<i-table border :columns="cacheColumns" height="600" size="small" :data="cacheData" :loading="cacheDataLoading"> <i-table border :columns="cacheColumns" height="600" size="small" :data="cacheData" :loading="cacheDataLoading">

6
js/app.js
View File

@ -519,10 +519,10 @@ let app = new Vue({
let borderNode = new cc.Node(); let borderNode = new cc.Node();
let bgNode = new cc.Node(); let bgNode = new cc.Node();
let graphics = bgNode.addComponent(cc.Graphics); let graphics = bgNode.addComponent(cc.Graphics);
let canvas = cc.find('Canvas'); let scene = cc.director.getScene();
canvas.addChild(bgNode); scene.addChild(bgNode);
bgNode.addChild(borderNode); bgNode.addChild(borderNode);
bgNode.position = canvas.convertToNodeSpaceAR(rect.center); bgNode.position = scene.convertToNodeSpaceAR(rect.center);
let isZeroSize = rect.width === 0 || rect.height === 0; let isZeroSize = rect.width === 0 || rect.height === 0;
if (isZeroSize) { if (isZeroSize) {
graphics.circle(0, 0, 100); graphics.circle(0, 0, 100);

2
version.json
View File

@ -1,6 +1,6 @@
{ {
"name": "ccc-devtools", "name": "ccc-devtools",
"version": "2.3.2", "version": "2.3.3",
"author": "Next", "author": "Next",
"repo": "https://github.com/potato47/ccc-devtools.git" "repo": "https://github.com/potato47/ccc-devtools.git"
} }