1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192 |
- "use strict";
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
- exports.__esModule = true;
- exports.default = void 0;
- var _utils = require("../utils");
- var _Network = _interopRequireDefault(require("./Network"));
- var _createNamespace = (0, _utils.createNamespace)('empty'),
- createComponent = _createNamespace[0],
- bem = _createNamespace[1];
- var PRESETS = ['error', 'search', 'default'];
- var _default = createComponent({
- props: {
- imageSize: [Number, String],
- description: String,
- image: {
- type: String,
- default: 'default'
- }
- },
- methods: {
- genImageContent: function genImageContent() {
- var h = this.$createElement;
- var slots = this.slots('image');
- if (slots) {
- return slots;
- }
- if (this.image === 'network') {
- return h(_Network.default);
- }
- var image = this.image;
- if (PRESETS.indexOf(image) !== -1) {
- image = "https://img01.yzcdn.cn/vant/empty-image-" + image + ".png";
- }
- return h("img", {
- "attrs": {
- "src": image
- }
- });
- },
- genImage: function genImage() {
- var h = this.$createElement;
- var imageStyle = {
- width: (0, _utils.addUnit)(this.imageSize),
- height: (0, _utils.addUnit)(this.imageSize)
- };
- return h("div", {
- "class": bem('image'),
- "style": imageStyle
- }, [this.genImageContent()]);
- },
- genDescription: function genDescription() {
- var h = this.$createElement;
- var description = this.slots('description') || this.description;
- if (description) {
- return h("p", {
- "class": bem('description')
- }, [description]);
- }
- },
- genBottom: function genBottom() {
- var h = this.$createElement;
- var slot = this.slots();
- if (slot) {
- return h("div", {
- "class": bem('bottom')
- }, [slot]);
- }
- }
- },
- render: function render() {
- var h = arguments[0];
- return h("div", {
- "class": bem()
- }, [this.genImage(), this.genDescription(), this.genBottom()]);
- }
- });
- exports.default = _default;
|