caoww
/
fineui
forked from fanruan/fineui
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

update

es6
guy 6 years ago
parent
1261abf77a
commit
07a36dcece
11 changed files with 187 additions and 320 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 72
      demo/js/base/tree/demo.part_tree.js
  2. 6
      demo/js/base/tree/demo.sync_tree.js
  3. 137
      demo/js/category/largeTable/largeTable.js
  4. 4
      demo/js/config/category.js
  5. 16
      dist/bundle.js
  6. 2
      dist/bundle.min.js
  7. 16
      dist/core.js
  8. 220
      dist/demo.js
  9. 16
      dist/fineui.js
  10. 2
      dist/fineui.min.js
  11. 16
      src/core/widget.js

72
demo/js/base/tree/demo.part_tree.js
Unescape View File

@ -3,7 +3,79 @@ Demo.Func = BI.inherit(BI.Widget, {
baseCls: "demo-func" baseCls: "demo-func"
}, },
mounted: function () {
this.partTree.stroke({
keyword: "1"
});
},
render: function () { render: function () {
var self = this;
return {
type: "bi.vtape",
items: [{
type: "bi.label",
height: 50,
text: "先初始化一份数据，然后再异步获取数据的树"
}, {
type: "bi.part_tree",
ref: function (_ref) {
self.partTree = _ref;
},
paras: {
selectedValues: {"1": {}, "2": {"1": {}}}
},
itemsCreator: function (op, callback) {
if (op.type === BI.TreeView.REQ_TYPE_INIT_DATA) {
callback({
items: [{
id: "1",
text: 1,
isParent: true,
open: true
}, {
id: "11",
pId: "1",
text: 11,
isParent: true,
open: true
}, {
id: "111",
pId: "11",
text: 111,
isParent: true
}, {
id: "2",
text: 2
}, {
id: "3",
text: 3
}],
hasNext: BI.isNull(op.id)
});
return;
}
callback({
items: [{
id: (op.id || "") + "1",
pId: op.id,
text: 1,
isParent: true
}, {
id: (op.id || "") + "2",
pId: op.id,
text: 2
}, {
id: (op.id || "") + "3",
pId: op.id,
text: 3
}],
hasNext: BI.isNull(op.id)
});
}
}]
};
} }
}); });
BI.shortcut("demo.part_tree", Demo.Func); BI.shortcut("demo.part_tree", Demo.Func);

6
demo/js/base/tree/demo.sync_tree.js
Unescape View File

