@mijadesign/mjui-react-taro
Version:
京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序
30 lines (29 loc) • 1.46 kB
JavaScript
import { _ as __rest } from "./tslib.es6-iWu3F_1J.js";
import { c } from "./Failure-DtMPSYQj.js";
/* empty css */
import { Tag as Tag$1 } from "@nutui/nutui-react-taro";
import classNames from "classnames";
import React from "react";
const mjPrefix = "mj-tag";
const Tag = (_a) => {
var { className, style, children, type = "primary", size = "default", mode = "default", color, background, round, closeIcon } = _a, rest = __rest(_a, ["className", "style", "children", "type", "size", "mode", "color", "background", "round", "closeIcon"]);
const getCustomStyle = () => {
if (!!color && !!background) {
return { color, backgroundColor: background, border: mode === "plain" ? `1px solid ${color}` : "none" };
}
if (color) {
return { color, backgroundColor: "#fff", border: `1px solid ${color}` };
}
if (background) {
return { color: "#fff", backgroundColor: background, border: `1px solid ${color}` };
}
return {};
};
return React.createElement(Tag$1, Object.assign({ className: classNames(className, mjPrefix, `${mjPrefix}-${type}-${mode}`, {
[`${mjPrefix}-${size}`]: size !== "default",
[`${mjPrefix}-round-${size}`]: !!round
}), style: Object.assign(Object.assign({}, getCustomStyle()), style), closeIcon: closeIcon || React.createElement(c, { className: classNames(`${mjPrefix}-close-icon`, `${mjPrefix}-close-icon-${mode}`) }) }, rest), children);
};
export {
Tag as T
};