@alifd/next
Version:
A configurable component library for web built on React.
62 lines (61 loc) • 2.89 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var classnames_1 = tslib_1.__importDefault(require("classnames"));
var config_provider_1 = tslib_1.__importDefault(require("../config-provider"));
var icon_1 = tslib_1.__importDefault(require("./icon"));
var customCache = new Set();
var ConfigIcon = config_provider_1.default.config(icon_1.default);
/** Icon.createFromIconfontCN
* 通过自定义 iconfont源来使用使用svg格式的图片
*/
function createFromIconfontCN(options) {
var scriptUrl = options.scriptUrl, _a = options.extraCommonProps, extraCommonProps = _a === void 0 ? {} : _a;
var hasExist = customCache.has(scriptUrl);
if (document.querySelector("script[data-namespace=\"".concat(scriptUrl, "\"]"))) {
hasExist = true;
}
/**
* DOM API required.
* Make sure in browser environment.
* The Custom Icon will create a <script/>
* that loads SVG symbols and insert the SVG Element into the document body.
*/
if (typeof document !== 'undefined' &&
typeof window !== 'undefined' &&
typeof document.createElement === 'function' &&
typeof scriptUrl === 'string' &&
scriptUrl.length &&
!hasExist) {
var script = document.createElement('script');
script.setAttribute('src', scriptUrl);
script.setAttribute('data-namespace', scriptUrl);
customCache.add(scriptUrl);
document.body.appendChild(script);
}
var Iconfont = function (props) {
var _a;
var type = props.type, size = props.size, children = props.children, className = props.className, _b = props.prefix, prefix = _b === void 0 ? 'next-' : _b, others = tslib_1.__rest(props, ["type", "size", "children", "className", "prefix"]);
// component > children > type
var content = null;
if (props.type) {
content = React.createElement("use", { xlinkHref: "#".concat(type) });
}
if (children) {
content = children;
}
var classes = (0, classnames_1.default)((_a = {},
_a["".concat(prefix, "icon-remote")] = true,
_a), className);
return (
// FIXME: 这里理论上优先级是 props 中的 prefix 优先级更高，不过之前的行为一直是取上层 ConfigProvider 中的 prefix，
// 先兼容之前的表现，will be fixed in 2.x
// https://github.com/alibaba-fusion/next/issues/3906
React.createElement(ConfigIcon, { size: size },
React.createElement("svg", tslib_1.__assign({ className: classes, focusable: false }, others, extraCommonProps), content)));
};
Iconfont.displayName = 'Iconfont';
return config_provider_1.default.config(Iconfont);
}
exports.default = createFromIconfontCN;