@ -4,7 +4,9 @@ Demo.Func = BI.inherit(BI.Widget, {
}, },
mounted: function () { mounted: function () {
this.syncTree.stroke(); this.syncTree.stroke({
keyword: "1"
});
}, },
render: function () { render: function () {
@ -21,7 +23,7 @@ Demo.Func = BI.inherit(BI.Widget, {
self.syncTree = _ref; self.syncTree = _ref;
}, },
paras: { paras: {
selectedValues: {"_0": {}, "_5": {"_5_0": {}}} selectedValues: {"1": {}, "2": {"1": {}}}
}, },
itemsCreator: function (op, callback) { itemsCreator: function (op, callback) {
callback({ callback({

137
demo/js/category/largeTable/largeTable.js
Unescape View File

@ -1,137 +0,0 @@
Demo.Face = BI.inherit(BI.Widget, {
props: {
baseCls: "demo-face"
},
render: function () {
var self = this;
return {
type: "bi.absolute",
items: [{
el: {
type: "bi.sequence_table",
ref: function () {
self.table = this;
},
isNeedFreeze: null,
isNeedMerge: false,
summaryCellStyleGetter: function (isLast) {
return {
background: "rgb(4, 177, 194)",
color: "#ffffff",
fontWeight: "bold"
};
},
sequenceCellStyleGetter: function (index) {
return {
background: "rgb(4, 177, 194)",
color: "#ffffff",
fontWeight: "bold"
};
},
headerCellStyleGetter: function () {
return {
background: "rgb(4, 177, 194)",
color: "#ffffff",
fontWeight: "bold"
};
},
el: {
type: "bi.adaptive_table",
el: {
type: "bi.resizable_table",
el: {
type: "bi.grid_table"
}
}
},
sequence: {
type: "bi.sequence_table_list_number",
pageSize: 100,
sequenceHeaderCreator: function () {
return {
type: "bi.normal_sequence_header_cell",
styleGetter: function () {
return {
background: "rgb(4, 177, 194)",
color: "#ffffff",
fontWeight: "bold"
};
}
};
}
},
itemsCreator: function (op, populate) {
}
},
left: 0,
right: 0,
top: 0,
bottom: 0
}]
};
},
mounted: function () {
var self = this;
if (BI.isNull(BI.isExpanded)) {
BI.isExpanded = false;
} else if (!BI.isExpanded) {
TABLE_ITEMS = this._expandData(TABLE_ITEMS, 3);
TABLE_HEADER = this._expandHeadData(TABLE_HEADER, 3);
BI.isExpanded = true;
}
this._resizeHandler = BI.debounce(function () {
var width = self.element.width(), height = self.element.height();
if (self.table.getWidth() !== width || self.table.getHeight() !== height) {
self.table.setWidth(width);
self.table.setHeight(height);
self.table.populate();
}
}, 0);
BI.ResizeDetector.addResizeListener(this, function () {
self._resizeHandler();
});
this.table.setWidth(this.element.width());
this.table.setHeight(this.element.height());
this.table.attr("columnSize", BI.makeArray(TABLE_HEADER[0].length, ""));
this.table.attr("minColumnSize", BI.makeArray(TABLE_HEADER[0].length, 60));
this.table.attr("isNeedFreeze", true);
this.table.attr("freezeCols", []);
this.table.attr("showSequence", true);
this.table.attr("headerRowSize", 15);
this.table.attr("rowSize", 15);
this.table.populate(TABLE_ITEMS, TABLE_HEADER);
},
_expandData: function (items, times) {
var copy = BI.deepClone(items);
for (var m = 0; m < times - 1; m++) {
BI.each(items, function (i, row) {
copy.push(row);
});
}
for (var n = 0; n < copy.length; n++) {
for (var m = 0; m < times - 1; m++) {
BI.each(items[n % 100], function (j, item) {
copy[n].push(item);
});
}
}
return copy;
},
_expandHeadData: function (items, times) {
var copy = BI.deepClone(items);
for (var n = 0; n < copy.length; n++) {
for (var m = 0; m < times - 1; m++) {
BI.each(items[n], function (j, item) {
copy[n].push(item);
});
}
}
return copy;
}
});
BI.shortcut("demo.large_table", Demo.Face);

4
demo/js/config/category.js
Unescape View File

@ -5,10 +5,6 @@ Demo.CATEGORY_CONFIG = [{
pId: 100000, pId: 100000,
text: "自定义一棵树", text: "自定义一棵树",
value: "demo.platform_level_tree" value: "demo.platform_level_tree"
}, {
pId: 100000,
text: "大表格",
value: "demo.large_table"
}, { }, {
pId: 100000, pId: 100000,
text: "可以排序的树", text: "可以排序的树",

16
dist/bundle.js vendored
Unescape View File

@ -21346,10 +21346,10 @@ _.extend(BI.OB.prototype, {
*/ */
!(function () { !(function () {
var lazy = (typeof document !== 'undefined' && var lazy = (typeof document !== "undefined" &&
typeof document.documentMode === 'number') || typeof document.documentMode === "number") ||
(typeof navigator !== 'undefined' && (typeof navigator !== "undefined" &&
typeof navigator.userAgent === 'string' && typeof navigator.userAgent === "string" &&
/\bEdge\/\d/.test(navigator.userAgent)); /\bEdge\/\d/.test(navigator.userAgent));
BI.Widget = BI.inherit(BI.OB, { BI.Widget = BI.inherit(BI.OB, {
_defaultConfig: function () { _defaultConfig: function () {
@ -21399,6 +21399,7 @@ _.extend(BI.OB.prototype, {
this._initVisual(); this._initVisual();
this._initState(); this._initState();
if (this.isVisible()) { if (this.isVisible()) {
this.rendered = true;
if (this.beforeInit) { if (this.beforeInit) {
this.__asking = true; this.__asking = true;
this.beforeInit(BI.bind(this._render, this)); this.beforeInit(BI.bind(this._render, this));
@ -21408,10 +21409,9 @@ _.extend(BI.OB.prototype, {
} else { } else {
this._render(); this._render();
} }
this.rendered = true
} }
if (this._isRoot) { if (this._isRoot) {
this._mount() this._mount();
} }
}, },
@ -21535,7 +21535,7 @@ _.extend(BI.OB.prototype, {
if (!isMounted) { if (!isMounted) {
return; return;
} }
this._isMounting = true this._isMounting = true;
if (!this.rendered) { if (!this.rendered) {
if (this.beforeInit) { if (this.beforeInit) {
this.__asking = true; this.__asking = true;
@ -21558,7 +21558,7 @@ _.extend(BI.OB.prototype, {
}); });
lazy && this._mountChildren && this._mountChildren(); lazy && this._mountChildren && this._mountChildren();
this.mounted && this.mounted(); this.mounted && this.mounted();
this._isMounting = false this._isMounting = false;
}, },
_mountChildren: null, _mountChildren: null,

2
dist/bundle.min.js vendored
View File

File diff suppressed because one or more lines are too long

16
dist/core.js vendored
Unescape View File

@ -21346,10 +21346,10 @@ _.extend(BI.OB.prototype, {
*/ */
!(function () { !(function () {
var lazy = (typeof document !== 'undefined' && var lazy = (typeof document !== "undefined" &&
typeof document.documentMode === 'number') || typeof document.documentMode === "number") ||
(typeof navigator !== 'undefined' && (typeof navigator !== "undefined" &&
typeof navigator.userAgent === 'string' && typeof navigator.userAgent === "string" &&
/\bEdge\/\d/.test(navigator.userAgent)); /\bEdge\/\d/.test(navigator.userAgent));
BI.Widget = BI.inherit(BI.OB, { BI.Widget = BI.inherit(BI.OB, {
_defaultConfig: function () { _defaultConfig: function () {
@ -21399,6 +21399,7 @@ _.extend(BI.OB.prototype, {
this._initVisual(); this._initVisual();
this._initState(); this._initState();
if (this.isVisible()) { if (this.isVisible()) {
this.rendered = true;
if (this.beforeInit) { if (this.beforeInit) {
this.__asking = true; this.__asking = true;
this.beforeInit(BI.bind(this._render, this)); this.beforeInit(BI.bind(this._render, this));
@ -21408,10 +21409,9 @@ _.extend(BI.OB.prototype, {
} else { } else {
this._render(); this._render();
} }
this.rendered = true
} }
if (this._isRoot) { if (this._isRoot) {
this._mount() this._mount();
} }
}, },
@ -21535,7 +21535,7 @@ _.extend(BI.OB.prototype, {
if (!isMounted) { if (!isMounted) {
return; return;
} }
this._isMounting = true this._isMounting = true;
if (!this.rendered) { if (!this.rendered) {
if (this.beforeInit) { if (this.beforeInit) {
this.__asking = true; this.__asking = true;
@ -21558,7 +21558,7 @@ _.extend(BI.OB.prototype, {
}); });
lazy && this._mountChildren && this._mountChildren(); lazy && this._mountChildren && this._mountChildren();
this.mounted && this.mounted(); this.mounted && this.mounted();
this._isMounting = false this._isMounting = false;
}, },
_mountChildren: null, _mountChildren: null,

220
dist/demo.js vendored
Unescape View File

@ -965,7 +965,79 @@ BI.shortcut("demo.toast", Demo.Toast);Demo.Func = BI.inherit(BI.Widget, {
baseCls: "demo-func" baseCls: "demo-func"
}, },
mounted: function () {
this.partTree.stroke({
keyword: "1"
});
},
render: function () { render: function () {
var self = this;
return {
type: "bi.vtape",
items: [{
type: "bi.label",
height: 50,
text: "先初始化一份数据，然后再异步获取数据的树"
}, {
type: "bi.part_tree",
ref: function (_ref) {
self.partTree = _ref;
},
paras: {
selectedValues: {"1": {}, "2": {"1": {}}}
},
itemsCreator: function (op, callback) {
if (op.type === BI.TreeView.REQ_TYPE_INIT_DATA) {
callback({
items: [{
id: "1",
text: 1,
isParent: true,
open: true
}, {
id: "11",
pId: "1",
text: 11,
isParent: true,
open: true
}, {
id: "111",
pId: "11",
text: 111,
isParent: true
}, {
id: "2",
text: 2
}, {
id: "3",
text: 3
}],
hasNext: BI.isNull(op.id)
});
return;
}
callback({
items: [{
id: (op.id || "") + "1",
pId: op.id,
text: 1,
isParent: true
}, {
id: (op.id || "") + "2",
pId: op.id,
text: 2
}, {
id: (op.id || "") + "3",
pId: op.id,
text: 3
}],
hasNext: BI.isNull(op.id)
});
}
}]
};
} }
}); });
BI.shortcut("demo.part_tree", Demo.Func);Demo.Func = BI.inherit(BI.Widget, { BI.shortcut("demo.part_tree", Demo.Func);Demo.Func = BI.inherit(BI.Widget, {
@ -974,7 +1046,9 @@ BI.shortcut("demo.part_tree", Demo.Func);Demo.Func = BI.inherit(BI.Widget, {
}, },
mounted: function () { mounted: function () {
this.syncTree.stroke(); this.syncTree.stroke({
keyword: "1"
});
}, },
render: function () { render: function () {
@ -991,7 +1065,7 @@ BI.shortcut("demo.part_tree", Demo.Func);Demo.Func = BI.inherit(BI.Widget, {
self.syncTree = _ref; self.syncTree = _ref;
}, },
paras: { paras: {
selectedValues: {"_0": {}, "_5": {"_5_0": {}}} selectedValues: {"1": {}, "2": {"1": {}}}
}, },
itemsCreator: function (op, callback) { itemsCreator: function (op, callback) {
callback({ callback({
@ -2867,143 +2941,7 @@ BI.DetailTableHeader = BI.inherit(BI.Widget, {
} }
} }
}); });
BI.shortcut("bi.detail_table_header", BI.DetailTableHeader);Demo.Face = BI.inherit(BI.Widget, { BI.shortcut("bi.detail_table_header", BI.DetailTableHeader);/**
props: {
baseCls: "demo-face"
},
render: function () {
var self = this;
return {
type: "bi.absolute",
items: [{
el: {
type: "bi.sequence_table",
ref: function () {
self.table = this;
},
isNeedFreeze: null,
isNeedMerge: false,
summaryCellStyleGetter: function (isLast) {
return {
background: "rgb(4, 177, 194)",
color: "#ffffff",
fontWeight: "bold"
};
},
sequenceCellStyleGetter: function (index) {
return {
background: "rgb(4, 177, 194)",
color: "#ffffff",
fontWeight: "bold"
};
},
headerCellStyleGetter: function () {
return {
background: "rgb(4, 177, 194)",
color: "#ffffff",
fontWeight: "bold"
};
},
el: {
type: "bi.adaptive_table",
el: {
type: "bi.resizable_table",
el: {
type: "bi.grid_table"
}
}
},
sequence: {
type: "bi.sequence_table_list_number",
pageSize: 100,
sequenceHeaderCreator: function () {
return {
type: "bi.normal_sequence_header_cell",
styleGetter: function () {
return {
background: "rgb(4, 177, 194)",
color: "#ffffff",
fontWeight: "bold"
};
}
};
}
},
itemsCreator: function (op, populate) {
}
},
left: 0,
right: 0,
top: 0,
bottom: 0
}]
};
},
mounted: function () {
var self = this;
if (BI.isNull(BI.isExpanded)) {
BI.isExpanded = false;
} else if (!BI.isExpanded) {
TABLE_ITEMS = this._expandData(TABLE_ITEMS, 3);
TABLE_HEADER = this._expandHeadData(TABLE_HEADER, 3);
BI.isExpanded = true;
}
this._resizeHandler = BI.debounce(function () {
var width = self.element.width(), height = self.element.height();
if (self.table.getWidth() !== width || self.table.getHeight() !== height) {
self.table.setWidth(width);
self.table.setHeight(height);
self.table.populate();
}
}, 0);
BI.ResizeDetector.addResizeListener(this, function () {
self._resizeHandler();
});
this.table.setWidth(this.element.width());
this.table.setHeight(this.element.height());
this.table.attr("columnSize", BI.makeArray(TABLE_HEADER[0].length, ""));
this.table.attr("minColumnSize", BI.makeArray(TABLE_HEADER[0].length, 60));
this.table.attr("isNeedFreeze", true);
this.table.attr("freezeCols", []);
this.table.attr("showSequence", true);
this.table.attr("headerRowSize", 15);
this.table.attr("rowSize", 15);
this.table.populate(TABLE_ITEMS, TABLE_HEADER);
},
_expandData: function (items, times) {
var copy = BI.deepClone(items);
for (var m = 0; m < times - 1; m++) {
BI.each(items, function (i, row) {
copy.push(row);
});
}
for (var n = 0; n < copy.length; n++) {
for (var m = 0; m < times - 1; m++) {
BI.each(items[n % 100], function (j, item) {
copy[n].push(item);
});
}
}
return copy;
},
_expandHeadData: function (items, times) {
var copy = BI.deepClone(items);
for (var n = 0; n < copy.length; n++) {
for (var m = 0; m < times - 1; m++) {
BI.each(items[n], function (j, item) {
copy[n].push(item);
});
}
}
return copy;
}
});
BI.shortcut("demo.large_table", Demo.Face);/**
* created by young * created by young
* 默认风格表格——表头 * 默认风格表格——表头
*/ */
@ -3553,10 +3491,6 @@ BI.shortcut("demo.value_chooser_pane", Demo.ValueChooserPane);Demo.BASE_CONFIG =
pId: 100000, pId: 100000,
text: "自定义一棵树", text: "自定义一棵树",
value: "demo.platform_level_tree" value: "demo.platform_level_tree"
}, {
pId: 100000,
text: "大表格",
value: "demo.large_table"
}, { }, {
pId: 100000, pId: 100000,
text: "可以排序的树", text: "可以排序的树",

16
dist/fineui.js vendored
Unescape View File

@ -21567,10 +21567,10 @@ _.extend(BI.OB.prototype, {
*/ */
!(function () { !(function () {
var lazy = (typeof document !== 'undefined' && var lazy = (typeof document !== "undefined" &&
typeof document.documentMode === 'number') || typeof document.documentMode === "number") ||
(typeof navigator !== 'undefined' && (typeof navigator !== "undefined" &&
typeof navigator.userAgent === 'string' && typeof navigator.userAgent === "string" &&
/\bEdge\/\d/.test(navigator.userAgent)); /\bEdge\/\d/.test(navigator.userAgent));
BI.Widget = BI.inherit(BI.OB, { BI.Widget = BI.inherit(BI.OB, {
_defaultConfig: function () { _defaultConfig: function () {
@ -21620,6 +21620,7 @@ _.extend(BI.OB.prototype, {
this._initVisual(); this._initVisual();
this._initState(); this._initState();
if (this.isVisible()) { if (this.isVisible()) {
this.rendered = true;
if (this.beforeInit) { if (this.beforeInit) {
this.__asking = true; this.__asking = true;
this.beforeInit(BI.bind(this._render, this)); this.beforeInit(BI.bind(this._render, this));
@ -21629,10 +21630,9 @@ _.extend(BI.OB.prototype, {
} else { } else {
this._render(); this._render();
} }
this.rendered = true
} }
if (this._isRoot) { if (this._isRoot) {
this._mount() this._mount();
} }
}, },
@ -21756,7 +21756,7 @@ _.extend(BI.OB.prototype, {
if (!isMounted) { if (!isMounted) {
return; return;
} }
this._isMounting = true this._isMounting = true;
if (!this.rendered) { if (!this.rendered) {
if (this.beforeInit) { if (this.beforeInit) {
this.__asking = true; this.__asking = true;
@ -21779,7 +21779,7 @@ _.extend(BI.OB.prototype, {
}); });
lazy && this._mountChildren && this._mountChildren(); lazy && this._mountChildren && this._mountChildren();
this.mounted && this.mounted(); this.mounted && this.mounted();
this._isMounting = false this._isMounting = false;
}, },
_mountChildren: null, _mountChildren: null,

2
dist/fineui.min.js vendored
View File

File diff suppressed because one or more lines are too long

16
src/core/widget.js
Unescape View File

@ -7,10 +7,10 @@
*/ */
!(function () { !(function () {
var lazy = (typeof document !== 'undefined' && var lazy = (typeof document !== "undefined" &&
typeof document.documentMode === 'number') || typeof document.documentMode === "number") ||
(typeof navigator !== 'undefined' && (typeof navigator !== "undefined" &&
typeof navigator.userAgent === 'string' && typeof navigator.userAgent === "string" &&
/\bEdge\/\d/.test(navigator.userAgent)); /\bEdge\/\d/.test(navigator.userAgent));
BI.Widget = BI.inherit(BI.OB, { BI.Widget = BI.inherit(BI.OB, {
_defaultConfig: function () { _defaultConfig: function () {
@ -60,6 +60,7 @@
this._initVisual(); this._initVisual();
this._initState(); this._initState();
if (this.isVisible()) { if (this.isVisible()) {
this.rendered = true;
if (this.beforeInit) { if (this.beforeInit) {
this.__asking = true; this.__asking = true;
this.beforeInit(BI.bind(this._render, this)); this.beforeInit(BI.bind(this._render, this));
@ -69,10 +70,9 @@
} else { } else {
this._render(); this._render();
} }
this.rendered = true
} }
if (this._isRoot) { if (this._isRoot) {
this._mount() this._mount();
} }
}, },
@ -196,7 +196,7 @@
if (!isMounted) { if (!isMounted) {
return; return;
} }
this._isMounting = true this._isMounting = true;
if (!this.rendered) { if (!this.rendered) {
if (this.beforeInit) { if (this.beforeInit) {
this.__asking = true; this.__asking = true;
@ -219,7 +219,7 @@
}); });
lazy && this._mountChildren && this._mountChildren(); lazy && this._mountChildren && this._mountChildren();
this.mounted && this.mounted(); this.mounted && this.mounted();
this._isMounting = false this._isMounting = false;
}, },
_mountChildren: null, _mountChildren: null,

Write Preview
Loading…
Cancel
Save