UNPKG

@mijadesign/mjui-react-taro

Version:

京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序

30 lines (29 loc) 1.46 kB
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 };