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

Pull request #3354: KERNEL-14045 refactor: calendar和pager文件es6化 

Merge in VISUAL/fineui from ~JOKER.WANG/fineui:es6 to es6

* commit '7fd4fd7218fc28f00356b7f8dcc325a2c7304f74':
  KERNEL-14045 refactor: 补充别名修改路径
  KERNEL-14045 refactor: 使用别名修改路径
  KERNEL-14045 refactor: 修改引用路径
  KERNEL-14045 refactor: calendar和pager文件es6化
es6
Joker.Wang-王顺 2 years ago
parent
2bfa20c861 7fd4fd7218
commit
e9bc394a01
9 changed files with 606 additions and 563 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 70
      src/case/calendar/calendar.date.item.js
  2. 255
      src/case/calendar/calendar.js
  3. 198
      src/case/calendar/calendar.year.js
  4. 3
      src/case/calendar/index.js
  5. 7
      src/case/index.js
  6. 3
      src/case/pager/index.js
  7. 206
      src/case/pager/pager.all.count.js
  8. 260
      src/case/pager/pager.detail.js
  9. 167
      src/case/pager/pager.direction.js

70
src/case/calendar/calendar.date.item.js
Unescape View File

@ -1,16 +1,23 @@
/**
* 专门为calendar的视觉加的button，作为私有button,不能配置任何属性，也不要用这个玩意
*/
BI.CalendarDateItem = BI.inherit(BI.BasicButton, {
props: function() {
import { shortcut } from "@/core";
import { BasicButton } from "@/base";
@shortcut()
export class CalendarDateItem extends BasicButton {
props() {
return {
baseCls: "bi-calendar-date-item",
height: BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT + 8,
}
},
};
}
static xtype = "bi.calendar_date_item";
render: function () {
var self = this, o = this.options;
render () {
const { text, value, lgap, rgap, tgap, bgap } = this.options;
return {
type: "bi.absolute",
items: [{
@ -18,41 +25,40 @@ BI.CalendarDateItem = BI.inherit(BI.BasicButton, {
type: "bi.text_item",
cls: "bi-border-radius bi-list-item-select",
textAlign: "center",
text: o.text,
value: o.value,
ref: function () {
self.text = this;
}
text,
value,
ref: _ref => {
this.text = _ref;
},
},
left: o.lgap,
right: o.rgap,
top: o.tgap,
bottom: o.bgap
}]
left: lgap,
right: rgap,
top: tgap,
bottom: bgap,
}],
};
},
}
doHighLight: function () {
this.text.doHighLight.apply(this.text, arguments);
},
doHighLight () {
this.text.doHighLight(...arguments);
}
unHighLight: function () {
this.text.unHighLight.apply(this.text, arguments);
},
unHighLight () {
this.text.unHighLight(...arguments);
}
setValue: function () {
setValue () {
if (!this.isReadOnly()) {
this.text.setValue.apply(this.text, arguments);
this.text.setValue(...arguments);
}
},
}
setSelected: function (b) {
BI.CalendarDateItem.superclass.setSelected.apply(this, arguments);
setSelected (b) {
super.setSelected(...arguments);
this.text.setSelected(b);
},
}
getValue: function () {
getValue () {
return this.text.getValue();
}
});
BI.shortcut("bi.calendar_date_item", BI.CalendarDateItem);
}

255
src/case/calendar/calendar.js
Unescape View File

