@ohu-mobile/core
Version:
99 lines (98 loc) • 4.56 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _babelHelperVueJsxMergeProps = _interopRequireDefault(require("@vue/babel-helper-vue-jsx-merge-props"));
var _utils = require("./utils");
var _defineComponent = require("../_utils/defineComponent");
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 allIcons = {};
var shorthandMap = {
o: 'outlined',
f: 'filled',
m: 'multi-color'
};
var themes = ['outlined', 'filled', 'multi-color', 'o', 'f', 'm'];
var Icon = (0, _defineComponent.defineComponent)('icon').create({
props: {
type: (0, _defineComponent.props)(String, Object).required,
color: String,
theme: _defineComponent.props.ofStringLiterals.apply(_defineComponent.props, themes).default('outlined'),
spin: (0, _defineComponent.props)(Boolean).default(false),
rotate: (0, _defineComponent.props)(Number).default(0)
},
render: function render() {
var h = arguments[0];
var spin = this.spin,
type = this.type,
rotate = this.rotate,
color = this.color,
theme = this.theme,
$attrs = this.$attrs;
var currentIcon;
var title;
if (typeof type === 'string') {
var iconName = type;
themes.some(function (t) {
var typestr = type.toString();
var postfix = '-' + t;
var result = typestr.endsWith(postfix);
if (result) {
var index = typestr.lastIndexOf(postfix);
iconName = typestr.substring(0, index);
theme = t;
}
return result;
});
if (theme === 'o' || theme === 'f' || theme === 'm') {
theme = shorthandMap[theme];
}
type = iconName + '-' + theme;
title = type;
var iconType = (0, _utils.transformToCamelCase)(type);
currentIcon = allIcons[iconType];
} else {
title = type.name;
currentIcon = type;
}
if (!currentIcon) return h("i");
var _currentIcon = currentIcon,
attrs = _currentIcon.attrs,
children = _currentIcon.children;
var style = {};
if (color) {
style.color = color;
}
if (rotate > 0) {
var rotateValue = "rotateZ(".concat(rotate, "deg)");
style.transform = rotateValue;
style.WebkitTransform = rotateValue;
}
var iconProps = {
attrs: _objectSpread(_objectSpread(_objectSpread({}, $attrs), attrs || {}), {}, {
'aria-hidden': true,
tabindex: -1,
title: title,
role: 'presentation'
}),
class: this.$rootCls().is(spin && 'spin'),
style: style,
domProps: {
innerHTML: children
}
};
return h("svg", (0, _babelHelperVueJsxMergeProps.default)([{}, iconProps, {
"attrs": {
"focusable": "false"
}
}]));
}
});
var _default = exports.default = Icon;