@ohu-mobile/core
Version:
53 lines (52 loc) • 1.84 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _LoaderSpinOutlined2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/LoaderSpinOutlined"));
var _Icon = _interopRequireDefault(require("../Icon"));
var _vueStrictProp = _interopRequireDefault(require("vue-strict-prop"));
var _localeMixin = _interopRequireDefault(require("../_utils/localeMixin"));
var _defineComponent = require("../_utils/defineComponent");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var Loading = (0, _defineComponent.defineComponent)('loading').mixin((0, _localeMixin.default)('OhuLoading')).create({
props: {
color: String,
vertical: (0, _vueStrictProp.default)(Boolean).default(false),
size: String,
text: String,
textSize: String,
textColor: String
},
render: function render() {
var h = arguments[0];
var color = this.color,
vertical = this.vertical,
size = this.size,
text = this.text,
textColor = this.textColor,
textSize = this.textSize,
$slots = this.$slots;
var loadingText = $slots.default || text || this.$l.defaultText;
var loadingStyle = {};
if (color) loadingStyle.color = color;
if (size) loadingStyle.fontSize = size;
var textStyle = {};
if (textColor) textStyle.color = textColor;
if (textSize) textStyle.fontSize = textSize;
var cls = this.$rootCls();
return h("div", {
"class": cls.is(vertical && 'vertical')
}, [h(_Icon.default, {
"attrs": {
"type": _LoaderSpinOutlined2.default,
"spin": true
},
"style": loadingStyle
}), h("span", {
"class": cls.element('text'),
"style": textStyle
}, [loadingText])]);
}
});
var _default = exports.default = Loading;