@momo-kits/badge 0.0.46-beta.52

package/index.js

@@ -0,0 +1,75 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Colors, Spacing, Text, Radius } from '@momo-kits/core';
+
+const Badge = ({ type, value, style, textStyle, containerWidth }) => {
+    const getStyle = (type) => {
+        switch (type) {
+            case 'badge':
+                return [
+                    styles.container,
+                    {
+                        minWidth: 16,
+                        height: 16,
+                        left: containerWidth ? containerWidth - 12 : null,
+                    },
+                ];
+            case 'dot':
+                return styles.dot;
+            case 'dot-small':
+                return styles.dotSmall;
+        }
+    };
+
+    return (
+        <View style={[getStyle(type), style]}>
+            {type === 'badge' && (
+                <Text
+                    weight="medium"
+                    style={[{ fontSize: 10, color: Colors.white }, textStyle]}>
+                    {value > 99 ? '99+' : value}
+                </Text>
+            )}
+        </View>
+    );
+};
+
+const styles = StyleSheet.create({
+    container: {
+        paddingHorizontal: Spacing.XS,
+        backgroundColor: Colors.error,
+        borderRadius: Radius.M,
+        justifyContent: 'center',
+        alignItems: 'center',
+        position: 'absolute',
+        top: -4,
+    },
+    dot: {
+        width: 16,
+        height: 16,
+        borderWidth: 1,
+        borderColor: Colors.white,
+        backgroundColor: Colors.error,
+        borderRadius: 8,
+        position: 'absolute',
+        right: -8,
+        top: -8,
+    },
+    dotSmall: {
+        width: 10,
+        height: 10,
+        borderWidth: 1,
+        borderColor: Colors.white,
+        backgroundColor: Colors.error,
+        borderRadius: 5,
+        position: 'absolute',
+        right: -5,
+        top: -5,
+    },
+});
+
+Badge.defaultProps = {
+    type: 'badge',
+};
+
+export default Badge;

package/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "@momo-kits/badge",
+  "version": "0.0.46-beta.52",
+  "private": false,
+  "main": "index.js",
+  "dependencies": {},
+  "peerDependencies": {
+    "react-native": ">=0.55",
+    "prop-types": "^15.7.2",
+    "react": "16.9.0",
+    "@momo-kits/core": ">=0.0.5-beta",
+    "lodash": "^4.17.15"
+  },
+  "devDependencies": {},
+  "license": "MoMo"
+}

package/publish.sh

@@ -0,0 +1,29 @@
+#!/bin/bash
+rm -rf dist
+mkdir dist
+
+cp . ./dist
+
+# GET VERSION from mck_package.json
+VERSIONSTRING=( v$(jq .version package.json) )
+VERSION=(${VERSIONSTRING//[\"]/})
+echo VERSION: $VERSION
+
+rsync -r --verbose --exclude '*.mdx' --exclude '*Demo.js'  --exclude 'props-type.js' --exclude 'prop-types.js' --exclude 'web.js' ./* dist
+
+# #babel component to dist
+#babel ./dist -d dist --copy-files
+
+#copy option
+#cp -r ./src/ dist
+
+
+#npm login
+#publish dist to npm
+cd dist
+npm publish --tag beta --access=public
+cd ..
+rm -rf dist
+
+
+#curl -X POST -H 'Content-Type: application/json' 'https://chat.googleapis.com/v1/spaces/AAAAbP8987c/messages?key=AIzaSyDdI0hCZtE6vySjMm-WEfRq3CPzqKqqsHI&token=UGSFRvk_oYb9uGsAgs31bVvMm6jDkmD8zihGm3eyaQA%3D&threadKey=JoaXTEYaNNkl' -d '{"text": "@momo-kits/avatar new version release: '*"$VERSION"*' https://www.npmjs.com/package/@momo-kits/avatar"}'