diff --git a/ShadowEditor.UI/assets/css/icon/iconfont.css b/ShadowEditor.UI/assets/css/icon/iconfont.css
new file mode 100644
index 00000000..bdfeca82
--- /dev/null
+++ b/ShadowEditor.UI/assets/css/icon/iconfont.css
@@ -0,0 +1,119 @@
+
+@font-face {font-family: "iconfont";
+ src: url('iconfont.eot?t=1537503342476'); /* IE9*/
+ src: url('iconfont.eot?t=1537503342476#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
+ url('iconfont.ttf?t=1537503342476') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+ url('iconfont.svg?t=1537503342476#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+ font-family:"iconfont" !important;
+ font-size:16px;
+ font-style:normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-material:before { content: "\e601"; }
+
+.icon-help:before { content: "\e603"; }
+
+.icon-checkbox-check:before { content: "\e643"; }
+
+.icon-edit:before { content: "\e69b"; }
+
+.icon-undo:before { content: "\e60a"; }
+
+.icon-publish:before { content: "\e70e"; }
+
+.icon-scale:before { content: "\e61f"; }
+
+.icon-pause:before { content: "\e638"; }
+
+.icon-audio:before { content: "\e618"; }
+
+.icon-shadow:before { content: "\e702"; }
+
+.icon-import:before { content: "\e606"; }
+
+.icon-solution:before { content: "\e623"; }
+
+.icon-search:before { content: "\e614"; }
+
+.icon-duplicate:before { content: "\e617"; }
+
+.icon-hand:before { content: "\e622"; }
+
+.icon-add:before { content: "\e637"; }
+
+.icon-anchor-point:before { content: "\e664"; }
+
+.icon-close:before { content: "\e654"; }
+
+.icon-scene-setting:before { content: "\e72b"; }
+
+.icon-play:before { content: "\e61c"; }
+
+.icon-select:before { content: "\e67b"; }
+
+.icon-texture:before { content: "\e607"; }
+
+.icon-history:before { content: "\e673"; }
+
+.icon-redo:before { content: "\e600"; }
+
+.icon-js:before { content: "\e648"; }
+
+.icon-export:before { content: "\e657"; }
+
+.icon-source:before { content: "\e62a"; }
+
+.icon-save:before { content: "\e613"; }
+
+.icon-path:before { content: "\ea9e"; }
+
+.icon-group:before { content: "\e6b3"; }
+
+.icon-vr:before { content: "\e604"; }
+
+.icon-checkbox-uncheck:before { content: "\e6a2"; }
+
+.icon-geometry:before { content: "\e624"; }
+
+.icon-start:before { content: "\e6fd"; }
+
+.icon-setting-black:before { content: "\e602"; }
+
+.icon-json:before { content: "\e605"; }
+
+.icon-compress:before { content: "\e620"; }
+
+.icon-rotate:before { content: "\e615"; }
+
+.icon-translate:before { content: "\e60c"; }
+
+.icon-model-view:before { content: "\e60e"; }
+
+.icon-setting:before { content: "\e60f"; }
+
+.icon-delete:before { content: "\e610"; }
+
+.icon-scenes:before { content: "\e612"; }
+
+.icon-glsl:before { content: "\e60d"; }
+
+.icon-ok:before { content: "\e609"; }
+
+.icon-cancel:before { content: "\e60b"; }
+
+.icon-new-scene:before { content: "\e616"; }
+
+.icon-model:before { content: "\e791"; }
+
+.icon-backward:before { content: "\e7f3"; }
+
+.icon-forward:before { content: "\e7f4"; }
+
+.icon-stop:before { content: "\e7f5"; }
+
diff --git a/ShadowEditor.UI/assets/css/icon/iconfont.eot b/ShadowEditor.UI/assets/css/icon/iconfont.eot
new file mode 100644
index 00000000..dab70aec
Binary files /dev/null and b/ShadowEditor.UI/assets/css/icon/iconfont.eot differ
diff --git a/ShadowEditor.UI/assets/css/icon/iconfont.js b/ShadowEditor.UI/assets/css/icon/iconfont.js
new file mode 100644
index 00000000..96b5fcc3
--- /dev/null
+++ b/ShadowEditor.UI/assets/css/icon/iconfont.js
@@ -0,0 +1 @@
+(function(window){var svgSprite='';var script=function(){var scripts=document.getElementsByTagName("script");return scripts[scripts.length-1]}();var shouldInjectCss=script.getAttribute("data-injectcss");var ready=function(fn){if(document.addEventListener){if(~["complete","loaded","interactive"].indexOf(document.readyState)){setTimeout(fn,0)}else{var loadFn=function(){document.removeEventListener("DOMContentLoaded",loadFn,false);fn()};document.addEventListener("DOMContentLoaded",loadFn,false)}}else if(document.attachEvent){IEContentLoaded(window,fn)}function IEContentLoaded(w,fn){var d=w.document,done=false,init=function(){if(!done){done=true;fn()}};var polling=function(){try{d.documentElement.doScroll("left")}catch(e){setTimeout(polling,50);return}init()};polling();d.onreadystatechange=function(){if(d.readyState=="complete"){d.onreadystatechange=null;init()}}}};var before=function(el,target){target.parentNode.insertBefore(el,target)};var prepend=function(el,target){if(target.firstChild){before(el,target.firstChild)}else{target.appendChild(el)}};function appendSvg(){var div,svg;div=document.createElement("div");div.innerHTML=svgSprite;svgSprite=null;svg=div.getElementsByTagName("svg")[0];if(svg){svg.setAttribute("aria-hidden","true");svg.style.position="absolute";svg.style.width=0;svg.style.height=0;svg.style.overflow="hidden";prepend(svg,document.body)}}if(shouldInjectCss&&!window.__iconfont__svg__cssinject__){window.__iconfont__svg__cssinject__=true;try{document.write("")}catch(e){console&&console.log(e)}}ready(appendSvg)})(window)
\ No newline at end of file
diff --git a/ShadowEditor.UI/assets/css/icon/iconfont.svg b/ShadowEditor.UI/assets/css/icon/iconfont.svg
new file mode 100644
index 00000000..f1884679
--- /dev/null
+++ b/ShadowEditor.UI/assets/css/icon/iconfont.svg
@@ -0,0 +1,179 @@
+
+
+
+
diff --git a/ShadowEditor.UI/assets/css/icon/iconfont.ttf b/ShadowEditor.UI/assets/css/icon/iconfont.ttf
new file mode 100644
index 00000000..2b03886b
Binary files /dev/null and b/ShadowEditor.UI/assets/css/icon/iconfont.ttf differ
diff --git a/ShadowEditor.UI/assets/css/icon/iconfont.woff b/ShadowEditor.UI/assets/css/icon/iconfont.woff
new file mode 100644
index 00000000..0c6233b7
Binary files /dev/null and b/ShadowEditor.UI/assets/css/icon/iconfont.woff differ
diff --git a/ShadowEditor.UI/src/form/Boolean.js b/ShadowEditor.UI/src/form/Boolean.js
index 229bca30..c998e56c 100644
--- a/ShadowEditor.UI/src/form/Boolean.js
+++ b/ShadowEditor.UI/src/form/Boolean.js
@@ -1,4 +1,4 @@
-import { Control, UI } from './third_party';
+import { Control, UI } from '../third_party';
/**
* 布尔值
@@ -53,4 +53,6 @@ Boolean.prototype.setValue = function (value) {
this.input.checked = value;
};
+UI.addXType('boolean', Boolean);
+
export default Boolean;
\ No newline at end of file
diff --git a/ShadowEditor.UI/src/old/Checkbox.js b/ShadowEditor.UI/src/form/Checkbox.js
similarity index 90%
rename from ShadowEditor.UI/src/old/Checkbox.js
rename to ShadowEditor.UI/src/form/Checkbox.js
index 3315b807..c12b4af5 100644
--- a/ShadowEditor.UI/src/old/Checkbox.js
+++ b/ShadowEditor.UI/src/form/Checkbox.js
@@ -1,13 +1,12 @@
-import Control from './Control';
+import { Control, UI } from '../third_party';
/**
* 复选框
* @author tengge / https://github.com/tengge1
* @param {*} options
*/
-function Checkbox(options) {
+function Checkbox(options = {}) {
Control.call(this, options);
- options = options || {};
this.value = options.value || false;
this.cls = options.cls || 'Checkbox';
@@ -51,4 +50,6 @@ Checkbox.prototype.setValue = function (value) {
return this;
};
+UI.addXType('checkbox', Checkbox);
+
export default Checkbox;
\ No newline at end of file
diff --git a/ShadowEditor.UI/src/old/CloseButton.js b/ShadowEditor.UI/src/form/CloseButton.js
similarity index 92%
rename from ShadowEditor.UI/src/old/CloseButton.js
rename to ShadowEditor.UI/src/form/CloseButton.js
index 7a468712..703697ac 100644
--- a/ShadowEditor.UI/src/old/CloseButton.js
+++ b/ShadowEditor.UI/src/form/CloseButton.js
@@ -1,4 +1,4 @@
-import Control from './Control';
+import { Control, UI } from '../third_party';
/**
* 关闭按钮
@@ -40,4 +40,6 @@ CloseButton.prototype.render = function () {
this.dom.appendChild(this.icon);
};
+UI.addXType('closebutton', CloseButton);
+
export default CloseButton;
\ No newline at end of file
diff --git a/ShadowEditor.UI/src/old/Color.js b/ShadowEditor.UI/src/form/Color.js
similarity index 95%
rename from ShadowEditor.UI/src/old/Color.js
rename to ShadowEditor.UI/src/form/Color.js
index 8d886f6a..9a3bcce7 100644
--- a/ShadowEditor.UI/src/old/Color.js
+++ b/ShadowEditor.UI/src/form/Color.js
@@ -1,4 +1,4 @@
-import Control from './Control';
+import { Control, UI } from '../third_party';
/**
* 颜色选择器
@@ -67,4 +67,6 @@ Color.prototype.setHexValue = function (hex) {
return this;
};
+UI.addXType('color', Color);
+
export default Color;
\ No newline at end of file
diff --git a/ShadowEditor.UI/src/old/Input.js b/ShadowEditor.UI/src/form/Input.js
similarity index 97%
rename from ShadowEditor.UI/src/old/Input.js
rename to ShadowEditor.UI/src/form/Input.js
index dfc3e625..af0b083a 100644
--- a/ShadowEditor.UI/src/old/Input.js
+++ b/ShadowEditor.UI/src/form/Input.js
@@ -1,4 +1,4 @@
-import Control from './Control';
+import { Control, UI } from '../third_party';
/**
* 输入框
diff --git a/ShadowEditor.UI/src/index.js b/ShadowEditor.UI/src/index.js
index 065667b8..60a5173c 100644
--- a/ShadowEditor.UI/src/index.js
+++ b/ShadowEditor.UI/src/index.js
@@ -4,4 +4,10 @@ import '../assets/css/ui.css';
import './common/Html';
import './common/Container';
+// form
+import './form/Boolean';
+import './form/Checkbox';
+import './form/CloseButton';
+import './form/Color';
+
export { Control, UI } from './third_party';
\ No newline at end of file
diff --git a/ShadowEditor.UI/test/08 BooleanTest.html b/ShadowEditor.UI/test/08 BooleanTest.html
index 60bb97ae..ade1232c 100644
--- a/ShadowEditor.UI/test/08 BooleanTest.html
+++ b/ShadowEditor.UI/test/08 BooleanTest.html
@@ -6,7 +6,6 @@
08 BooleanTest
-