@ant-design/react-native
Version:
基于蚂蚁金服移动设计规范的 React Native 组件库
1 lines • 3.37 kB
JavaScript
"use client";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _style=require("../style");var _index=_interopRequireDefault(require("./style/index"));function _callSuper(_this,derived,args){function isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{return!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(e){return false;}}derived=(0,_getPrototypeOf2.default)(derived);return(0,_possibleConstructorReturn2.default)(_this,isNativeReflectConstruct()?Reflect.construct(derived,args||[],(0,_getPrototypeOf2.default)(_this).constructor):derived.apply(_this,args));}var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s){if(Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0)t[p]=s[p];}if(s!=null&&typeof Object.getOwnPropertySymbols==="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++){if(e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i]))t[p[i]]=s[p[i]];}return t;};var Badge=function(_React$Component){function Badge(){(0,_classCallCheck2.default)(this,Badge);return _callSuper(this,Badge,arguments);}(0,_inherits2.default)(Badge,_React$Component);return(0,_createClass2.default)(Badge,[{key:"render",value:function render(){var _a=this.props,styles=_a.styles,style=_a.style,children=_a.children,text=_a.text,size=_a.size,overflowCount=_a.overflowCount,dot=_a.dot,corner=_a.corner,restProps=__rest(_a,["styles","style","children","text","size","overflowCount","dot","corner"]);return _react.default.createElement(_style.WithTheme,{themeStyles:_index.default,styles:styles},function(s){text=typeof text==='number'&&text>overflowCount?"".concat(overflowCount,"+"):text;if(dot){text='';}var fakeStyles=s;var badgeCls=corner?'textCorner':'textDom';var contentDom=!dot?_react.default.createElement(_reactNative.View,(0,_extends2.default)({},restProps,{style:[s[badgeCls],fakeStyles["".concat(badgeCls).concat(size)]]}),_react.default.createElement(_reactNative.Text,{style:[s.text]},text)):_react.default.createElement(_reactNative.View,(0,_extends2.default)({},restProps,{style:[s.dot,fakeStyles["dotSize".concat(size)]]}));return _react.default.createElement(_reactNative.View,{style:[s.wrap,style]},_react.default.createElement(_reactNative.View,{style:[fakeStyles["".concat(badgeCls,"Wrap")]]},children,text||dot?contentDom:null));});}}]);}(_react.default.Component);Badge.defaultProps={size:'small',overflowCount:99,dot:false,corner:false};var _default=Badge;exports.default=_default;