|
|
|
@ -60,143 +60,136 @@
|
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
return { |
|
|
|
|
type: "bi.htape", |
|
|
|
|
type: "bi.horizontal_fill", |
|
|
|
|
cls: "bi-border bi-border-radius", |
|
|
|
|
columnSize: ["fill", this.constants.iconWidth], |
|
|
|
|
height: opts.height - 2, |
|
|
|
|
width: opts.width - 2, |
|
|
|
|
items: [{ |
|
|
|
|
type: "bi.absolute", |
|
|
|
|
items: [{ |
|
|
|
|
el: { |
|
|
|
|
type: "bi.combo", |
|
|
|
|
container: opts.container, |
|
|
|
|
toggle: false, |
|
|
|
|
isNeedAdjustHeight: opts.isNeedAdjustHeight, |
|
|
|
|
isNeedAdjustWidth: opts.isNeedAdjustWidth, |
|
|
|
|
el: { |
|
|
|
|
type: "bi.combo", |
|
|
|
|
cls: "bi-border bi-border-radius", |
|
|
|
|
container: opts.container, |
|
|
|
|
toggle: false, |
|
|
|
|
isNeedAdjustHeight: opts.isNeedAdjustHeight, |
|
|
|
|
isNeedAdjustWidth: opts.isNeedAdjustWidth, |
|
|
|
|
el: { |
|
|
|
|
type: "bi.time_trigger", |
|
|
|
|
height: opts.height - 2, |
|
|
|
|
allowEdit: opts.allowEdit, |
|
|
|
|
watermark: opts.watermark, |
|
|
|
|
format: opts.format, |
|
|
|
|
value: opts.value, |
|
|
|
|
ref: function (_ref) { |
|
|
|
|
self.trigger = _ref; |
|
|
|
|
}, |
|
|
|
|
listeners: [{ |
|
|
|
|
eventName: "EVENT_KEY_DOWN", |
|
|
|
|
action: function () { |
|
|
|
|
if (self.combo.isViewVisible()) { |
|
|
|
|
self.combo.hideView(); |
|
|
|
|
} |
|
|
|
|
self.fireEvent(BI.TimeCombo.EVENT_KEY_DOWN, arguments); |
|
|
|
|
} |
|
|
|
|
}, { |
|
|
|
|
eventName: "EVENT_STOP", |
|
|
|
|
action: function () { |
|
|
|
|
if (!self.combo.isViewVisible()) { |
|
|
|
|
self.combo.showView(); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, { |
|
|
|
|
eventName: "EVENT_FOCUS", |
|
|
|
|
action: function () { |
|
|
|
|
self.storeTriggerValue = self.trigger.getKey(); |
|
|
|
|
if (!self.combo.isViewVisible()) { |
|
|
|
|
self.combo.showView(); |
|
|
|
|
} |
|
|
|
|
self.fireEvent("EVENT_FOCUS"); |
|
|
|
|
} |
|
|
|
|
}, { |
|
|
|
|
eventName: "EVENT_BLUR", |
|
|
|
|
action: function () { |
|
|
|
|
self.fireEvent("EVENT_BLUR"); |
|
|
|
|
} |
|
|
|
|
}, { |
|
|
|
|
eventName: "EVENT_ERROR", |
|
|
|
|
action: function () { |
|
|
|
|
var date = BI.getDate(); |
|
|
|
|
self.storeValue = { |
|
|
|
|
hour: date.getHours(), |
|
|
|
|
minute: date.getMinutes(), |
|
|
|
|
second: date.getSeconds() |
|
|
|
|
}; |
|
|
|
|
self.fireEvent("EVENT_ERROR"); |
|
|
|
|
} |
|
|
|
|
}, { |
|
|
|
|
eventName: "EVENT_VALID", |
|
|
|
|
action: function () { |
|
|
|
|
self.fireEvent("EVENT_VALID"); |
|
|
|
|
type: "bi.time_trigger", |
|
|
|
|
height: opts.height - 2, |
|
|
|
|
allowEdit: opts.allowEdit, |
|
|
|
|
watermark: opts.watermark, |
|
|
|
|
format: opts.format, |
|
|
|
|
value: opts.value, |
|
|
|
|
ref: function (_ref) { |
|
|
|
|
self.trigger = _ref; |
|
|
|
|
}, |
|
|
|
|
listeners: [{ |
|
|
|
|
eventName: "EVENT_KEY_DOWN", |
|
|
|
|
action: function () { |
|
|
|
|
if (self.combo.isViewVisible()) { |
|
|
|
|
self.combo.hideView(); |
|
|
|
|
} |
|
|
|
|
}, { |
|
|
|
|
eventName: "EVENT_CHANGE", |
|
|
|
|
action: function () { |
|
|
|
|
self.fireEvent("EVENT_CHANGE"); |
|
|
|
|
self.fireEvent(BI.TimeCombo.EVENT_KEY_DOWN, arguments); |
|
|
|
|
} |
|
|
|
|
}, { |
|
|
|
|
eventName: "EVENT_STOP", |
|
|
|
|
action: function () { |
|
|
|
|
if (!self.combo.isViewVisible()) { |
|
|
|
|
self.combo.showView(); |
|
|
|
|
} |
|
|
|
|
}, { |
|
|
|
|
eventName: "EVENT_CONFIRM", |
|
|
|
|
action: function () { |
|
|
|
|
if (self.combo.isViewVisible()) { |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
var dateStore = self.storeTriggerValue; |
|
|
|
|
var dateObj = self.trigger.getKey(); |
|
|
|
|
if (BI.isNotEmptyString(dateObj) && !BI.isEqual(dateObj, dateStore)) { |
|
|
|
|
self.storeValue = self.trigger.getValue(); |
|
|
|
|
self.setValue(self.trigger.getValue()); |
|
|
|
|
} else if (BI.isEmptyString(dateObj)) { |
|
|
|
|
self.storeValue = null; |
|
|
|
|
self.trigger.setValue(); |
|
|
|
|
} |
|
|
|
|
self.fireEvent("EVENT_CONFIRM"); |
|
|
|
|
} |
|
|
|
|
}, { |
|
|
|
|
eventName: "EVENT_FOCUS", |
|
|
|
|
action: function () { |
|
|
|
|
self.storeTriggerValue = self.trigger.getKey(); |
|
|
|
|
if (!self.combo.isViewVisible()) { |
|
|
|
|
self.combo.showView(); |
|
|
|
|
} |
|
|
|
|
}] |
|
|
|
|
}, |
|
|
|
|
adjustLength: this.constants.comboAdjustHeight, |
|
|
|
|
popup: { |
|
|
|
|
el: popup, |
|
|
|
|
width: opts.isNeedAdjustWidth ? opts.width : this.constants.popupWidth, |
|
|
|
|
stopPropagation: false |
|
|
|
|
}, |
|
|
|
|
hideChecker: function (e) { |
|
|
|
|
return self.triggerBtn.element.find(e.target).length === 0; |
|
|
|
|
}, |
|
|
|
|
listeners: [{ |
|
|
|
|
eventName: BI.Combo.EVENT_BEFORE_POPUPVIEW, |
|
|
|
|
self.fireEvent("EVENT_FOCUS"); |
|
|
|
|
} |
|
|
|
|
}, { |
|
|
|
|
eventName: "EVENT_BLUR", |
|
|
|
|
action: function () { |
|
|
|
|
self.popup.setValue(self.storeValue); |
|
|
|
|
self.fireEvent(BI.TimeCombo.EVENT_BEFORE_POPUPVIEW); |
|
|
|
|
self.fireEvent("EVENT_BLUR"); |
|
|
|
|
} |
|
|
|
|
}], |
|
|
|
|
ref: function (_ref) { |
|
|
|
|
self.combo = _ref; |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
top: 0, |
|
|
|
|
left: 0, |
|
|
|
|
right: 0, |
|
|
|
|
bottom: 0 |
|
|
|
|
}, { |
|
|
|
|
el: { |
|
|
|
|
type: "bi.icon_button", |
|
|
|
|
cls: "bi-trigger-icon-button time-font icon-size-16", |
|
|
|
|
width: this.constants.iconWidth, |
|
|
|
|
height: opts.height, |
|
|
|
|
listeners: [{ |
|
|
|
|
eventName: BI.IconButton.EVENT_CHANGE, |
|
|
|
|
}, { |
|
|
|
|
eventName: "EVENT_ERROR", |
|
|
|
|
action: function () { |
|
|
|
|
var date = BI.getDate(); |
|
|
|
|
self.storeValue = { |
|
|
|
|
hour: date.getHours(), |
|
|
|
|
minute: date.getMinutes(), |
|
|
|
|
second: date.getSeconds() |
|
|
|
|
}; |
|
|
|
|
self.fireEvent("EVENT_ERROR"); |
|
|
|
|
} |
|
|
|
|
}, { |
|
|
|
|
eventName: "EVENT_VALID", |
|
|
|
|
action: function () { |
|
|
|
|
self.fireEvent("EVENT_VALID"); |
|
|
|
|
} |
|
|
|
|
}, { |
|
|
|
|
eventName: "EVENT_CHANGE", |
|
|
|
|
action: function () { |
|
|
|
|
self.fireEvent("EVENT_CHANGE"); |
|
|
|
|
} |
|
|
|
|
}, { |
|
|
|
|
eventName: "EVENT_CONFIRM", |
|
|
|
|
action: function () { |
|
|
|
|
if (self.combo.isViewVisible()) { |
|
|
|
|
// self.combo.hideView();
|
|
|
|
|
} else { |
|
|
|
|
self.combo.showView(); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
var dateStore = self.storeTriggerValue; |
|
|
|
|
var dateObj = self.trigger.getKey(); |
|
|
|
|
if (BI.isNotEmptyString(dateObj) && !BI.isEqual(dateObj, dateStore)) { |
|
|
|
|
self.storeValue = self.trigger.getValue(); |
|
|
|
|
self.setValue(self.trigger.getValue()); |
|
|
|
|
} else if (BI.isEmptyString(dateObj)) { |
|
|
|
|
self.storeValue = null; |
|
|
|
|
self.trigger.setValue(); |
|
|
|
|
} |
|
|
|
|
self.fireEvent("EVENT_CONFIRM"); |
|
|
|
|
} |
|
|
|
|
}], |
|
|
|
|
ref: function (_ref) { |
|
|
|
|
self.triggerBtn = _ref; |
|
|
|
|
} |
|
|
|
|
}] |
|
|
|
|
}, |
|
|
|
|
adjustLength: this.constants.comboAdjustHeight, |
|
|
|
|
popup: { |
|
|
|
|
el: popup, |
|
|
|
|
width: opts.isNeedAdjustWidth ? opts.width : this.constants.popupWidth, |
|
|
|
|
stopPropagation: false |
|
|
|
|
}, |
|
|
|
|
hideChecker: function (e) { |
|
|
|
|
return self.triggerBtn.element.find(e.target).length === 0; |
|
|
|
|
}, |
|
|
|
|
top: 0, |
|
|
|
|
right: 0 |
|
|
|
|
}] |
|
|
|
|
listeners: [{ |
|
|
|
|
eventName: BI.Combo.EVENT_BEFORE_POPUPVIEW, |
|
|
|
|
action: function () { |
|
|
|
|
self.popup.setValue(self.storeValue); |
|
|
|
|
self.fireEvent(BI.TimeCombo.EVENT_BEFORE_POPUPVIEW); |
|
|
|
|
} |
|
|
|
|
}], |
|
|
|
|
ref: function (_ref) { |
|
|
|
|
self.combo = _ref; |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
}, { |
|
|
|
|
el: { |
|
|
|
|
type: "bi.icon_button", |
|
|
|
|
cls: "bi-trigger-icon-button time-font", |
|
|
|
|
width: this.constants.iconWidth, |
|
|
|
|
listeners: [{ |
|
|
|
|
eventName: BI.IconButton.EVENT_CHANGE, |
|
|
|
|
action: function () { |
|
|
|
|
if (self.combo.isViewVisible()) { |
|
|
|
|
// self.combo.hideView();
|
|
|
|
|
} else { |
|
|
|
|
self.combo.showView(); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}], |
|
|
|
|
ref: function (_ref) { |
|
|
|
|
self.triggerBtn = _ref; |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
}] |
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
@ -228,7 +221,7 @@
|
|
|
|
|
focus: function () { |
|
|
|
|
this.trigger.focus(); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
blur: function () { |
|
|
|
|
this.trigger.blur(); |
|
|
|
|
}, |
|
|
|
|