@ohu-mobile/core
Version:
114 lines (113 loc) • 5.01 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.entryItemProps = exports.default = void 0;
var _Icon = _interopRequireDefault(require("../Icon"));
var _defineComponent = require("../_utils/defineComponent");
var _Badge = _interopRequireDefault(require("../Badge"));
var _navigate = _interopRequireDefault(require("../_utils/navigate"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
var entryItemProps = exports.entryItemProps = {
icon: (0, _defineComponent.props)(String, Object).optional,
image: String,
iconSize: String,
iconAreaSize: _defineComponent.props.ofStringLiterals('sm', 'md', 'lg').default('md'),
text: String,
textSize: _defineComponent.props.ofStringLiterals('xsm', 'sm', 'md', 'lg').default('md'),
minorText: String,
to: (0, _defineComponent.props)(String, Object).optional,
url: String,
replace: (0, _defineComponent.props)(Boolean).default(false),
badge: (0, _defineComponent.props)(String, Number, Object).optional
};
var _default = exports.default = (0, _defineComponent.defineComponent)('entry-item').create({
props: entryItemProps,
methods: {
onClick: function onClick(e) {
(0, _navigate.default)(this);
this.$emit('click', e);
},
wrapBadge: function wrapBadge(vnode) {
var h = this.$createElement;
var badge = this.badge;
if (badge === undefined) return;
var badgeProps = {};
if (typeof badge === 'string' || typeof badge === 'number') {
badgeProps.text = badge;
} else {
badgeProps = badge;
}
return h(_Badge.default, {
"props": _objectSpread({}, badgeProps)
}, [vnode]);
}
},
render: function render() {
var h = arguments[0];
var root = this.$rootCls();
var $slots = this.$slots,
icon = this.icon,
image = this.image,
text = this.text,
minorText = this.minorText,
iconSize = this.iconSize,
iconAreaSize = this.iconAreaSize,
textSize = this.textSize,
badge = this.badge;
root.is(["icon-area-".concat(iconAreaSize), "text-".concat(textSize)]);
var iconStyle = {};
if (iconSize) {
iconStyle.width = iconSize;
iconStyle.height = iconSize;
}
var textContent = $slots.default || text;
var iconArea = $slots.icon;
if (!iconArea) {
if (icon) {
iconArea = h(_Icon.default, {
"attrs": {
"type": icon
},
"style": iconStyle
});
}
if (image) {
iconArea = h("img", {
"style": iconStyle,
"attrs": {
"src": image,
"alt": "icon"
}
});
}
}
if (badge && iconArea) {
iconArea = this.wrapBadge(iconArea);
}
if (!iconArea && badge && textContent) {
textContent = this.wrapBadge(textContent);
}
return h("div", {
"class": root,
"on": {
"click": this.onClick
},
"attrs": {
"role": "button"
}
}, [iconArea && h("div", {
"class": root.element('icon')
}, [iconArea]), textContent && h("span", {
"class": root.element('text')
}, [textContent]), minorText && h("span", {
"class": root.element('minor-text')
}, [minorText])]);
}
});