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

UI Component for chief editor

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