@ -3,32 +3,36 @@
* @class BI.Calendar
* @extends BI.Widget
*/
BI.Calendar = BI.inherit(BI.Widget, {
_defaultConfig: function () {
var conf = BI.Calendar.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, {
import { shortcut, Widget, getDate, each, range, extend, isLeapYear, Date, StartOfWeek, checkDateVoid, map, createWidget, createItems, LogicFactory, Controller, getShortDayName, getOffsetDate, isNotEmptyString, parseInt } from "@/core";
@shortcut()
export class Calendar extends Widget {
static xtype = "bi.calendar";
_defaultConfig () {
const conf = super._defaultConfig(...arguments);
return extend(conf, {
baseCls: "bi-calendar",
logic: {
dynamic: false
dynamic: false,
},
min: "1900-01-01", // 最小日期
max: "2099-12-31", // 最大日期
year: 2015,
month: 8,
day: 25
day: 25,
});
},
_dateCreator: function (Y, M, D) {
var self = this, o = this.options, log = {}, De = BI.getDate();
var mins = o.min.match(/\d+/g);
var maxs = o.max.match(/\d+/g);
}
_dateCreator (Y, M, D) {
const { min, max } = this.options, log = {}, De = getDate();
const mins = min.match(/\d+/g);
const maxs = max.match(/\d+/g);
De.setFullYear(Y, M, D);
log.ymd = [De.getFullYear(), De.getMonth(), De.getDate()];
var MD = BI.Date._MD.slice(0);
MD[1] = BI.isLeapYear(log.ymd[0]) ? 29 : 28;
const MD = Date._MD.slice(0);
MD[1] = isLeapYear(log.ymd[0]) ? 29 : 28;
// 日期所在月第一天
De.setFullYear(log.ymd[0], log.ymd[1], 1);
@ -36,15 +40,16 @@ BI.Calendar = BI.inherit(BI.Widget, {
log.FDay = De.getDay();
// 当前BI.StartOfWeek与周日对齐后的FDay是周几
var offSetFDay = (7 - BI.StartOfWeek + log.FDay) % 7;
const offSetFDay = (7 - StartOfWeek + log.FDay) % 7;
// 当前月页第一天是几号
log.PDay = MD[M === 0 ? 11 : M - 1] - offSetFDay + 1;
log.NDay = 1;
var items = [];
BI.each(BI.range(42), function (i) {
var td = {}, YY = log.ymd[0], MM = log.ymd[1] + 1, DD;
const items = [];
each(range(42), i => {
const td = {};
let YY = log.ymd[0], MM = log.ymd[1] + 1, DD;
// 上个月的日期
if (i < offSetFDay) {
td.lastMonth = true;
@ -63,89 +68,92 @@ BI.Calendar = BI.inherit(BI.Widget, {
MM === 12 && (YY += 1);
MM = MM === 12 ? 1 : MM + 1;
}
if (BI.checkDateVoid(YY, MM, DD, mins, maxs)[0]) {
if (checkDateVoid(YY, MM, DD, mins, maxs)[0]) {
td.disabled = true;
}
td.text = DD;
items.push(td);
});
return items;
},
}
_init: function () {
BI.Calendar.superclass._init.apply(this, arguments);
var self = this, o = this.options;
var items = BI.map(this._getWeekLabel(), function (i, value) {
_init () {
super._init(...arguments);
const { year, month, day, logic } = this.options;
const items = map(this._getWeekLabel(), (i, value) => {
return {
type: "bi.label",
height: BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT,
text: value
text: value,
};
});
var title = BI.createWidget({
const title = createWidget({
type: "bi.button_group",
height: 44,
items: items,
items,
layouts: [{
type: "bi.center",
hgap: 5,
vgap: 10
}]
vgap: 10,
}],
});
this.days = BI.createWidget({
this.days = createWidget({
type: "bi.button_group",
items: BI.createItems(this._getItems(), {}),
value: o.year + "-" + o.month + "-" + o.day,
layouts: [BI.LogicFactory.createLogic("table", BI.extend({}, o.logic, {
items: createItems(this._getItems(), {}),
value: `${year}-${month}-${day}`,
layouts: [LogicFactory.createLogic("table", extend({}, logic, {
columns: 7,
rows: 6,
columnSize: [1 / 7, 1 / 7, 1 / 7, 1 / 7, 1 / 7, 1 / 7, 1 / 7],
rowSize: BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT + 8
}))]
rowSize: BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT + 8,
}))],
});
this.days.on(BI.Controller.EVENT_CHANGE, function () {
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
this.days.on(Controller.EVENT_CHANGE, () => {
this.fireEvent(Controller.EVENT_CHANGE, arguments);
});
BI.createWidget(BI.extend({
element: this
createWidget(extend({
element: this,
}, BI.LogicFactory.createLogic("vertical", BI.extend({}, o.logic, {
items: BI.LogicFactory.createLogicItemsByDirection("top", title, {
}, LogicFactory.createLogic("vertical", extend({}, logic, {
items: LogicFactory.createLogicItemsByDirection("top", title, {
el: this.days,
tgap: -5
})
tgap: -5,
}),
}))));
},
}
_getWeekLabel: function () {
return BI.map(BI.range(0, 7), function (idx, v) {
return BI.getShortDayName((v + BI.StartOfWeek) % 7);
});
},
_getWeekLabel () {
return map(range(0, 7), (idx, v) => getShortDayName((v + StartOfWeek) % 7));
}
isFrontDate: function () {
var o = this.options, c = this._const;
var Y = o.year, M = o.month, De = BI.getDate(), day = De.getDay();
isFrontDate () {
const { year, month, min, max } = this.options;
let Y = year;
const M = month, De = getDate(), day = De.getDay();
Y = Y | 0;
De.setFullYear(Y, M, 1);
var newDate = BI.getOffsetDate(De, -1 * (day + 1));
return !!BI.checkDateVoid(newDate.getFullYear(), newDate.getMonth(), newDate.getDate(), o.min, o.max)[0];
},
const newDate = getOffsetDate(De, -1 * (day + 1));
return !!checkDateVoid(newDate.getFullYear(), newDate.getMonth(), newDate.getDate(), min, max)[0];
}
isFinalDate: function () {
var o = this.options, c = this._const;
var Y = o.year, M = o.month, De = BI.getDate(), day = De.getDay();
isFinalDate () {
const { year, month, min, max } = this.options;
let Y = year;
const M = month, De = getDate(), day = De.getDay();
Y = Y | 0;
De.setFullYear(Y, M, 1);
var newDate = BI.getOffsetDate(De, 42 - day);
return !!BI.checkDateVoid(newDate.getFullYear(), newDate.getMonth(), newDate.getDate(), o.min, o.max)[0];
},
const newDate = getOffsetDate(De, 42 - day);
return !!checkDateVoid(newDate.getFullYear(), newDate.getMonth(), newDate.getDate(), min, max)[0];
}
_getItems: function () {
var o = this.options;
var days = this._dateCreator(o.year, o.month - 1, o.day);
var items = [];
_getItems () {
const o = this.options;
const days = this._dateCreator(o.year, o.month - 1, o.day);
const items = [];
items.push(days.slice(0, 7));
items.push(days.slice(7, 14));
items.push(days.slice(14, 21));
@ -153,93 +161,94 @@ BI.Calendar = BI.inherit(BI.Widget, {
items.push(days.slice(28, 35));
items.push(days.slice(35, 42));
return BI.map(items, function (i, item) {
return BI.map(item, function (j, td) {
var month = td.lastMonth ? o.month - 1 : (td.nextMonth ? o.month + 1 : o.month);
var year = o.year;
if (month > 12) {
month = 1;
year++;
} else if (month < 1) {
month = 12;
year--;
}
return BI.extend(td, {
type: "bi.calendar_date_item",
once: false,
forceSelected: true,
value: year + "-" + month + "-" + td.text,
disabled: td.disabled,
cls: td.lastMonth || td.nextMonth ? "bi-tips" : "",
lgap: 2,
rgap: 2,
tgap: 4,
bgap: 4
// selected: td.currentDay
});
return map(items, (i, item) => map(item, (j, td) => {
let month = td.lastMonth ? o.month - 1 : (td.nextMonth ? o.month + 1 : o.month);
let year = o.year;
if (month > 12) {
month = 1;
year++;
} else if (month < 1) {
month = 12;
year--;
}
return extend(td, {
type: "bi.calendar_date_item",
once: false,
forceSelected: true,
value: `${year}-${month}-${td.text}`,
disabled: td.disabled,
cls: td.lastMonth || td.nextMonth ? "bi-tips" : "",
lgap: 2,
rgap: 2,
tgap: 4,
bgap: 4,
// selected: td.currentDay
});
});
},
}));
}
_populate: function() {
_populate() {
this.days.populate(this._getItems());
},
}
setMinDate: function (minDate) {
var o = this.options;
if (BI.isNotEmptyString(o.min)) {
setMinDate (minDate) {
const o = this.options;
if (isNotEmptyString(o.min)) {
o.min = minDate;
this._populate();
}
},
}
setMaxDate: function (maxDate) {
var o = this.options;
if (BI.isNotEmptyString(o.max)) {
setMaxDate (maxDate) {
const o = this.options;
if (isNotEmptyString(o.max)) {
o.max = maxDate;
this._populate();
}
},
}
setValue: function (ob) {
this.days.setValue([ob.year + "-" + ob.month + "-" + ob.day]);
},
setValue (ob) {
this.days.setValue([`${ob.year}-${ob.month}-${ob.day}`]);
}
getValue: function () {
var date = this.days.getValue()[0].match(/\d+/g);
getValue () {
const date = this.days.getValue()[0].match(/\d+/g);
return {
year: date[0] | 0,
month: date[1] | 0,
day: date[2] | 0
day: date[2] | 0,
};
}
});
}
BI.extend(BI.Calendar, {
getPageByDateJSON: function (json) {
var year = BI.getDate().getFullYear();
var month = BI.getDate().getMonth();
var page = (json.year - year) * 12;
extend(Calendar, {
getPageByDateJSON (json) {
const year = getDate().getFullYear();
const month = getDate().getMonth();
let page = (json.year - year) * 12;
page += json.month - 1 - month;
return page;
},
getDateJSONByPage: function (v) {
var months = BI.getDate().getMonth();
var page = v;
getDateJSONByPage (v) {
const months = getDate().getMonth();
let page = v;
// 对当前page做偏移,使到当前年初
page = page + months;
var year = BI.parseInt(page / 12);
if(page < 0 && page % 12 !== 0) {
let year = parseInt(page / 12);
if (page < 0 && page % 12 !== 0) {
year--;
}
var month = page >= 0 ? (page % 12) : ((12 + page % 12) % 12);
const month = page >= 0 ? (page % 12) : ((12 + page % 12) % 12);
return {
year: BI.getDate().getFullYear() + year,
month: month + 1
year: getDate().getFullYear() + year,
month: month + 1,
};
}
},
});
BI.shortcut("bi.calendar", BI.Calendar);

198
src/case/calendar/calendar.year.js
Unescape View File

@ -3,99 +3,104 @@
* @class BI.YearCalendar
* @extends BI.Widget
*/
BI.YearCalendar = BI.inherit(BI.Widget, {
_defaultConfig: function () {
var conf = BI.YearCalendar.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, {
import { shortcut, Widget, extend, parseDateTime, range, checkDateVoid, print, getDate, each, createWidget, createItems, LogicFactory, Controller, makeArray, map, isNotEmptyString } from "@/core";
@shortcut()
export class YearCalendar extends Widget {
static xtype = "bi.year_calendar";
_defaultConfig () {
const conf = super._defaultConfig(...arguments);
return extend(conf, {
baseCls: "bi-year-calendar",
behaviors: {},
logic: {
dynamic: false
dynamic: false,
},
min: "1900-01-01", // 最小日期
max: "2099-12-31", // 最大日期
year: null
year: null,
});
},
}
_yearCreator: function (Y) {
var o = this.options;
_yearCreator (Y) {
const { min, max } = this.options;
Y = Y | 0;
var start = BI.YearCalendar.getStartYear(Y);
var items = [];
const start = YearCalendar.getStartYear(Y);
const items = [];
// 对于年控件来说，只要传入的minDate和maxDate的year区间包含v就是合法的
var startDate = BI.parseDateTime(o.min, "%Y-%X-%d");
var endDate = BI.parseDateTime(o.max, "%Y-%X-%d");
BI.each(BI.range(BI.YearCalendar.INTERVAL), function (i) {
var td = {};
if (BI.checkDateVoid(start + i, 1, 1, BI.print(BI.getDate(startDate.getFullYear(), 0, 1), "%Y-%X-%d"), BI.print(BI.getDate(endDate.getFullYear(), 0, 1), "%Y-%X-%d"))[0]) {
const startDate = parseDateTime(min, "%Y-%X-%d");
const endDate = parseDateTime(max, "%Y-%X-%d");
each(range(YearCalendar.INTERVAL), i => {
const td = {};
if (checkDateVoid(start + i, 1, 1, print(getDate(startDate.getFullYear(), 0, 1), "%Y-%X-%d"), print(getDate(endDate.getFullYear(), 0, 1), "%Y-%X-%d"))[0]) {
td.disabled = true;
}
td.text = start + i;
items.push(td);
});
return items;
},
_init: function () {
BI.YearCalendar.superclass._init.apply(this, arguments);
var self = this, o = this.options;
this.currentYear = BI.getDate().getFullYear();
}
_init () {
super._init(...arguments);
const { behaviors, logic } = this.options;
this.currentYear = getDate().getFullYear();
this.years = BI.createWidget({
this.years = createWidget({
type: "bi.button_group",
behaviors: o.behaviors,
items: BI.createItems(this._getItems(), {}),
layouts: [BI.LogicFactory.createLogic("table", BI.extend({}, o.logic, {
behaviors,
items: createItems(this._getItems(), {}),
layouts: [LogicFactory.createLogic("table", extend({}, logic, {
columns: 2,
rows: 6,
columnSize: [1 / 2, 1 / 2],
rowSize: BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT,
})), {
type: "bi.center_adapt",
vgap: 2
}]
vgap: 2,
}],
});
this.years.on(BI.Controller.EVENT_CHANGE, function () {
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
this.years.on(Controller.EVENT_CHANGE, (...args) => {
this.fireEvent(Controller.EVENT_CHANGE, ...args);
});
BI.createWidget(BI.extend({
element: this
}, BI.LogicFactory.createLogic("vertical", BI.extend({}, o.logic, {
createWidget(extend({
element: this,
}, LogicFactory.createLogic("vertical", extend({}, logic, {
scrolly: true,
vgap: 5,
hgap: 6,
items: BI.LogicFactory.createLogicItemsByDirection("top", this.years)
items: LogicFactory.createLogicItemsByDirection("top", this.years),
}))));
},
}
isFrontYear: function () {
var o = this.options;
var Y = o.year;
isFrontYear () {
const { min, max } = this.options;
let Y = this.options.year;
Y = Y | 0;
return !!BI.checkDateVoid(BI.YearCalendar.getStartYear(Y) - 1, 1, 1, o.min, o.max)[0];
},
return !!checkDateVoid(YearCalendar.getStartYear(Y) - 1, 1, 1, min, max)[0];
}
isFinalYear: function () {
var o = this.options, c = this._const;
var Y = o.year;
isFinalYear () {
const { min, max } = this.options;
let Y = this.options.year;
Y = Y | 0;
return !!BI.checkDateVoid(BI.YearCalendar.getEndYear(Y) + 1, 1, 1, o.min, o.max)[0];
},
return !!checkDateVoid(YearCalendar.getEndYear(Y) + 1, 1, 1, min, max)[0];
}
_getItems: function () {
var o = this.options;
var years = this._yearCreator(o.year || this.currentYear);
_getItems () {
const { year } = this.options;
const years = this._yearCreator(year || this.currentYear);
// 纵向排列年
var len = years.length, tyears = BI.makeArray(len, "");
var map = [0, 6, 1, 7, 2, 8, 3, 9, 4, 10, 5, 11];
BI.each(years, function (i, y) {
tyears[i] = years[map[i]];
const len = years.length, tyears = makeArray(len, "");
const mapArr = [0, 6, 1, 7, 2, 8, 3, 9, 4, 10, 5, 11];
each(years, (i, y) => {
tyears[i] = years[mapArr[i]];
});
var items = [];
const items = [];
items.push(tyears.slice(0, 2));
items.push(tyears.slice(2, 4));
items.push(tyears.slice(4, 6));
@ -103,71 +108,70 @@ BI.YearCalendar = BI.inherit(BI.Widget, {
items.push(tyears.slice(8, 10));
items.push(tyears.slice(10, 12));
return BI.map(items, function (i, item) {
return BI.map(item, function (j, td) {
return BI.extend(td, {
type: "bi.text_item",
cls: "bi-list-item-select bi-border-radius",
textAlign: "center",
whiteSpace: "normal",
once: false,
forceSelected: true,
height: BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT,
width: 45,
value: td.text,
disabled: td.disabled
});
});
});
},
return map(items, (i, item) => map(item, (j, td) => extend(td, {
type: "bi.text_item",
cls: "bi-list-item-select bi-border-radius",
textAlign: "center",
whiteSpace: "normal",
once: false,
forceSelected: true,
height: BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT,
width: 45,
value: td.text,
disabled: td.disabled,
})));
}
_populate: function () {
_populate () {
this.years.populate(this._getItems());
},
}
setMinDate: function (minDate) {
var o = this.options;
if (BI.isNotEmptyString(o.min)) {
setMinDate (minDate) {
const o = this.options;
if (isNotEmptyString(o.min)) {
o.min = minDate;
this._populate();
}
},
}
setMaxDate: function (maxDate) {
var o = this.options;
if (BI.isNotEmptyString(this.options.max)) {
setMaxDate (maxDate) {
const o = this.options;
if (isNotEmptyString(this.options.max)) {
o.max = maxDate;
this._populate();
}
},
}
setValue: function (val) {
setValue (val) {
this.years.setValue([val]);
},
}
getValue: function () {
getValue () {
return this.years.getValue()[0];
}
});
}
// 类方法
BI.extend(BI.YearCalendar, {
extend(YearCalendar, {
INTERVAL: 12,
// 获取显示的第一年
getStartYear: function (year) {
var cur = BI.getDate().getFullYear();
return year - ((year - cur + 3) % BI.YearCalendar.INTERVAL + 12) % BI.YearCalendar.INTERVAL;
getStartYear (year) {
const cur = getDate().getFullYear();
return year - ((year - cur + 3) % YearCalendar.INTERVAL + 12) % YearCalendar.INTERVAL;
},
getEndYear: function (year) {
return BI.YearCalendar.getStartYear(year) + BI.YearCalendar.INTERVAL - 1;
getEndYear (year) {
return YearCalendar.getStartYear(year) + YearCalendar.INTERVAL - 1;
},
getPageByYear: function (year) {
var cur = BI.getDate().getFullYear();
year = BI.YearCalendar.getStartYear(year);
return (year - cur + 3) / BI.YearCalendar.INTERVAL;
}
getPageByYear (year) {
const cur = getDate().getFullYear();
year = YearCalendar.getStartYear(year);
return (year - cur + 3) / YearCalendar.INTERVAL;
},
});
BI.shortcut("bi.year_calendar", BI.YearCalendar);

3
src/case/calendar/index.js
Unescape View File

@ -0,0 +1,3 @@
export { CalendarDateItem } from "./calendar.date.item";
export { Calendar } from "./calendar";
export { YearCalendar } from "./calendar.year";

7
src/case/index.js
Unescape View File

@ -1,10 +1,17 @@
import * as button from "./button";
import * as calendarItem from "./calendar";
import * as pager from "./pager";
import * as editor from "./editor";
Object.assign(BI, {
...button,
...calendarItem,
...pager,
...editor,
});
export * from "./button";
export * from "./calendar";
export * from "./pager";
export * from "./editor";

3
src/case/pager/index.js
Unescape View File

@ -0,0 +1,3 @@
export { AllCountPager } from "./pager.all.count";
export { DetailPager } from "./pager.detail";
export { DirectionPager } from "./pager.direction";

206
src/case/pager/pager.all.count.js
Unescape View File

@ -2,10 +2,15 @@
* 有总页数和总行数的分页控件
* Created by Young's on 2016/10/13.
*/
BI.AllCountPager = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.AllCountPager.superclass._defaultConfig.apply(this, arguments), {
import { shortcut, Widget, extend, isPositiveInteger, createWidget, parseInt, HorizontalAlign, isNotEmptyObject } from "@/core";
// import { TextEditor } from "@/widget/editor/editor.text";
import { Pager } from "@/base";
@shortcut()
export class AllCountPager extends Widget {
static xtype = "bi.all_count_pager";
static EVENT_CHANGE = "EVENT_CHANGE";
_defaultConfig () {
return extend(super._defaultConfig(...arguments), {
extraCls: "bi-all-count-pager",
pagerDirection: "vertical", // 翻页按钮方向，可选值：vertical/horizontal
height: 24,
@ -16,36 +21,36 @@ BI.AllCountPager = BI.inherit(BI.Widget, {
showRowCount: true,
showRowInfo: true,
});
},
_init: function () {
BI.AllCountPager.superclass._init.apply(this, arguments);
var self = this, o = this.options, pagerIconCls = this._getPagerIconCls();
this.editor = BI.createWidget({
}
_init () {
super._init(...arguments);
const { pages, curr, hasPrev, hasNext, firstPage, lastPage, height, showRowCount } = this.options, pagerIconCls = this._getPagerIconCls();
this.editor = createWidget({
type: "bi.small_text_editor",
cls: "pager-editor bi-border-radius",
validationChecker: function (v) {
return (o.pages === 0 && v === "0") || BI.isPositiveInteger(v);
validationChecker (v) {
return (pages === 0 && v === "0") || isPositiveInteger(v);
},
hgap: 4,
vgap: 0,
value: o.curr,
value: curr,
errorText: BI.i18nText("BI-Please_Input_Positive_Integer"),
width: 40,
height: 24,
invisible: o.pages <= 1
invisible: pages <= 1,
});
this.pager = BI.createWidget({
this.pager = createWidget({
type: "bi.pager",
width: 58,
layouts: [{
type: "bi.horizontal",
lgap: 5
lgap: 5,
}],
dynamicShow: false,
pages: o.pages,
curr: o.curr,
pages,
curr,
groups: 0,
first: false,
@ -57,7 +62,7 @@ BI.AllCountPager = BI.inherit(BI.Widget, {
warningTitle: BI.i18nText("BI-Current_Is_First_Page"),
height: 22,
width: 22,
cls: "bi-border bi-border-radius all-pager-prev bi-list-item-select2 " + pagerIconCls.preCls
cls: `bi-border bi-border-radius all-pager-prev bi-list-item-select2 ${pagerIconCls.preCls}`,
},
next: {
type: "bi.icon_button",
@ -66,42 +71,43 @@ BI.AllCountPager = BI.inherit(BI.Widget, {
warningTitle: BI.i18nText("BI-Current_Is_Last_Page"),
height: 22,
width: 22,
cls: "bi-border bi-border-radius all-pager-next bi-list-item-select2 " + pagerIconCls.nextCls
cls: `bi-border bi-border-radius all-pager-next bi-list-item-select2 ${pagerIconCls.nextCls}`,
},
hasPrev: o.hasPrev,
hasNext: o.hasNext,
firstPage: o.firstPage,
lastPage: o.lastPage,
invisible: o.pages <= 1
hasPrev,
hasNext,
firstPage,
lastPage,
invisible: pages <= 1,
});
this.editor.on(BI.TextEditor.EVENT_CONFIRM, function () {
self.pager.setValue(BI.parseInt(self.editor.getValue()));
self.fireEvent(BI.AllCountPager.EVENT_CHANGE);
// TODO:需等到TextEditor 完成es6化后才可替换BI.TextEditor
this.editor.on(BI.TextEditor.EVENT_CONFIRM, () => {
this.pager.setValue(parseInt(this.editor.getValue()));
this.fireEvent(AllCountPager.EVENT_CHANGE);
});
this.pager.on(BI.Pager.EVENT_CHANGE, function () {
self.fireEvent(BI.AllCountPager.EVENT_CHANGE);
this.pager.on(Pager.EVENT_CHANGE, () => {
this.fireEvent(AllCountPager.EVENT_CHANGE);
});
this.pager.on(BI.Pager.EVENT_AFTER_POPULATE, function () {
self.editor.setValue(self.pager.getCurrentPage());
this.pager.on(Pager.EVENT_AFTER_POPULATE, () => {
this.editor.setValue(this.pager.getCurrentPage());
});
this.allPages = BI.createWidget({
this.allPages = createWidget({
type: "bi.label",
title: o.pages,
height: o.height,
text: "/" + o.pages,
title: pages,
height,
text: `/${pages}`,
lgap: 5,
invisible: o.pages <= 1
invisible: pages <= 1,
});
BI.createWidget(o.showRowCount ? {
createWidget(showRowCount ? {
type: "bi.vertical_adapt",
element: this,
scrollx: false,
columnSize: ["fill", ""],
horizontalAlign: BI.HorizontalAlign.Right,
horizontalAlign: HorizontalAlign.Right,
items: [
this._getRowCountObject(),
this.editor, this.allPages, this.pager
@ -109,126 +115,124 @@ BI.AllCountPager = BI.inherit(BI.Widget, {
} : {
type: "bi.vertical_adapt",
element: this,
items: [this.editor, this.allPages, this.pager]
items: [this.editor, this.allPages, this.pager],
});
},
_getPagerIconCls: function () {
var o = this.options;
switch (o.pagerDirection) {
case "horizontal":
return {
preCls: "row-pre-page-h-font ",
nextCls: "row-next-page-h-font "
};
case "vertical":
default:
return {
preCls: "column-pre-page-h-font ",
nextCls: "column-next-page-h-font "
};
}
_getPagerIconCls () {
const { pagerDirection } = this.options;
switch (pagerDirection) {
case "horizontal":
return {
preCls: "row-pre-page-h-font ",
nextCls: "row-next-page-h-font ",
};
case "vertical":
default:
return {
preCls: "column-pre-page-h-font ",
nextCls: "column-next-page-h-font ",
};
}
},
}
_getRowCountObject: function() {
var self = this, o = this.options;
_getRowCountObject() {
const { height, count, rowInfoObject } = this.options;
return {
type: "bi.left",
height: o.height,
height,
scrollable: false,
ref: function (_ref) {
self.rowCountObject = _ref;
ref: _ref => {
this.rowCountObject = _ref;
},
items: [{
type: "bi.label",
height: o.height,
height,
text: BI.i18nText("BI-Basic_Total"),
ref: function (_ref) {
self.prevText = _ref;
}
ref: _ref => {
this.prevText = _ref;
},
}, {
el: {
type: "bi.label",
ref: function (_ref) {
self.rowCount = _ref;
ref: _ref => {
this.rowCount = _ref;
},
cls: "row-count",
height: o.height,
text: o.count,
title: o.count
height,
text: count,
title: count,
},
hgap: 5,
}, {
type: "bi.label",
height: o.height,
height,
text: BI.i18nText("BI-Tiao_Data"),
textAlign: "left"
}, BI.isNotEmptyObject(o.rowInfoObject) ? o.rowInfoObject : null]
textAlign: "left",
}, isNotEmptyObject(rowInfoObject) ? rowInfoObject : null],
};
},
}
setAllPages: function (v) {
this.allPages.setText("/" + v);
setAllPages (v) {
this.allPages.setText(`/${v}`);
this.allPages.setTitle(v);
this.options.pages = v;
this.pager.setAllPages(v);
this.editor.setEnable(v >= 1);
this.setPagerVisible(v > 1);
},
}
setShowRowInfo: function (b) {
setShowRowInfo (b) {
this.options.showRowInfo = b;
this.rowCountObject.setVisible(b);
},
}
setValue: function (v) {
setValue (v) {
this.pager.setValue(v);
},
}
setVPage: function (v) {
setVPage (v) {
this.pager.setValue(v);
},
}
setCount: function (count) {
setCount (count) {
if (this.options.showRowCount) {
this.rowCount.setText(count);
this.rowCount.setTitle(count);
}
},
}
setCountPrevText: function (text) {
setCountPrevText (text) {
if (this.options.showRowCount) {
this.prevText.setText(text);
}
},
}
getCurrentPage: function () {
getCurrentPage () {
return this.pager.getCurrentPage();
},
}
hasPrev: function () {
hasPrev () {
return this.pager.hasPrev();
},
}
hasNext: function () {
hasNext () {
return this.pager.hasNext();
},
}
isShowPager: function () {
isShowPager () {
return this.options.showRowInfo || this.options.pages > 1;
},
}
setPagerVisible: function (b) {
setPagerVisible (b) {
this.editor.setVisible(b);
this.allPages.setVisible(b);
this.pager.setVisible(b);
},
}
populate: function () {
populate () {
this.pager.populate();
this.setPagerVisible(this.options.pages > 1);
}
});
BI.AllCountPager.EVENT_CHANGE = "EVENT_CHANGE";
BI.shortcut("bi.all_count_pager", BI.AllCountPager);
}

260
src/case/pager/pager.detail.js
Unescape View File

@ -5,9 +5,15 @@
* @class BI.DetailPager
* @extends BI.Widget
*/
BI.DetailPager = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.DetailPager.superclass._defaultConfig.apply(this, arguments), {
import { shortcut, Widget, extend, emptyFn, result, debounce, isKey, createWidget, createItems, Controller, Events, MIN, MAX } from "@/core";
@shortcut()
export class DetailPager extends Widget {
static xtype = "bi.detail_pager";
static EVENT_CHANGE = "EVENT_CHANGE";
static EVENT_AFTER_POPULATE = "EVENT_AFTER_POPULATE";
_defaultConfig () {
return extend(super._defaultConfig(...arguments), {
baseCls: "bi-detail-pager",
behaviors: {},
layouts: [{
@ -19,11 +25,11 @@ BI.DetailPager = BI.inherit(BI.Widget, {
dynamicShowFirstLast: false, // 是否动态显示首页、尾页
dynamicShowPrevNext: false, // 是否动态显示上一页、下一页
pages: false, // 总页数
curr: function () {
curr () {
return 1;
}, // 初始化当前页
groups: 0, // 连续显示分页数
jump: BI.emptyFn, // 分页的回调函数
jump: emptyFn, // 分页的回调函数
first: false, // 是否显示首页
last: false, // 是否显示尾页
@ -31,35 +37,34 @@ BI.DetailPager = BI.inherit(BI.Widget, {
next: "下一页",
firstPage: 1,
lastPage: function () { // 在万不得已时才会调用这个函数获取最后一页的页码, 主要作用于setValue方法
lastPage () { // 在万不得已时才会调用这个函数获取最后一页的页码, 主要作用于setValue方法
return 1;
},
hasPrev: BI.emptyFn, // pages不可用时有效
hasNext: BI.emptyFn // pages不可用时有效
hasPrev: emptyFn, // pages不可用时有效
hasNext: emptyFn, // pages不可用时有效
});
},
_init: function () {
BI.DetailPager.superclass._init.apply(this, arguments);
var self = this;
this.currPage = BI.result(this.options, "curr");
}
_init () {
super._init(...arguments);
this.currPage = result(this.options, "curr");
// 翻页太灵敏
this._lock = false;
this._debouce = BI.debounce(function () {
self._lock = false;
this._debouce = debounce(() => {
this._lock = false;
}, 300);
this._populate();
},
_populate: function () {
var self = this, o = this.options, view = [], dict = {};
}
_populate () {
const o = this.options, view = [], dict = {};
const { dynamicShow, dynamicShowPrevNext, hasPrev, dynamicShowFirstLast, hasNext, behaviors, layouts, jump } = this.options;
this.empty();
var pages = BI.result(o, "pages");
var curr = BI.result(this, "currPage");
var groups = BI.result(o, "groups");
var first = BI.result(o, "first");
var last = BI.result(o, "last");
var prev = BI.result(o, "prev");
var next = BI.result(o, "next");
const pages = result(o, "pages");
const curr = result(this, "currPage");
let groups = result(o, "groups");
let first = result(o, "first");
let last = result(o, "last");
const prev = result(o, "prev");
const next = result(o, "next");
if (pages === false) {
groups = 0;
@ -73,32 +78,32 @@ BI.DetailPager = BI.inherit(BI.Widget, {
dict.index = Math.ceil((curr + ((groups > 1 && groups !== pages) ? 1 : 0)) / (groups === 0 ? 1 : groups));
// 当前页非首页，则输出上一页
if (((!o.dynamicShow && !o.dynamicShowPrevNext) || curr > 1) && prev !== false) {
if (BI.isKey(prev)) {
if (((!dynamicShow && !dynamicShowPrevNext) || curr > 1) && prev !== false) {
if (isKey(prev)) {
view.push({
text: prev,
value: "prev",
disabled: pages === false ? o.hasPrev(curr) === false : !(curr > 1 && prev !== false)
disabled: pages === false ? hasPrev(curr) === false : !(curr > 1 && prev !== false),
});
} else {
view.push(BI.extend({
disabled: pages === false ? o.hasPrev(curr) === false : !(curr > 1 && prev !== false)
view.push(extend({
disabled: pages === false ? hasPrev(curr) === false : !(curr > 1 && prev !== false),
}, prev));
}
}
// 当前组非首组，则输出首页
if (((!o.dynamicShow && !o.dynamicShowFirstLast) || (dict.index > 1 && groups !== 0)) && first) {
if (((!dynamicShow && !dynamicShowFirstLast) || (dict.index > 1 && groups !== 0)) && first) {
view.push({
text: first,
value: "first",
disabled: !(dict.index > 1 && groups !== 0)
disabled: !(dict.index > 1 && groups !== 0),
});
if (dict.index > 1 && groups !== 0) {
view.push({
type: "bi.label",
cls: "page-ellipsis",
text: "\u2026"
text: "\u2026",
});
}
}
@ -107,13 +112,14 @@ BI.DetailPager = BI.inherit(BI.Widget, {
dict.poor = Math.floor((groups - 1) / 2);
dict.start = dict.index > 1 ? curr - dict.poor : 1;
dict.end = dict.index > 1 ? (function () {
var max = curr + (groups - dict.poor - 1);
const max = curr + (groups - dict.poor - 1);
return max > pages ? pages : max;
}()) : groups;
if (dict.end - dict.start < groups - 1) { // 最后一组状态
dict.start = dict.end - groups + 1;
}
var s = dict.start, e = dict.end;
let s = dict.start, e = dict.end;
if (first && last && (dict.index > 1 && groups !== 0) && (pages > groups && dict.end < pages && groups !== 0)) {
s++;
e--;
@ -123,164 +129,166 @@ BI.DetailPager = BI.inherit(BI.Widget, {
view.push({
text: s,
value: s,
selected: true
selected: true,
});
} else {
view.push({
text: s,
value: s
value: s,
});
}
}
// 总页数大于连续分页数，且当前组最大页小于总页，输出尾页
if (((!o.dynamicShow && !o.dynamicShowFirstLast) || (pages > groups && dict.end < pages && groups !== 0)) && last) {
if (((!dynamicShow && !dynamicShowFirstLast) || (pages > groups && dict.end < pages && groups !== 0)) && last) {
if (pages > groups && dict.end < pages && groups !== 0) {
view.push({
type: "bi.label",
cls: "page-ellipsis",
text: "\u2026"
text: "\u2026",
});
}
view.push({
text: last,
value: "last",
disabled: !(pages > groups && dict.end < pages && groups !== 0)
disabled: !(pages > groups && dict.end < pages && groups !== 0),
});
}
// 当前页不为尾页时，输出下一页
dict.flow = !prev && groups === 0;
if (((!o.dynamicShow && !o.dynamicShowPrevNext) && next) || (curr !== pages && next || dict.flow)) {
if (((!dynamicShow && !dynamicShowPrevNext) && next) || (curr !== pages && next || dict.flow)) {
view.push((function () {
if (BI.isKey(next)) {
if (isKey(next)) {
if (pages === false) {
return {text: next, value: "next", disabled: o.hasNext(curr) === false};
return { text: next, value: "next", disabled: hasNext(curr) === false };
}
return (dict.flow && curr === pages)
?
{text: next, value: "next", disabled: true}
{ text: next, value: "next", disabled: true }
:
{text: next, value: "next", disabled: !(curr !== pages && next || dict.flow)};
{ text: next, value: "next", disabled: !(curr !== pages && next || dict.flow) };
}
return BI.extend({
disabled: pages === false ? o.hasNext(curr) === false : !(curr !== pages && next || dict.flow)
return extend({
disabled: pages === false ? hasNext(curr) === false : !(curr !== pages && next || dict.flow),
}, next);
}()));
}
this.button_group = BI.createWidget({
this.button_group = createWidget({
type: "bi.button_group",
element: this,
items: BI.createItems(view, {
items: createItems(view, {
cls: "page-item bi-border bi-list-item-active",
height: 23
height: 23,
}),
behaviors: o.behaviors,
layouts: o.layouts
behaviors,
layouts,
});
this.button_group.on(BI.Controller.EVENT_CHANGE, function (type, value, obj) {
if (self._lock === true) {
this.button_group.on(Controller.EVENT_CHANGE, (type, value, obj, ...args) => {
if (this._lock === true) {
return;
}
self._lock = true;
self._debouce();
if (type === BI.Events.CLICK) {
var v = self.button_group.getValue()[0];
this._lock = true;
this._debouce();
if (type === Events.CLICK) {
const v = this.button_group.getValue()[0];
switch (v) {
case "first":
self.currPage = 1;
break;
case "last":
self.currPage = pages;
break;
case "prev":
self.currPage--;
break;
case "next":
self.currPage++;
break;
default:
self.currPage = v;
break;
case "first":
this.currPage = 1;
break;
case "last":
this.currPage = pages;
break;
case "prev":
this.currPage--;
break;
case "next":
this.currPage++;
break;
default:
this.currPage = v;
break;
}
o.jump.apply(self, [{
pages: pages,
curr: self.currPage
jump.apply(this, [{
pages,
curr: this.currPage,
}]);
self._populate();
self.fireEvent(BI.DetailPager.EVENT_CHANGE, obj);
this._populate();
this.fireEvent(DetailPager.EVENT_CHANGE, obj);
}
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
this.fireEvent(Controller.EVENT_CHANGE, type, value, obj, ...args);
});
this.fireEvent(BI.DetailPager.EVENT_AFTER_POPULATE);
},
this.fireEvent(DetailPager.EVENT_AFTER_POPULATE);
}
getCurrentPage: function () {
getCurrentPage () {
return this.currPage;
},
}
setAllPages: function (pages) {
setAllPages (pages) {
this.options.pages = pages;
this._populate();
},
}
hasPrev: function (v) {
hasPrev (v) {
v || (v = 1);
var o = this.options;
var pages = this.options.pages;
return pages === false ? o.hasPrev(v) : v > 1;
},
const { hasPrev } = this.options;
const pages = this.options.pages;
return pages === false ? hasPrev(v) : v > 1;
}
hasNext: function (v) {
hasNext (v) {
v || (v = 1);
var o = this.options;
var pages = this.options.pages;
return pages === false ? o.hasNext(v) : v < pages;
},
const { hasNext } = this.options;
const pages = this.options.pages;
return pages === false ? hasNext(v) : v < pages;
}
setValue: function (v) {
var o = this.options;
setValue (v) {
const o = this.options;
const { pages } = this.options;
v = v || 0;
v = v < 1 ? 1 : v;
if (o.pages === false) {
var lastPage = BI.result(o, "lastPage"), firstPage = 1;
this.currPage = v > lastPage ? lastPage : ((firstPage = BI.result(o, "firstPage")), (v < firstPage ? firstPage : v));
if (pages === false) {
const lastPage = result(o, "lastPage");
let firstPage = 1;
this.currPage = v > lastPage ? lastPage : ((firstPage = result(o, "firstPage")), (v < firstPage ? firstPage : v));
} else {
v = v > o.pages ? o.pages : v;
v = v > pages ? pages : v;
this.currPage = v;
}
this._populate();
},
}
getValue: function () {
var val = this.button_group.getValue()[0];
getValue () {
const val = this.button_group.getValue()[0];
switch (val) {
case "prev":
return -1;
case "next":
return 1;
case "first":
return BI.MIN;
case "last":
return BI.MAX;
default :
return val;
case "prev":
return -1;
case "next":
return 1;
case "first":
return MIN;
case "last":
return MAX;
default :
return val;
}
},
}
attr: function (key, value) {
BI.DetailPager.superclass.attr.apply(this, arguments);
attr (key, value) {
super.attr(...arguments);
if (key === "curr") {
this.currPage = BI.result(this.options, "curr");
this.currPage = result(this.options, "curr");
}
},
}
populate: function () {
populate () {
this._populate();
}
});
BI.DetailPager.EVENT_CHANGE = "EVENT_CHANGE";
BI.DetailPager.EVENT_AFTER_POPULATE = "EVENT_AFTER_POPULATE";
BI.shortcut("bi.detail_pager", BI.DetailPager);
}

167
src/case/pager/pager.direction.js
Unescape View File

@ -5,80 +5,83 @@
* @class BI.DirectionPager
* @extends BI.Widget
*/
BI.DirectionPager = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.DirectionPager.superclass._defaultConfig.apply(this, arguments), {
import { shortcut, Widget, extend, emptyFn, createWidget } from "@/core";
import { Pager } from "@/base";
@shortcut()
export class DirectionPager extends Widget {
static EVENT_CHANGE = "EVENT_CHANGE";
static xtype = "bi.direction_pager";
_defaultConfig () {
return extend(super._defaultConfig(...arguments), {
baseCls: "bi-direction-pager",
height: 24,
horizontal: {
pages: false, // 总页数
curr: 1, // 初始化当前页， pages为数字时可用
hasPrev: BI.emptyFn,
hasNext: BI.emptyFn,
hasPrev: emptyFn,
hasNext: emptyFn,
firstPage: 1,
lastPage: BI.emptyFn
lastPage: emptyFn,
},
vertical: {
pages: false, // 总页数
curr: 1, // 初始化当前页， pages为数字时可用
hasPrev: BI.emptyFn,
hasNext: BI.emptyFn,
hasPrev: emptyFn,
hasNext: emptyFn,
firstPage: 1,
lastPage: BI.emptyFn
}
lastPage: emptyFn,
},
});
},
_init: function () {
BI.DirectionPager.superclass._init.apply(this, arguments);
var self = this, o = this.options;
var v = o.vertical, h = o.horizontal;
}
_init () {
super._init(...arguments);
this._createVPager();
this._createHPager();
this.layout = BI.createWidget({
this.layout = createWidget({
type: "bi.absolute",
scrollable: false,
element: this,
items: [{
el: this.vpager,
top: 0,
right: 86
right: 86,
}, {
el: this.vlabel,
top: 0,
right: 110
right: 110,
}, {
el: this.hpager,
top: 0,
right: 0
right: 0,
}, {
el: this.hlabel,
top: 0,
right: 24
}]
right: 24,
}],
});
},
}
_createVPager: function () {
var self = this, o = this.options;
var v = o.vertical;
this.vlabel = BI.createWidget({
_createVPager () {
const v = this.options.vertical;
this.vlabel = createWidget({
type: "bi.label",
width: 24,
height: 24,
value: v.curr,
title: v.curr,
invisible: true
invisible: true,
});
this.vpager = BI.createWidget({
this.vpager = createWidget({
type: "bi.pager",
width: 72,
layouts: [{
type: "bi.horizontal",
scrollx: false,
rgap: 24
rgap: 24,
}],
invisible: true,
@ -96,7 +99,7 @@ BI.DirectionPager = BI.inherit(BI.Widget, {
warningTitle: BI.i18nText("BI-Current_Is_First_Page"),
height: 22,
width: 22,
cls: "bi-border bi-border-radius direction-pager-prev column-pre-page-h-font bi-list-item-select2"
cls: "bi-border bi-border-radius direction-pager-prev column-pre-page-h-font bi-list-item-select2",
},
next: {
type: "bi.icon_button",
@ -105,42 +108,40 @@ BI.DirectionPager = BI.inherit(BI.Widget, {
warningTitle: BI.i18nText("BI-Current_Is_Last_Page"),
height: 22,
width: 22,
cls: "bi-border bi-border-radius direction-pager-next column-next-page-h-font bi-list-item-select2"
cls: "bi-border bi-border-radius direction-pager-next column-next-page-h-font bi-list-item-select2",
},
hasPrev: v.hasPrev,
hasNext: v.hasNext,
firstPage: v.firstPage,
lastPage: v.lastPage
lastPage: v.lastPage,
});
this.vpager.on(BI.Pager.EVENT_CHANGE, function () {
self.fireEvent(BI.DirectionPager.EVENT_CHANGE);
this.vpager.on(Pager.EVENT_CHANGE, () => {
this.fireEvent(DirectionPager.EVENT_CHANGE);
});
this.vpager.on(BI.Pager.EVENT_AFTER_POPULATE, function () {
self.vlabel.setValue(this.getCurrentPage());
self.vlabel.setTitle(this.getCurrentPage());
this.vpager.on(Pager.EVENT_AFTER_POPULATE, () => {
this.vlabel.setValue(this.vpager.getCurrentPage());
this.vlabel.setTitle(this.vpager.getCurrentPage());
});
},
_createHPager: function () {
var self = this, o = this.options;
var h = o.horizontal;
this.hlabel = BI.createWidget({
}
_createHPager () {
const h = this.options.horizontal;
this.hlabel = createWidget({
type: "bi.label",
width: 24,
height: 24,
value: h.curr,
title: h.curr,
invisible: true
invisible: true,
});
this.hpager = BI.createWidget({
this.hpager = createWidget({
type: "bi.pager",
width: 72,
layouts: [{
type: "bi.horizontal",
scrollx: false,
rgap: 24
rgap: 24,
}],
invisible: true,
@ -158,7 +159,7 @@ BI.DirectionPager = BI.inherit(BI.Widget, {
warningTitle: BI.i18nText("BI-Current_Is_First_Page"),
height: 22,
width: 22,
cls: "bi-border bi-border-radius direction-pager-prev row-pre-page-h-font bi-list-item-select2"
cls: "bi-border bi-border-radius direction-pager-prev row-pre-page-h-font bi-list-item-select2",
},
next: {
type: "bi.icon_button",
@ -167,74 +168,74 @@ BI.DirectionPager = BI.inherit(BI.Widget, {
warningTitle: BI.i18nText("BI-Current_Is_Last_Page"),
height: 22,
width: 22,
cls: "bi-border bi-border-radius direction-pager-next row-next-page-h-font bi-list-item-select2"
cls: "bi-border bi-border-radius direction-pager-next row-next-page-h-font bi-list-item-select2",
},
hasPrev: h.hasPrev,
hasNext: h.hasNext,
firstPage: h.firstPage,
lastPage: h.lastPage
lastPage: h.lastPage,
});
this.hpager.on(BI.Pager.EVENT_CHANGE, function () {
self.fireEvent(BI.DirectionPager.EVENT_CHANGE);
this.hpager.on(Pager.EVENT_CHANGE, () => {
this.fireEvent(DirectionPager.EVENT_CHANGE);
});
this.hpager.on(BI.Pager.EVENT_AFTER_POPULATE, function () {
self.hlabel.setValue(this.getCurrentPage());
self.hlabel.setTitle(this.getCurrentPage());
this.hpager.on(Pager.EVENT_AFTER_POPULATE, () => {
this.hlabel.setValue(this.hpager.getCurrentPage());
this.hlabel.setTitle(this.hpager.getCurrentPage());
});
},
}
getVPage: function () {
getVPage () {
return this.vpager.getCurrentPage();
},
}
getHPage: function () {
getHPage () {
return this.hpager.getCurrentPage();
},
}
setVPage: function (v) {
setVPage (v) {
this.vpager.setValue(v);
this.vlabel.setValue(v);
this.vlabel.setTitle(v);
},
}
setHPage: function (v) {
setHPage (v) {
this.hpager.setValue(v);
this.hlabel.setValue(v);
this.hlabel.setTitle(v);
},
}
hasVNext: function () {
hasVNext () {
return this.vpager.hasNext();
},
}
hasHNext: function () {
hasHNext () {
return this.hpager.hasNext();
},
}
hasVPrev: function () {
hasVPrev () {
return this.vpager.hasPrev();
},
}
hasHPrev: function () {
hasHPrev () {
return this.hpager.hasPrev();
},
}
setHPagerVisible: function (b) {
setHPagerVisible (b) {
this.hpager.setVisible(b);
this.hlabel.setVisible(b);
},
}
setVPagerVisible: function (b) {
setVPagerVisible (b) {
this.vpager.setVisible(b);
this.vlabel.setVisible(b);
},
}
populate: function () {
populate () {
this.vpager.populate();
this.hpager.populate();
var vShow = false, hShow = false;
let vShow = false, hShow = false;
if (!this.hasHNext() && !this.hasHPrev()) {
this.setHPagerVisible(false);
} else {
@ -248,8 +249,8 @@ BI.DirectionPager = BI.inherit(BI.Widget, {
vShow = true;
}
this.setVisible(hShow || vShow);
var num = [86, 110, 0, 24];
var items = this.layout.attr("items");
const num = [86, 110, 0, 24];
const items = this.layout.attr("items");
if (vShow === true && hShow === true) {
items[0].right = num[0];
@ -265,12 +266,10 @@ BI.DirectionPager = BI.inherit(BI.Widget, {
}
this.layout.attr("items", items);
this.layout.resize();
},
}
clear: function () {
clear () {
this.vpager.attr("curr", 1);
this.hpager.attr("curr", 1);
}
});
BI.DirectionPager.EVENT_CHANGE = "EVENT_CHANGE";
BI.shortcut("bi.direction_pager", BI.DirectionPager);
}

Write Preview
Loading…
Cancel
Save