@ohu-mobile/core/lib-rem/Bottom/Bottom.js

Mobile UI Toolkit

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _defineComponent = require("../_utils/defineComponent");
var _variables = require("../_config/variables");
var _Divider = _interopRequireDefault(require("../Divider"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var Bottom = (0, _defineComponent.defineComponent)('bottom').create({
  props: {
    visible: (0, _defineComponent.props)(Boolean).default(true),
    tag: (0, _defineComponent.props)(String).default('div'),
    divider: (0, _defineComponent.props)(Boolean).default(false),
    animation: (0, _defineComponent.props)(String).default('slide-down')
  },
  render: function render(h) {
    var $slots = this.$slots,
      tag = this.tag,
      visible = this.visible,
      animation = this.animation,
      divider = this.divider;
    return h("transition", {
      "attrs": {
        "name": "".concat(_variables.$prefix).concat(animation)
      }
    }, [h(tag, {
      class: this.$rootCls(),
      directives: [{
        name: 'show',
        value: visible
      }]
    }, [divider && h(_Divider.default), $slots.default])]);
  }
});
var _default = exports.default = Bottom;