2017-11-21 18:53:09 +08:00
|
|
|
import SingleSelectComponent from "select-kit/components/single-select";
|
|
|
|
import { on } from "ember-addons/ember-computed-decorators";
|
|
|
|
|
|
|
|
export default SingleSelectComponent.extend({
|
|
|
|
pluginApiIdentifiers: ["dropdown-select-box"],
|
|
|
|
classNames: "dropdown-select-box",
|
|
|
|
verticalOffset: 3,
|
|
|
|
fullWidthOnMobile: true,
|
|
|
|
filterable: false,
|
|
|
|
autoFilterable: false,
|
|
|
|
headerComponent: "dropdown-select-box/dropdown-select-box-header",
|
|
|
|
rowComponent: "dropdown-select-box/dropdown-select-box-row",
|
|
|
|
showFullTitle: true,
|
|
|
|
allowInitialValueMutation: false,
|
|
|
|
|
|
|
|
@on("didReceiveAttrs")
|
|
|
|
_setDropdownSelectBoxComponentOptions() {
|
|
|
|
this.get("headerComponentOptions").setProperties({
|
|
|
|
showFullTitle: this.get("showFullTitle")
|
|
|
|
});
|
|
|
|
},
|
|
|
|
|
|
|
|
didClickOutside() {
|
2018-03-22 18:29:55 +08:00
|
|
|
if (!this.get("isExpanded")) return;
|
2017-11-21 18:53:09 +08:00
|
|
|
this.close();
|
|
|
|
},
|
|
|
|
|
|
|
|
didSelect() {
|
2019-01-19 17:05:51 +08:00
|
|
|
this._super(...arguments);
|
2017-11-21 18:53:09 +08:00
|
|
|
this.close();
|
|
|
|
}
|
|
|
|
});
|