zmp-vue/esm/components/use-icon.js

Build full featured iOS & Android apps using ZMP & Vue

import { toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, mergeProps as _mergeProps, createCommentVNode as _createCommentVNode } from "vue";

function render(_ctx, _cache) {
  var _component_zmp_badge = _resolveComponent("zmp-badge");

  var _component_zmp_icon = _resolveComponent("zmp-icon");

  return _openBlock(), _createBlock(_component_zmp_icon, _ctx.icon.props, {
    default: _withCtx(function () {
      return [_ctx.icon.badge ? (_openBlock(), _createBlock(_component_zmp_badge, _mergeProps({
        key: 0
      }, _ctx.icon.badge.props), {
        default: _withCtx(function () {
          return [_createTextVNode(_toDisplayString(_ctx.icon.badge.content), 1)];
        }),
        _: 1
      }, 16)) : _createCommentVNode("", true)];
    }),
    _: 1
  }, 16);
}

import zmpIcon from './icon';
import zmpBadge from './badge';
export default {
  name: 'zmp-use-icon',
  render: render,
  components: {
    zmpIcon: zmpIcon,
    zmpBadge: zmpBadge
  },
  props: {
    icon: Object
  }
};