@chief-editor/ui/es/components/badge/Badge.js

UI Component for chief editor

var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,s=1,r=arguments.length;s<r;s++)for(var a in t=arguments[s])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)},__rest=this&&this.__rest||function(e,t){var s={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(s[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(s[r[a]]=e[r[a]])}return s};import React,{useMemo}from"react";import{classnames}from"@co-hooks/util";import{useRefCallback}from"@rc-hooks/use";import{usePrefixCls}from"../../hooks";export function Badge(e){var t=e.placement,s=void 0===t?"top-right":t,r=e.type,a=void 0===r?"danger":r,n=e.content,o=e.offset,l=e.badgeStyle,c=void 0===l?{}:l,i=e.onBadgeClick,p=e.children,f=e.className,m=__rest(e,["placement","type","content","offset","badgeStyle","onBadgeClick","children","className"]),u=classnames(usePrefixCls("badge",{placement:s,type:a}),f),g=usePrefixCls("badge-sup"),y=useMemo((function(){return o?__assign(__assign({},c),{transform:"translate("+o.x+"px, "+o.y+"px)"}):c}),[o,c]),_=useRefCallback(i);return React.createElement("div",__assign({},m,{className:u}),p,React.createElement("sup",{className:g,style:y,onClick:_},n))}