forked from fanruan/fineui
Tangjinxia
4 years ago
48 changed files with 8752 additions and 5437 deletions
@ -0,0 +1,51 @@
|
||||
/** |
||||
* @author windy |
||||
* @version 2.0 |
||||
* Created by windy on 2021/1/25 |
||||
*/ |
||||
Demo.YearInterval = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "" |
||||
}, |
||||
render: function () { |
||||
|
||||
var self = this; |
||||
return { |
||||
type: "bi.horizontal_auto", |
||||
items: [{ |
||||
type: "bi.year_interval", |
||||
ref: function (_ref) { |
||||
self.widget = _ref; |
||||
}, |
||||
width: 300, |
||||
minDate: "2012-01-01", |
||||
maxDate: "2013-12-31", |
||||
value: { |
||||
type: 1, |
||||
value: { |
||||
year: 2012 |
||||
} |
||||
} |
||||
}, { |
||||
type: "bi.button", |
||||
text: "getValue", |
||||
handler: function () { |
||||
BI.Msg.toast(JSON.stringify(self.widget.getValue())); |
||||
}, |
||||
width: 300 |
||||
}, { |
||||
type: "bi.button", |
||||
text: "setValue '2017-12'", |
||||
width: 300, |
||||
handler: function () { |
||||
self.widget.setValue({ |
||||
year: 2017 |
||||
}); |
||||
} |
||||
}], |
||||
vgap: 20 |
||||
}; |
||||
} |
||||
}); |
||||
|
||||
BI.shortcut("demo.year_interval", Demo.YearInterval); |
||||
@ -0,0 +1,52 @@
|
||||
/** |
||||
* @author windy |
||||
* @version 2.0 |
||||
* Created by windy on 2021/1/25 |
||||
*/ |
||||
Demo.YearQuarterInterval = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "" |
||||
}, |
||||
|
||||
render: function () { |
||||
var self = this; |
||||
return { |
||||
type: "bi.horizontal_auto", |
||||
items: [{ |
||||
type: "bi.year_quarter_interval", |
||||
ref: function (_ref) { |
||||
self.interval = _ref; |
||||
}, |
||||
minDate: "2012-07-01", |
||||
maxDate: "2012-12-31", |
||||
value: { |
||||
start: { |
||||
type: 2, |
||||
value: { |
||||
year: -1, |
||||
month: 1 |
||||
} |
||||
}, |
||||
end: { |
||||
type: 1, |
||||
value: { |
||||
year: 2018, |
||||
month: 1 |
||||
} |
||||
} |
||||
}, |
||||
width: 400 |
||||
}, { |
||||
type: "bi.button", |
||||
text: "getValue", |
||||
handler: function () { |
||||
BI.Msg.toast(JSON.stringify(self.interval.getValue())); |
||||
}, |
||||
width: 300 |
||||
}], |
||||
vgap: 20 |
||||
}; |
||||
} |
||||
}); |
||||
|
||||
BI.shortcut("demo.year_quarter_interval", Demo.YearQuarterInterval); |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,10 @@
|
||||
@import "../../index"; |
||||
|
||||
.bi-year-interval{ |
||||
&.time-error .bi-input{ |
||||
color:@color-bi-text-failure |
||||
} |
||||
&.time-error .sign-editor-text{ |
||||
color:@color-bi-text-failure |
||||
} |
||||
} |
||||
@ -0,0 +1,10 @@
|
||||
@import "../../index"; |
||||
|
||||
.bi-year-quarter-interval{ |
||||
&.time-error .bi-input{ |
||||
color:@color-bi-text-failure |
||||
} |
||||
&.time-error .sign-editor-text{ |
||||
color:@color-bi-text-failure |
||||
} |
||||
} |
||||
@ -0,0 +1,213 @@
|
||||
/** |
||||
* @author windy |
||||
* @version 2.0 |
||||
* Created by windy on 2021/1/25 |
||||
*/ |
||||
BI.YearInterval = BI.inherit(BI.Single, { |
||||
constants: { |
||||
height: 24, |
||||
width: 25, |
||||
lgap: 15, |
||||
offset: -15, |
||||
timeErrorCls: "time-error" |
||||
}, |
||||
|
||||
props: { |
||||
extraCls: "bi-year-interval", |
||||
minDate: "1900-01-01", |
||||
maxDate: "2099-12-31", |
||||
supportDynamic: true, |
||||
}, |
||||
|
||||
render: function () { |
||||
var self = this, o = this.options; |
||||
|
||||
o.value = o.value || {}; |
||||
this.left = this._createCombo(o.value.start); |
||||
this.right = this._createCombo(o.value.end); |
||||
|
||||
return [{ |
||||
type: "bi.center", |
||||
hgap: 15, |
||||
height: this.constants.height, |
||||
items: [{ |
||||
type: "bi.absolute", |
||||
items: [{ |
||||
el: self.left, |
||||
left: this.constants.offset, |
||||
right: 0, |
||||
top: 0, |
||||
bottom: 0 |
||||
}] |
||||
}, { |
||||
type: "bi.absolute", |
||||
items: [{ |
||||
el: self.right, |
||||
left: 0, |
||||
right: this.constants.offset, |
||||
top: 0, |
||||
bottom: 0 |
||||
}] |
||||
}] |
||||
}, { |
||||
type: "bi.horizontal_auto", |
||||
items: [{ |
||||
type: "bi.label", |
||||
height: this.constants.height, |
||||
width: this.constants.width, |
||||
text: "-", |
||||
ref: function (_ref) { |
||||
self.label = _ref; |
||||
} |
||||
}] |
||||
}] |
||||
}, |
||||
|
||||
_createCombo: function (v) { |
||||
var self = this, o = this.options; |
||||
var combo = BI.createWidget({ |
||||
type: "bi.dynamic_year_combo", |
||||
supportDynamic: o.supportDynamic, |
||||
minDate: o.minDate, |
||||
maxDate: o.maxDate, |
||||
behaviors: o.behaviors, |
||||
value: v, |
||||
listeners: [{ |
||||
eventName: BI.DynamicYearCombo.EVENT_BEFORE_POPUPVIEW, |
||||
action: function () { |
||||
self.fireEvent(BI.YearInterval.EVENT_BEFORE_POPUPVIEW); |
||||
} |
||||
}] |
||||
}); |
||||
combo.on(BI.DynamicYearCombo.EVENT_ERROR, function () { |
||||
self._clearTitle(); |
||||
BI.Bubbles.hide("error"); |
||||
self.element.removeClass(self.constants.timeErrorCls); |
||||
self.fireEvent(BI.YearInterval.EVENT_ERROR); |
||||
}); |
||||
|
||||
combo.on(BI.DynamicYearCombo.EVENT_VALID, function () { |
||||
self._checkValid(); |
||||
}); |
||||
|
||||
combo.on(BI.DynamicYearCombo.EVENT_FOCUS, function () { |
||||
self._checkValid(); |
||||
}); |
||||
|
||||
combo.on(BI.DynamicYearCombo.EVENT_BEFORE_POPUPVIEW, function () { |
||||
self.left.hideView(); |
||||
self.right.hideView(); |
||||
}); |
||||
|
||||
combo.on(BI.DynamicYearCombo.EVENT_CONFIRM, function () { |
||||
BI.Bubbles.hide("error"); |
||||
var smallDate = self.left.getKey(), bigDate = self.right.getKey(); |
||||
if (self.left.isStateValid() && self.right.isStateValid() && self._check(smallDate, bigDate) && self._compare(smallDate, bigDate)) { |
||||
self._setTitle(BI.i18nText("BI-Time_Interval_Error_Text")); |
||||
self.element.addClass(self.constants.timeErrorCls); |
||||
self.fireEvent(BI.YearInterval.EVENT_ERROR); |
||||
}else{ |
||||
self._clearTitle(); |
||||
self.element.removeClass(self.constants.timeErrorCls); |
||||
self.fireEvent(BI.YearInterval.EVENT_CHANGE); |
||||
} |
||||
}); |
||||
return combo; |
||||
}, |
||||
|
||||
|
||||
_dateCheck: function (date) { |
||||
return BI.print(BI.parseDateTime(date, "%Y"), "%Y") === date || BI.print(BI.parseDateTime(date, "%Y"), "%Y") === date; |
||||
}, |
||||
|
||||
|
||||
// 判是否在最大最小之间
|
||||
_checkVoid: function (obj) { |
||||
var o = this.options; |
||||
return !BI.checkDateVoid(obj.year, 1, 1, o.minDate, o.maxDate)[0]; |
||||
}, |
||||
|
||||
// 判格式合法
|
||||
_check: function (smallDate, bigDate) { |
||||
var smallObj = smallDate.match(/\d+/g), bigObj = bigDate.match(/\d+/g); |
||||
|
||||
var smallDate4Check = ""; |
||||
if (BI.isNotNull(smallObj)) { |
||||
smallDate4Check = smallObj[0] || ""; |
||||
} |
||||
|
||||
var bigDate4Check = ""; |
||||
if (BI.isNotNull(bigObj)) { |
||||
bigDate4Check = bigObj[0] || ""; |
||||
} |
||||
|
||||
return this._dateCheck(smallDate4Check) && BI.checkDateLegal(smallDate4Check) && this._checkVoid({ |
||||
year: smallObj[0], |
||||
month: 1, |
||||
day: 1 |
||||
}) && this._dateCheck(bigDate4Check) && BI.checkDateLegal(bigDate4Check) && this._checkVoid({ |
||||
year: bigObj[0], |
||||
month: 12, |
||||
day: 1 |
||||
}); |
||||
}, |
||||
|
||||
_compare: function (smallDate, bigDate) { |
||||
smallDate = BI.print(BI.parseDateTime(smallDate, "%Y"), "%Y"); |
||||
bigDate = BI.print(BI.parseDateTime(bigDate, "%Y"), "%Y"); |
||||
return BI.isNotNull(smallDate) && BI.isNotNull(bigDate) && smallDate > bigDate; |
||||
}, |
||||
_setTitle: function (v) { |
||||
this.setTitle(v); |
||||
}, |
||||
_clearTitle: function () { |
||||
this.setTitle(""); |
||||
}, |
||||
_checkValid: function () { |
||||
var self = this; |
||||
|
||||
BI.Bubbles.hide("error"); |
||||
var smallDate = self.left.getKey(), bigDate = self.right.getKey(); |
||||
if (self.left.isValid() && self.right.isValid() && self._check(smallDate, bigDate) && self._compare(smallDate, bigDate)) { |
||||
self._setTitle(BI.i18nText("BI-Time_Interval_Error_Text")); |
||||
self.element.addClass(self.constants.timeErrorCls); |
||||
BI.Bubbles.show("error", BI.i18nText("BI-Time_Interval_Error_Text"), self, { |
||||
offsetStyle: "center" |
||||
}); |
||||
self.fireEvent(BI.YearInterval.EVENT_ERROR); |
||||
} else { |
||||
self._clearTitle(); |
||||
self.element.removeClass(self.constants.timeErrorCls); |
||||
} |
||||
}, |
||||
|
||||
setMinDate: function (minDate) { |
||||
var o = this.options; |
||||
o.minDate = minDate; |
||||
this.left.setMinDate(minDate); |
||||
this.right.setMinDate(minDate); |
||||
}, |
||||
|
||||
setMaxDate: function (maxDate) { |
||||
var o = this.options; |
||||
o.maxDate = maxDate; |
||||
this.left.setMaxDate(maxDate); |
||||
this.right.setMaxDate(maxDate); |
||||
}, |
||||
|
||||
setValue: function (date) { |
||||
date = date || {}; |
||||
this.left.setValue(date.start); |
||||
this.right.setValue(date.end); |
||||
|
||||
this._checkValid(); |
||||
}, |
||||
getValue: function () { |
||||
return {start: this.left.getValue(), end: this.right.getValue()}; |
||||
} |
||||
}); |
||||
BI.YearInterval.EVENT_VALID = "EVENT_VALID"; |
||||
BI.YearInterval.EVENT_ERROR = "EVENT_ERROR"; |
||||
BI.YearInterval.EVENT_CHANGE = "EVENT_CHANGE"; |
||||
BI.YearInterval.EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW"; |
||||
BI.shortcut("bi.year_interval", BI.YearInterval); |
||||
@ -0,0 +1,211 @@
|
||||
/** |
||||
* @author windy |
||||
* @version 2.0 |
||||
* Created by windy on 2021/1/25 |
||||
*/ |
||||
BI.YearQuarterInterval = BI.inherit(BI.Single, { |
||||
constants: { |
||||
height: 24, |
||||
width: 25, |
||||
lgap: 15, |
||||
offset: -15, |
||||
timeErrorCls: "time-error" |
||||
}, |
||||
|
||||
props: { |
||||
extraCls: "bi-year-quarter-interval", |
||||
minDate: "1900-01-01", |
||||
maxDate: "2099-12-31", |
||||
supportDynamic: true, |
||||
}, |
||||
|
||||
render: function () { |
||||
var self = this, o = this.options; |
||||
|
||||
o.value = o.value || {}; |
||||
this.left = this._createCombo(o.value.start); |
||||
this.right = this._createCombo(o.value.end); |
||||
|
||||
return [{ |
||||
type: "bi.center", |
||||
hgap: 15, |
||||
height: this.constants.height, |
||||
items: [{ |
||||
type: "bi.absolute", |
||||
items: [{ |
||||
el: self.left, |
||||
left: this.constants.offset, |
||||
right: 0, |
||||
top: 0, |
||||
bottom: 0 |
||||
}] |
||||
}, { |
||||
type: "bi.absolute", |
||||
items: [{ |
||||
el: self.right, |
||||
left: 0, |
||||
right: this.constants.offset, |
||||
top: 0, |
||||
bottom: 0 |
||||
}] |
||||
}] |
||||
}, { |
||||
type: "bi.horizontal_auto", |
||||
items: [{ |
||||
type: "bi.label", |
||||
height: this.constants.height, |
||||
width: this.constants.width, |
||||
text: "-", |
||||
ref: function (_ref) { |
||||
self.label = _ref; |
||||
} |
||||
}] |
||||
}] |
||||
}, |
||||
|
||||
_createCombo: function (v) { |
||||
var self = this, o = this.options; |
||||
var combo = BI.createWidget({ |
||||
type: "bi.dynamic_year_quarter_combo", |
||||
supportDynamic: o.supportDynamic, |
||||
minDate: o.minDate, |
||||
maxDate: o.maxDate, |
||||
behaviors: o.behaviors, |
||||
value: v, |
||||
listeners: [{ |
||||
eventName: BI.DynamicYearQuarterCombo.EVENT_BEFORE_POPUPVIEW, |
||||
action: function () { |
||||
self.fireEvent(BI.YearQuarterInterval.EVENT_BEFORE_POPUPVIEW); |
||||
} |
||||
}] |
||||
}); |
||||
combo.on(BI.DynamicYearQuarterCombo.EVENT_ERROR, function () { |
||||
self._clearTitle(); |
||||
BI.Bubbles.hide("error"); |
||||
self.element.removeClass(self.constants.timeErrorCls); |
||||
self.fireEvent(BI.YearQuarterInterval.EVENT_ERROR); |
||||
}); |
||||
|
||||
combo.on(BI.DynamicYearQuarterCombo.EVENT_VALID, function () { |
||||
self._checkValid(); |
||||
}); |
||||
|
||||
combo.on(BI.DynamicYearQuarterCombo.EVENT_FOCUS, function () { |
||||
self._checkValid(); |
||||
}); |
||||
|
||||
combo.on(BI.DynamicYearQuarterCombo.EVENT_BEFORE_POPUPVIEW, function () { |
||||
self.left.hideView(); |
||||
self.right.hideView(); |
||||
}); |
||||
|
||||
combo.on(BI.DynamicYearQuarterCombo.EVENT_CONFIRM, function () { |
||||
BI.Bubbles.hide("error"); |
||||
var smallDate = self.left.getKey(), bigDate = self.right.getKey(); |
||||
if (self.left.isStateValid() && self.right.isStateValid() && self._check(smallDate, bigDate) && self._compare(smallDate, bigDate)) { |
||||
self._setTitle(BI.i18nText("BI-Time_Interval_Error_Text")); |
||||
self.element.addClass(self.constants.timeErrorCls); |
||||
self.fireEvent(BI.YearQuarterInterval.EVENT_ERROR); |
||||
}else{ |
||||
self._clearTitle(); |
||||
self.element.removeClass(self.constants.timeErrorCls); |
||||
self.fireEvent(BI.YearQuarterInterval.EVENT_CHANGE); |
||||
} |
||||
}); |
||||
return combo; |
||||
}, |
||||
|
||||
|
||||
_dateCheck: function (date) { |
||||
return BI.print(BI.parseDateTime(date, "%Y-%Q"), "%Y-%Q") === date || BI.print(BI.parseDateTime(date, "%Y-%q"), "%Y-%q") === date; |
||||
}, |
||||
|
||||
|
||||
// 判是否在最大最小之间
|
||||
_checkVoid: function (obj) { |
||||
var o = this.options; |
||||
return !BI.checkDateVoid(obj.year, (obj.quarter - 1) * 3 + 1, 1, o.minDate, o.maxDate)[0]; |
||||
}, |
||||
|
||||
// 判格式合法
|
||||
_check: function (smallDate, bigDate) { |
||||
var smallObj = smallDate.match(/\d+/g), bigObj = bigDate.match(/\d+/g); |
||||
|
||||
var smallDate4Check = ""; |
||||
if (BI.isNotNull(smallObj)) { |
||||
smallDate4Check = (smallObj[0] || "") + "-" + (smallObj[1] || 1); |
||||
} |
||||
|
||||
var bigDate4Check = ""; |
||||
if (BI.isNotNull(bigObj)) { |
||||
bigDate4Check = (bigObj[0] || "") + "-" + (bigObj[1] || 1); |
||||
} |
||||
|
||||
return this._dateCheck(smallDate4Check) && BI.checkDateLegal(smallDate4Check) && this._checkVoid({ |
||||
year: smallObj[0], |
||||
quarter: smallObj[1] || 1 |
||||
}) && this._dateCheck(bigDate4Check) && BI.checkDateLegal(bigDate4Check) && this._checkVoid({ |
||||
year: bigObj[0], |
||||
quarter: bigObj[1] || 1 |
||||
}); |
||||
}, |
||||
|
||||
_compare: function (smallDate, bigDate) { |
||||
smallDate = BI.print(BI.parseDateTime(smallDate, "%Y-%Q"), "%Y-%Q"); |
||||
bigDate = BI.print(BI.parseDateTime(bigDate, "%Y-%Q"), "%Y-%Q"); |
||||
return BI.isNotNull(smallDate) && BI.isNotNull(bigDate) && smallDate > bigDate; |
||||
}, |
||||
_setTitle: function (v) { |
||||
this.setTitle(v); |
||||
}, |
||||
_clearTitle: function () { |
||||
this.setTitle(""); |
||||
}, |
||||
_checkValid: function () { |
||||
var self = this; |
||||
|
||||
BI.Bubbles.hide("error"); |
||||
var smallDate = self.left.getKey(), bigDate = self.right.getKey(); |
||||
if (self.left.isValid() && self.right.isValid() && self._check(smallDate, bigDate) && self._compare(smallDate, bigDate)) { |
||||
self._setTitle(BI.i18nText("BI-Time_Interval_Error_Text")); |
||||
self.element.addClass(self.constants.timeErrorCls); |
||||
BI.Bubbles.show("error", BI.i18nText("BI-Time_Interval_Error_Text"), self, { |
||||
offsetStyle: "center" |
||||
}); |
||||
self.fireEvent(BI.YearQuarterInterval.EVENT_ERROR); |
||||
} else { |
||||
self._clearTitle(); |
||||
self.element.removeClass(self.constants.timeErrorCls); |
||||
} |
||||
}, |
||||
|
||||
setMinDate: function (minDate) { |
||||
var o = this.options; |
||||
o.minDate = minDate; |
||||
this.left.setMinDate(minDate); |
||||
this.right.setMinDate(minDate); |
||||
}, |
||||
|
||||
setMaxDate: function (maxDate) { |
||||
var o = this.options; |
||||
o.maxDate = maxDate; |
||||
this.left.setMaxDate(maxDate); |
||||
this.right.setMaxDate(maxDate); |
||||
}, |
||||
|
||||
setValue: function (date) { |
||||
date = date || {}; |
||||
this.left.setValue(date.start); |
||||
this.right.setValue(date.end); |
||||
|
||||
this._checkValid(); |
||||
}, |
||||
getValue: function () { |
||||
return {start: this.left.getValue(), end: this.right.getValue()}; |
||||
} |
||||
}); |
||||
BI.YearQuarterInterval.EVENT_VALID = "EVENT_VALID"; |
||||
BI.YearQuarterInterval.EVENT_ERROR = "EVENT_ERROR"; |
||||
BI.YearQuarterInterval.EVENT_CHANGE = "EVENT_CHANGE"; |
||||
BI.YearQuarterInterval.EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW"; |
||||
BI.shortcut("bi.year_quarter_interval", BI.YearQuarterInterval); |
||||
Loading…
Reference in new issue