devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
92 lines (91 loc) • 3.14 kB
JavaScript
/**
* DevExtreme (esm/renovation/ui/scroll_view/bottom_pocket.js)
* Version: 21.1.4
* Build date: Mon Jun 21 2021
*
* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
var _excluded = ["bottomPocketRef", "reachBottomText", "visible"];
import {
createVNode,
createComponentVNode
} from "inferno";
import {
BaseInfernoComponent
} from "@devextreme/vdom";
import {
LoadIndicator
} from "../load_indicator";
import {
isDefined
} from "../../../core/utils/type";
import {
SCROLLVIEW_BOTTOM_POCKET_CLASS,
SCROLLVIEW_REACHBOTTOM_CLASS,
SCROLLVIEW_REACHBOTTOM_INDICATOR_CLASS,
SCROLLVIEW_REACHBOTTOM_TEXT_CLASS
} from "./common/consts";
import messageLocalization from "../../../localization/message";
import {
BaseWidgetProps
} from "../common/base_props";
import {
combineClasses
} from "../../utils/combine_classes";
export var viewFunction = viewModel => {
var {
props: {
bottomPocketRef: bottomPocketRef
},
reachBottomClasses: reachBottomClasses,
reachBottomText: reachBottomText
} = viewModel;
return createVNode(1, "div", SCROLLVIEW_BOTTOM_POCKET_CLASS, createVNode(1, "div", reachBottomClasses, [createVNode(1, "div", SCROLLVIEW_REACHBOTTOM_INDICATOR_CLASS, createComponentVNode(2, LoadIndicator), 2), createVNode(1, "div", SCROLLVIEW_REACHBOTTOM_TEXT_CLASS, createVNode(1, "div", null, reachBottomText, 0), 2)], 4), 2, null, null, bottomPocketRef)
};
export var BottomPocketProps = {};
export var BottomPocketPropsType = {
visible: BaseWidgetProps.visible
};
export class BottomPocket extends BaseInfernoComponent {
constructor(props) {
super(props);
this.state = {}
}
get reachBottomText() {
var {
reachBottomText: reachBottomText
} = this.props;
if (isDefined(reachBottomText)) {
return reachBottomText
}
return messageLocalization.format("dxScrollView-reachBottomText")
}
get reachBottomClasses() {
var {
visible: visible
} = this.props;
var classesMap = {
[SCROLLVIEW_REACHBOTTOM_CLASS]: true,
"dx-state-invisible": !visible
};
return combineClasses(classesMap)
}
get restAttributes() {
var _this$props = this.props,
restProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
return restProps
}
render() {
var props = this.props;
return viewFunction({
props: _extends({}, props),
reachBottomText: this.reachBottomText,
reachBottomClasses: this.reachBottomClasses,
restAttributes: this.restAttributes
})
}
}
BottomPocket.defaultProps = _extends({}, BottomPocketPropsType);