Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
车家大少爷
three.js
提交
7237bcc0
T
three.js
项目概览
车家大少爷
/
three.js
与 Fork 源项目一致
从无法访问的项目Fork
通知
2
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
T
three.js
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
7237bcc0
编写于
9月 13, 2019
作者:
D
Dinesh Salunke
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Added new Listbox ui elemt for editor
上级
b796ff82
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
193 addition
and
1 deletion
+193
-1
editor/css/dark.css
editor/css/dark.css
+10
-0
editor/css/light.css
editor/css/light.css
+10
-0
editor/css/main.css
editor/css/main.css
+22
-0
editor/js/libs/ui.js
editor/js/libs/ui.js
+151
-1
未找到文件。
editor/css/dark.css
浏览文件 @
7237bcc0
...
...
@@ -265,6 +265,16 @@ select {
color
:
#888
;
background-color
:
#111
;
}
.Listbox
{
color
:
#888
;
background
:
#222
;
}
.Panel
{
color
:
#888
;
border-top
:
1px
solid
#222
;
}
/* */
@media
all
and
(
max-width
:
600px
)
{
...
...
editor/css/light.css
浏览文件 @
7237bcc0
...
...
@@ -259,6 +259,16 @@ select {
color
:
#888
;
background-color
:
#eee
;
}
.Listbox
{
color
:
#444
;
background-color
:
#fff
;
}
.Panel
{
color
:
#888
;
border-top
:
1px
solid
#ccc
;
}
/* */
@media
all
and
(
max-width
:
600px
)
{
...
...
editor/css/main.css
浏览文件 @
7237bcc0
...
...
@@ -72,6 +72,28 @@ textarea, input { outline: none; } /* osx */
height
:
100%
;
}
/* Listbox */
.Listbox
{
color
:
#444
;
background-color
:
#fff
;
padding
:
0
;
width
:
100%
;
min-height
:
140px
;
font-size
:
12px
;
cursor
:
default
;
overflow
:
auto
;
}
.Listbox
.ListboxItem
{
padding
:
6px
;
color
:
#666
;
white-space
:
nowrap
;
}
.Listbox
.ListboxItem.active
{
background-color
:
rgba
(
0
,
0
,
0
,
0.04
);
}
/* CodeMirror */
.CodeMirror
{
...
...
editor/js/libs/ui.js
浏览文件 @
7237bcc0
...
...
@@ -74,6 +74,12 @@ UI.Element.prototype = {
},
getId
:
function
(
id
)
{
return
this
.
dom
.
id
;
},
setClass
:
function
(
name
)
{
this
.
dom
.
className
=
name
;
...
...
@@ -1129,4 +1135,148 @@ UI.TabbedPanel.Tab = function ( text, parent ) {
}
UI
.
TabbedPanel
.
Tab
.
prototype
=
Object
.
create
(
UI
.
Text
.
prototype
);
UI
.
TabbedPanel
.
Tab
.
prototype
.
constructor
=
UI
.
TabbedPanel
.
Tab
;
\ No newline at end of file
UI
.
TabbedPanel
.
Tab
.
prototype
.
constructor
=
UI
.
TabbedPanel
.
Tab
;
// Listbox
UI
.
Listbox
=
function
(
)
{
UI
.
Element
.
call
(
this
);
var
dom
=
document
.
createElement
(
'
div
'
);
dom
.
className
=
'
Listbox
'
;
dom
.
tabIndex
=
0
;
this
.
dom
=
dom
;
this
.
items
=
[];
this
.
listitems
=
[];
this
.
selectedIndex
=
0
;
this
.
selectedValue
=
null
;
return
this
;
}
UI
.
Listbox
.
prototype
=
Object
.
create
(
UI
.
Element
.
prototype
);
UI
.
Listbox
.
prototype
.
constructor
=
UI
.
ListboxItem
;
UI
.
Listbox
.
prototype
.
setItems
=
function
(
items
)
{
if
(
Array
.
isArray
(
items
)
)
{
this
.
items
=
items
;
}
this
.
render
(
);
}
UI
.
Listbox
.
prototype
.
render
=
function
(
)
{
while
(
this
.
listitems
.
length
)
{
var
item
=
this
.
listitems
[
0
];
item
.
dom
.
remove
();
this
.
listitems
.
splice
(
0
,
1
);
}
for
(
var
i
=
0
;
i
<
this
.
items
.
length
;
i
++
)
{
var
item
=
this
.
items
[
i
];
var
listitem
=
new
UI
.
Listbox
.
ListboxItem
(
this
);
listitem
.
setId
(
item
.
id
||
`Listbox-
${
i
}
`
);
listitem
.
setTextContent
(
item
.
name
||
item
.
type
);
this
.
add
(
listitem
);
}
}
// Assuming user passes valid list items
UI
.
Listbox
.
prototype
.
add
=
function
(
)
{
var
items
=
Array
.
from
(
arguments
);
this
.
listitems
=
this
.
listitems
.
concat
(
items
);
UI
.
Element
.
prototype
.
add
.
apply
(
this
,
items
);
}
UI
.
Listbox
.
prototype
.
selectIndex
=
function
(
index
)
{
if
(
index
>=
0
&&
index
<
this
.
items
.
length
)
{
this
.
setValue
(
this
.
listitems
[
index
].
getId
(
)
);
}
this
.
selectIndex
=
index
;
}
UI
.
Listbox
.
prototype
.
getValue
=
function
(
index
)
{
return
this
.
selectedValue
;
}
UI
.
Listbox
.
prototype
.
setValue
=
function
(
value
)
{
for
(
var
i
=
0
;
i
<
this
.
listitems
.
length
;
i
++
)
{
var
element
=
this
.
listitems
[
i
];
if
(
element
.
getId
(
)
===
value
)
{
element
.
addClass
(
'
active
'
);
}
else
{
element
.
removeClass
(
'
active
'
);
}
}
this
.
selectedValue
=
value
;
var
changeEvent
=
document
.
createEvent
(
'
HTMLEvents
'
);
changeEvent
.
initEvent
(
'
change
'
,
true
,
true
);
this
.
dom
.
dispatchEvent
(
changeEvent
);
}
// Listbox Item
UI
.
Listbox
.
ListboxItem
=
function
(
parent
)
{
UI
.
Element
.
call
(
this
);
var
dom
=
document
.
createElement
(
'
div
'
);
dom
.
className
=
'
ListboxItem
'
;
this
.
parent
=
parent
;
this
.
dom
=
dom
;
var
scope
=
this
;
function
onClick
(
)
{
if
(
scope
.
parent
)
{
scope
.
parent
.
setValue
(
scope
.
getId
(
)
);
}
}
dom
.
addEventListener
(
'
click
'
,
onClick
,
false
);
return
this
;
}
UI
.
Listbox
.
ListboxItem
.
prototype
=
Object
.
create
(
UI
.
Element
.
prototype
);
UI
.
Listbox
.
ListboxItem
.
prototype
.
constructor
=
UI
.
Listbox
.
ListboxItem
;
\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录