forked from fanruan/fineui
Browse Source
* commit '851412078441c8fd1faa70aa0916d2764430a881': add add add add add init 整理 FineUI 2.0 init addes6
guy
8 years ago
193 changed files with 1053 additions and 86453 deletions
@ -1,2 +1,5 @@
|
||||
node_modules/ |
||||
/.idea/ |
||||
/.idea/ |
||||
dist |
||||
demo.js |
||||
demo.css |
||||
@ -0,0 +1,12 @@
|
||||
$(function () { |
||||
var ref; |
||||
BI.createWidget({ |
||||
type: "demo.main", |
||||
ref: function (_ref) { |
||||
console.log(_ref); |
||||
ref = _ref; |
||||
}, |
||||
element: '#wrapper' |
||||
}); |
||||
// ref.destroy();
|
||||
}); |
||||
@ -0,0 +1,3 @@
|
||||
.demo-main .bg1 { |
||||
background-color: #178cdf; |
||||
} |
||||
@ -0,0 +1,61 @@
|
||||
Demo.Center = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-center" |
||||
}, |
||||
beforeCreate: function () { |
||||
console.log("beforeCreate"); |
||||
}, |
||||
render: function () { |
||||
return { |
||||
type: "bi.vertical", |
||||
hgap: 50, |
||||
vgap: 20, |
||||
items: [{ |
||||
type: "bi.label", |
||||
text: "栅格布局", |
||||
height: 50 |
||||
}, { |
||||
type: "bi.lattice", |
||||
columnSize: [0.1, 0.1, 0.3, 0.4, 0.1], |
||||
items: [{ |
||||
type: "bi.label", |
||||
height: 30, |
||||
text: "Left-1", |
||||
cls: "layout-bg1 lattice-item", |
||||
hgap: 20 |
||||
}, { |
||||
type: "bi.label", |
||||
height: 30, |
||||
text: "Left-2", |
||||
cls: "layout-bg2 lattice-item", |
||||
hgap: 20 |
||||
}, { |
||||
type: "bi.label", |
||||
height: 30, |
||||
text: "Left-3", |
||||
cls: "layout-bg3 lattice-item", |
||||
hgap: 20 |
||||
}, { |
||||
type: "bi.label", |
||||
height: 30, |
||||
text: "Left-4", |
||||
cls: "layout-bg4 lattice-item", |
||||
hgap: 20 |
||||
}, { |
||||
type: "bi.label", |
||||
height: 30, |
||||
text: "Left-5", |
||||
cls: "layout-bg5 lattice-item", |
||||
hgap: 20 |
||||
}] |
||||
}] |
||||
} |
||||
}, |
||||
created: function () { |
||||
console.log("created"); |
||||
}, |
||||
mounted: function () { |
||||
console.log("mounted"); |
||||
} |
||||
}); |
||||
$.shortcut("demo.center", Demo.Center); |
||||
@ -0,0 +1,30 @@
|
||||
Demo.Main = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-main" |
||||
}, |
||||
render: function () { |
||||
return { |
||||
type: "bi.border", |
||||
items: { |
||||
north: { |
||||
height: 50, |
||||
el: { |
||||
type: "demo.north" |
||||
} |
||||
}, |
||||
west: { |
||||
width: 230, |
||||
el: { |
||||
type: "demo.west" |
||||
} |
||||
}, |
||||
center: { |
||||
el: { |
||||
type: "demo.center", |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
}); |
||||
$.shortcut("demo.main", Demo.Main); |
||||
@ -0,0 +1,9 @@
|
||||
Demo.North = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-north" |
||||
}, |
||||
render: function () { |
||||
|
||||
} |
||||
}); |
||||
$.shortcut("demo.north", Demo.North); |
||||
@ -0,0 +1,9 @@
|
||||
Demo.West = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-west" |
||||
}, |
||||
render: function () { |
||||
|
||||
} |
||||
}); |
||||
$.shortcut("demo.west", Demo.West); |
||||
@ -0,0 +1,5 @@
|
||||
.demo-main { |
||||
& .bg1 { |
||||
background-color: #178cdf; |
||||
} |
||||
} |
||||
Binary file not shown.
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@
|
||||
body,html{height:100%}#wrapper,body{position:absolute;left:0;top:0}#wrapper,html{overflow:hidden}a,body{text-decoration:none}body,input,ol,textarea,ul{margin:0;padding:0}.b-font,i{-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}.b-font,body,i{-moz-osx-font-smoothing:grayscale}@font-face{font-family:bi;src:url(${servletURL}?op=resource&resource=/com/fr/bi/web/resources/fonts/iconfont.eot?#iefix) format('embedded-opentype'),url(${servletURL}?op=resource&resource=/com/fr/bi/web/resources/fonts/iconfont.woff) format('woff'),url(${servletURL}?op=resource&resource=/com/fr/bi/web/resources/fonts/iconfont.ttf) format('truetype'),url(${servletURL}?op=resource&resource=/com/fr/bi/web/resources/fonts/iconfont.svg#svgFontName) format('svg')}.b-font{font-family:bi;font-style:normal;-webkit-font-smoothing:antialiased}*,button,html,input,select,textarea{font-family:"Microsoft YaHei","Hiragino Sans GB W3"}*,a,body,div,html,img,li,p,span,ul{margin:0}body{width:100%;background-repeat:repeat;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;color:#1a1a1a;font:400 12px "Microsoft YaHei","Hiragino Sans GB W3";-webkit-font-smoothing:antialiased;-kthml-user-focus:normal;-moz-user-focus:normal;-moz-outline:0 none;outline:0}a,a:focus{outline:0}#wrapper{right:0;bottom:0;overflow-x:hidden;overflow-y:hidden}input,textarea{outline:0;border:1px solid #ccc}ul{list-style:disc}li{list-style-type:none}i{font-style:normal;-webkit-font-smoothing:antialiased}div::-webkit-scrollbar,textarea::-webkit-scrollbar{-webkit-appearance:none;background-color:#f4f4f4;width:6px;height:6px}div::-webkit-scrollbar-thumb,textarea::-webkit-scrollbar-thumb{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background-color:#e2e2e2} |
||||
File diff suppressed because one or more lines are too long
@ -1,56 +0,0 @@
|
||||
$(function(){ |
||||
var items = [], header = [], columnSize = []; |
||||
|
||||
var rowCount = 100, columnCount = 100; |
||||
for (var i = 0; i < 1; i++) { |
||||
header[i] = []; |
||||
for (var j = 0; j < columnCount; j++) { |
||||
header[i][j] = { |
||||
type: "bi.label", |
||||
text: "表头" + i + "-" + j |
||||
} |
||||
columnSize[j] = 100; |
||||
} |
||||
} |
||||
for (var i = 0; i < rowCount; i++) { |
||||
items[i] = []; |
||||
for (var j = 0; j < columnCount; j++) { |
||||
items[i][j] = { |
||||
type: "bi.label", |
||||
text: (i < 3 ? 0 : i) + "-" + j |
||||
} |
||||
} |
||||
} |
||||
|
||||
var table = BI.createWidget({ |
||||
type: "bi.resizable_table", |
||||
el: { |
||||
type: "bi.collection_table", |
||||
}, |
||||
width: 600, |
||||
height: 500, |
||||
isResizeAdapt: true, |
||||
isNeedResize: true, |
||||
isNeedMerge: true, |
||||
mergeCols: [0, 1], |
||||
mergeRule: function (col1, col2) { |
||||
return BI.isEqual(col1, col2); |
||||
}, |
||||
isNeedFreeze: true, |
||||
freezeCols: [0, 1], |
||||
columnSize: columnSize, |
||||
items: items, |
||||
header: header |
||||
}); |
||||
BI.createWidget({ |
||||
type: "bi.absolute", |
||||
element: "#wrapper", |
||||
items: [{ |
||||
el: table, |
||||
left: 10, |
||||
right: 10, |
||||
top: 10, |
||||
bottom: 10 |
||||
}] |
||||
}) |
||||
}) |
||||
@ -1,89 +0,0 @@
|
||||
/** |
||||
* 图表控件 |
||||
* @class BI.Chart |
||||
* @extends BI.Widget |
||||
*/ |
||||
BI.Chart = BI.inherit(BI.Pane, { |
||||
|
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.Chart.superclass._defaultConfig.apply(this, arguments), { |
||||
baseCls: "bi-chart" |
||||
}) |
||||
}, |
||||
|
||||
_init: function () { |
||||
BI.Chart.superclass._init.apply(this, arguments); |
||||
var self = this, o = this.options; |
||||
|
||||
this.isInit = false; |
||||
this.isSetOptions = false; |
||||
this.wants2SetData = false; |
||||
var width = 0; |
||||
var height = 0; |
||||
|
||||
this._resizer = BI.debounce(function () { |
||||
if (self.element.is(":visible") && self.vanCharts) { |
||||
self.vanCharts.resize(); |
||||
} |
||||
}, 30); |
||||
BI.Resizers.add(this.getName(), function (e) { |
||||
if (BI.isWindow(e.target) && self.element.is(":visible")) { |
||||
var newW = self.element.width(), newH = self.element.height(); |
||||
if (newW > 0 && newH > 0 && (width !== newW || height !== newH)) { |
||||
self._resizer(); |
||||
width = newW; |
||||
height = newH; |
||||
} |
||||
} |
||||
}); |
||||
}, |
||||
|
||||
_setData: function () { |
||||
this.vanCharts && this.vanCharts.setData(this.config); |
||||
}, |
||||
|
||||
resize: function () { |
||||
if (this.element.is(":visible") && this.isSetOptions === true) { |
||||
this._resizer(); |
||||
} |
||||
}, |
||||
|
||||
magnify: function () { |
||||
this.vanCharts && this.vanCharts.charts[0] && this.vanCharts.charts[0].refreshRestore(); |
||||
}, |
||||
|
||||
populate: function (items, options) { |
||||
var self = this, o = this.options; |
||||
o.items = items; |
||||
this.config = options || {}; |
||||
this.config.series = o.items; |
||||
|
||||
var setOptions = function () { |
||||
self.vanCharts.setOptions(self.config); |
||||
self.isSetOptions = true; |
||||
//if (self.wants2SetData === true) {
|
||||
// self._setData();
|
||||
//}
|
||||
}; |
||||
var init = function () { |
||||
if (self.element.is(":visible")) { |
||||
self.vanCharts = VanCharts.init(self.element[0]); |
||||
BI.nextTick(setOptions); |
||||
self.isInit = true; |
||||
} |
||||
}; |
||||
|
||||
if (this.isInit === false) { |
||||
BI.nextTick(init); |
||||
} |
||||
|
||||
if (this.element.is(":visible") && this.isSetOptions === true) { |
||||
this._setData(); |
||||
this.wants2SetData = null; |
||||
} else { |
||||
this.wants2SetData = true; |
||||
} |
||||
} |
||||
}); |
||||
BI.Chart.EVENT_CHANGE = "EVENT_CHANGE"; |
||||
$.shortcut('bi.chart', BI.Chart); |
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue