@zhenryx/react-native-components 0.0.1

package/CHANGELOG.md

@@ -0,0 +1,12 @@
+# 更新日志
+
+本文档记录本项目的所有重要变更。
+
+格式基于 [Keep a Changelog](https://keepachangelog.com/zh-CN/1.0.0/)，
+版本号遵循 [语义化版本](https://semver.org/lang/zh-CN/)。
+
+## [0.0.1] - 2024-11-11
+
+### 新增
+- 初始版本发布
+

package/README.md

@@ -0,0 +1,16 @@
+# @zhenryx/react-native-ui
+一个 React Native UI 组件库
+该组件库以避免以下情况出现：
+- 部分安卓机型吞字
+## 安装
+
+```bash
+npm install @zhenryx/react-native-ui
+```
+
+## 要求
+- React >= 18.1.0
+- React Native >= 0.70.0
+
+## 许可证
+ISC

package/dist/Button/Button.d.ts

@@ -0,0 +1,24 @@
+import React, { ComponentType } from "react";
+import { ImageSourcePropType, ImageStyle, StyleProp, TextStyle, ViewStyle } from "react-native";
+type ButtonFill = 'solid' | 'outline';
+export interface ButtonProps {
+    title: string;
+    InnerComponent?: ComponentType<any>;
+    linearGradientProps?: Record<string, any>;
+    fill?: ButtonFill;
+    width?: ViewStyle['width'];
+    fullWidth?: boolean;
+    height?: number;
+    onPress?: () => void;
+    color?: string;
+    feedbackEffect?: boolean;
+    disabled?: boolean;
+    icon?: ImageSourcePropType;
+    iconStyle?: StyleProp<ImageStyle>;
+    iconPosition?: 'left' | 'right';
+    buttonStyle?: StyleProp<ViewStyle>;
+    textStyle?: StyleProp<TextStyle>;
+}
+export declare const Button: React.FC<ButtonProps>;
+export {};
+//# sourceMappingURL=Button.d.ts.map

package/dist/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAW,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAa,SAAS,EAAE,SAAS,EAAE,SAAS,EAAe,MAAM,cAAc,CAAC;AAGxH,KAAK,UAAU,GAAG,OAAO,GAAG,SAAS,CAAC;AACtC,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACpC,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC1C,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAClC;AACD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA4ExC,CAAA"}

package/dist/Button/Button.js

@@ -0,0 +1,73 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const Text_1 = require("../Text/Text");
+const ThemeConfig_1 = require("../ThemeConfig/ThemeConfig");
+exports.Button = react_1.default.memo(({ InnerComponent = react_native_1.View, linearGradientProps, title, fill = 'solid', width = 120, fullWidth = false, height = 36, onPress = () => { }, color, disabled = false, feedbackEffect = true, icon, iconStyle, iconPosition = "right", buttonStyle, textStyle }) => {
+    const { theme } = (0, ThemeConfig_1.useTheme)();
+    const defaultColor = theme['$primary-color'] || '#e25829ff';
+    const actualColor = color || defaultColor;
+    const baseViewStyle = (0, react_1.useMemo)(() => {
+        const isOutline = fill === 'outline';
+        const isGradient = InnerComponent &&
+            (InnerComponent.displayName === 'LinearGradient' ||
+                InnerComponent.name === 'LinearGradient');
+        return {
+            borderRadius: theme['$button-border-radius'],
+            borderWidth: isOutline ? 1 : 0,
+            borderColor: isOutline ? actualColor : 'transparent',
+            backgroundColor: isGradient ? 'transparent' : (isOutline ? 'transparent' : actualColor),
+            width: fullWidth ? '100%' : width,
+            height: height,
+            alignItems: 'center',
+            justifyContent: 'center',
+            overflow: 'hidden',
+            flexDirection: iconPosition === 'right' ? 'row' : 'row-reverse',
+        };
+    }, [width, height, fill, actualColor, fullWidth, iconPosition, theme, InnerComponent]);
+    const textColor = fill === 'outline' ? actualColor : '#fff';
+    const defaultIconSize = height * 0.5;
+    const iconMargin = iconPosition === 'right'
+        ? { marginLeft: 5 }
+        : { marginRight: 5 };
+    const pressableStyle = ({ pressed }) => [
+        { opacity: disabled ? 0.5 : 1 },
+        pressed && feedbackEffect && !disabled && { opacity: 0.85 },
+    ];
+    const InnerComponentStyle = [baseViewStyle, buttonStyle];
+    const content = (<>
+        <Text_1.Text style={[{ color: textColor }, textStyle]}>{title}</Text_1.Text>
+        {icon && (<react_native_1.Image source={icon} style={[{ width: defaultIconSize, height: defaultIconSize, ...iconMargin }, iconStyle]}/>)}
+      </>);
+    return (<react_native_1.Pressable style={pressableStyle} onPress={disabled ? undefined : onPress} disabled={disabled}>
+        <InnerComponent {...linearGradientProps} style={InnerComponentStyle}>
+          {content}
+        </InnerComponent>
+      </react_native_1.Pressable>);
+});
+exports.Button.displayName = 'Button';

package/dist/Dialog/Dialog.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { TextStyle } from 'react-native';
+export interface DialogProps {
+    useModal?: boolean;
+    visible: boolean;
+    type?: 'alert' | 'confirm';
+    title?: string;
+    content?: string;
+    titleStyle?: TextStyle;
+    contentStyle?: TextStyle;
+    closeOnOverlayPress?: boolean;
+    round?: boolean;
+    confirmText?: string;
+    cancelText?: string;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    children?: React.ReactNode;
+}
+export declare const Dialog: React.FC<DialogProps>;
+//# sourceMappingURL=Dialog.d.ts.map

package/dist/Dialog/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA+B,SAAS,EAAE,MAAM,cAAc,CAAC;AAItE,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AACD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoDxC,CAAC"}

package/dist/Dialog/Dialog.js

@@ -0,0 +1,92 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dialog = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const Text_1 = require("../Text/Text");
+const ThemeConfig_1 = require("../ThemeConfig/ThemeConfig");
+const Popup_1 = require("../Popup/Popup");
+const Dialog = ({ useModal = true, visible = false, type = "alert", title = "提示", content, titleStyle, contentStyle, closeOnOverlayPress = false, round = false, confirmText = "确认", cancelText = '取消', onConfirm = () => null, onCancel = () => null, children }) => {
+    const { theme } = (0, ThemeConfig_1.useTheme)();
+    const confirmTextColor = theme['$primary-color'] || '#e25829ff';
+    const paddingHorizontal = theme['$dialog-padding-horizontal'] || 20;
+    const paddingTop = theme['$dialog-padding-top'] || 24;
+    const contentMarginVertical = theme['$dialog-content-margin-vertical'] || 10;
+    const handleConfirm = () => {
+        onConfirm();
+    };
+    const handleClose = () => {
+        onCancel();
+    };
+    const renderDialog = () => (<react_native_1.View style={styles.dialog_content_wrapper}>
+      <react_native_1.View style={[styles.dialog_text, { paddingHorizontal, paddingTop }]}>
+        {title && <Text_1.Text style={[styles.dialog_title, titleStyle]}>{title}</Text_1.Text>}
+        {content && <Text_1.Text style={[styles.dialog_content, { marginVertical: contentMarginVertical }, contentStyle]}>{content}</Text_1.Text>}
+      </react_native_1.View>
+      {children && <react_native_1.View style={styles.dialog_children}>{children}</react_native_1.View>}
+      <react_native_1.View style={styles.dialog_footer_button}>
+        {type === 'confirm' && <react_native_1.Pressable style={styles.dialog_footer_button_cancel} onPress={handleClose}><Text_1.Text style={styles.dialog_footer_button_cancel_text}>{cancelText}</Text_1.Text></react_native_1.Pressable>}
+        <react_native_1.Pressable style={styles.dialog_footer_button_confirm} onPress={handleConfirm}><Text_1.Text style={[styles.dialog_footer_button_confirm_text, { color: confirmTextColor }]}>{confirmText}</Text_1.Text></react_native_1.Pressable>
+      </react_native_1.View>
+    </react_native_1.View>);
+    return (<Popup_1.Popup useModal={useModal} visible={visible} closeable={false} closeOnOverlayPress={closeOnOverlayPress} onClose={handleClose} round={round}>
+      {renderDialog()}
+    </Popup_1.Popup>);
+};
+exports.Dialog = Dialog;
+const styles = react_native_1.StyleSheet.create({
+    dialog_content_wrapper: {
+        width: '100%',
+        minHeight: 100,
+    },
+    dialog_text: {
+        width: '100%',
+    },
+    dialog_title: {
+        fontSize: 16,
+        fontWeight: '600',
+        color: '#222',
+        textAlign: 'center'
+    },
+    dialog_content: {
+        color: '#555',
+        fontSize: 14,
+        textAlign: 'center',
+    },
+    dialog_children: {
+        width: '100%',
+    },
+    dialog_footer_button: {
+        minHeight: 50,
+        flexDirection: 'row',
+        alignItems: 'center',
+        borderTopWidth: react_native_1.StyleSheet.hairlineWidth,
+        borderTopColor: '#EEE',
+        width: '100%',
+    },
+    dialog_footer_button_cancel: {
+        flex: 1,
+        minHeight: 50,
+        justifyContent: 'center',
+        alignItems: 'center',
+        borderRightWidth: react_native_1.StyleSheet.hairlineWidth,
+        borderRightColor: '#F0F0F0',
+    },
+    dialog_footer_button_confirm: {
+        flex: 1,
+        minHeight: 50,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    dialog_footer_button_cancel_text: {
+        color: '#999',
+        fontSize: 16,
+    },
+    dialog_footer_button_confirm_text: {
+        fontSize: 16,
+    }
+});
+exports.Dialog.displayName = 'Dialog';

package/dist/Empty/Empty.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { ImageSourcePropType, ViewStyle, StyleProp, TextStyle } from "react-native";
+export interface EmptyProps {
+    children?: React.ReactNode;
+    img?: ImageSourcePropType;
+    width?: number;
+    height?: number;
+    desc?: string;
+    style?: StyleProp<ViewStyle>;
+    textStyle?: TextStyle;
+}
+export declare const Empty: React.FC<EmptyProps>;
+//# sourceMappingURL=Empty.d.ts.map

package/dist/Empty/Empty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Empty.d.ts","sourceRoot":"","sources":["../../src/components/Empty/Empty.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA2B,mBAAmB,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE7G,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAID,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAmBtC,CAAC"}

package/dist/Empty/Empty.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Empty = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const Text_1 = require("../Text/Text");
+const defaultImage = require('./assets/icon-empty.png');
+const Empty = ({ children, img, width = 120, height = 100, desc = "数据消失了～", style, textStyle, }) => {
+    return (<react_native_1.View style={[styles.empty_view, style]}>
+      <react_native_1.Image source={img || defaultImage} style={[styles.empty_icon, { width, height }]}/>
+      <Text_1.Text style={[styles.empty_text, textStyle]}>{desc}</Text_1.Text>
+      {children}
+    </react_native_1.View>);
+};
+exports.Empty = Empty;
+exports.Empty.displayName = 'Empty';
+const styles = react_native_1.StyleSheet.create({
+    empty_view: {
+        alignItems: "center",
+        justifyContent: "center",
+        paddingVertical: 40,
+        paddingHorizontal: 20,
+    },
+    empty_icon: {
+        resizeMode: "contain",
+    },
+    empty_text: {
+        color: '#999',
+        fontSize: 14,
+        marginVertical: 15,
+        textAlign: "center",
+    },
+});

package/dist/Header/Header.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from "react";
+import { StyleProp, ViewStyle, TextStyle } from "react-native";
+export interface HeaderProps {
+    title?: string;
+    backGroundColor?: string;
+    leftComponent?: ReactNode;
+    centerComponent?: ReactNode;
+    rightComponent?: ReactNode;
+    containerStyle?: StyleProp<ViewStyle>;
+    titleStyle?: StyleProp<TextStyle>;
+    showBack?: boolean;
+    onBack?: () => void;
+}
+export declare const Header: React.FC<HeaderProps>;
+//# sourceMappingURL=Header.d.ts.map

package/dist/Header/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/components/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAW,SAAS,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAE,SAAS,EAAgC,MAAM,cAAc,CAAA;AAIlG,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAsDxC,CAAA"}

package/dist/Header/Header.js

@@ -0,0 +1,90 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Header = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const Text_1 = require("../Text/Text");
+const ThemeConfig_1 = require("../ThemeConfig/ThemeConfig");
+const Header = ({ title = '自定义头部导航', backGroundColor, leftComponent, centerComponent, rightComponent, containerStyle, titleStyle: customTitleStyle, showBack = true, onBack }) => {
+    const { theme } = (0, ThemeConfig_1.useTheme)();
+    const headerStyle = (0, react_1.useMemo)(() => ({
+        height: theme['$header-height'] || 44,
+        backgroundColor: backGroundColor || theme['$header-background'] || 'transparent',
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        paddingHorizontal: theme['$header-spacing'] || 15,
+    }), [theme, backGroundColor]);
+    const defaultTitleStyle = (0, react_1.useMemo)(() => ({
+        fontSize: theme['$header-title-fontsize'] || 18,
+        fontWeight: theme['$header-title-fontweight'] || '500'
+    }), [theme]);
+    const renderLeft = () => {
+        if (leftComponent)
+            return leftComponent;
+        if (!showBack || !onBack)
+            return null;
+        return (<react_native_1.Pressable onPress={onBack} hitSlop={10}>
+        <react_native_1.Image source={require('./assets/icon-return.png')} style={styles.icon_return}/>
+      </react_native_1.Pressable>);
+    };
+    const renderCenter = () => {
+        if (centerComponent)
+            return centerComponent;
+        return <Text_1.Text style={[defaultTitleStyle, customTitleStyle]}>{title}</Text_1.Text>;
+    };
+    return (<react_native_1.View style={[headerStyle, containerStyle]}>
+      <react_native_1.View style={styles.leftContainer}>
+        {renderLeft()}
+      </react_native_1.View>
+      <react_native_1.View style={styles.centerContainer}>
+        {renderCenter()}
+      </react_native_1.View>
+      <react_native_1.View style={styles.rightContainer}>
+        {rightComponent}
+      </react_native_1.View>
+    </react_native_1.View>);
+};
+exports.Header = Header;
+const styles = react_native_1.StyleSheet.create({
+    leftContainer: {
+        flex: 1,
+    },
+    centerContainer: {
+        flex: 2,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    rightContainer: {
+        flex: 1,
+    },
+    icon_return: {
+        width: 18,
+        height: 22,
+        resizeMode: 'contain'
+    }
+});
+exports.Header.displayName = 'Header';

package/dist/Overlay/Overlay.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+export interface OverLayProps {
+    useModal?: boolean;
+    children?: React.ReactNode;
+    visible: boolean;
+    overlayStyle?: StyleProp<ViewStyle>;
+    onOverlayPress?(): void;
+}
+export declare const OverLay: React.FC<OverLayProps>;
+//# sourceMappingURL=Overlay.d.ts.map

package/dist/Overlay/Overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../src/components/Overlay/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,EAGL,SAAS,EACT,SAAS,EAIV,MAAM,cAAc,CAAC;AACtB,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,cAAc,CAAC,IAAI,IAAI,CAAC;CACzB;AAGD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAgF1C,CAAC"}

package/dist/Overlay/Overlay.js

@@ -0,0 +1,92 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OverLay = void 0;
+const react_1 = __importStar(require("react"));
+const ThemeConfig_1 = require("../ThemeConfig/ThemeConfig");
+const react_native_1 = require("react-native");
+const OverLay = ({ useModal = true, children, visible = false, overlayStyle, onOverlayPress, }) => {
+    const { theme } = (0, ThemeConfig_1.useTheme)();
+    const [realVisible, setRealVisible] = (0, react_1.useState)(visible);
+    const opacityAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(visible ? 1 : 0)).current;
+    const fadeInstance = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (visible) {
+            setRealVisible(true);
+        }
+        if (fadeInstance.current) {
+            fadeInstance.current.stop();
+        }
+        fadeInstance.current = react_native_1.Animated.timing(opacityAnim, {
+            toValue: visible ? 1 : 0,
+            duration: 250,
+            useNativeDriver: true,
+        });
+        fadeInstance.current.start(({ finished }) => {
+            if (finished && fadeInstance.current) {
+                fadeInstance.current = null;
+                if (!visible) {
+                    setRealVisible(false);
+                }
+            }
+        });
+        return () => {
+            if (fadeInstance.current) {
+                fadeInstance.current.stop();
+                fadeInstance.current = null;
+            }
+        };
+    }, [visible]);
+    const dynamicBg = theme['$overlay-bg-color'] || 'rgba(0, 0, 0, 0.35)';
+    const containerStyle = (0, react_1.useMemo)(() => [
+        styles.container,
+        { backgroundColor: dynamicBg, opacity: opacityAnim },
+        overlayStyle,
+    ], [dynamicBg, opacityAnim, overlayStyle]);
+    const renderContent = () => (<react_native_1.Animated.View style={containerStyle}>
+      {onOverlayPress && (<react_native_1.Pressable style={react_native_1.StyleSheet.absoluteFill} onPress={onOverlayPress}/>)}
+      <react_native_1.View style={styles.content} pointerEvents="box-none">
+        {children}
+      </react_native_1.View>
+    </react_native_1.Animated.View>);
+    if (useModal) {
+        return (<react_native_1.Modal visible={realVisible} transparent animationType='none' statusBarTranslucent onRequestClose={onOverlayPress}>
+        {renderContent()}
+      </react_native_1.Modal>);
+    }
+    return realVisible ? renderContent() : null;
+};
+exports.OverLay = OverLay;
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        ...react_native_1.StyleSheet.absoluteFillObject,
+    },
+    content: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+    }
+});
+exports.OverLay.displayName = 'OverLay';

package/dist/Popup/Popup.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+export interface PopupProps {
+    useModal?: boolean;
+    visible?: boolean;
+    position?: 'bottom' | 'center' | 'top';
+    height?: number;
+    width?: number | string;
+    round?: boolean;
+    closeable?: boolean;
+    closeOnOverlayPress?: boolean;
+    overlayStyle?: StyleProp<ViewStyle>;
+    style?: StyleProp<ViewStyle>;
+    children?: React.ReactNode;
+    onClose: () => void;
+}
+export declare const Popup: React.FC<PopupProps>;
+//# sourceMappingURL=Popup.d.ts.map

package/dist/Popup/Popup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../src/components/Popup/Popup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAEf,OAAO,EAGL,SAAS,EACT,SAAS,EAGV,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAID,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAmKtC,CAAC"}

package/dist/Popup/Popup.js

@@ -0,0 +1,152 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Popup = void 0;
+const react_1 = __importStar(require("react"));
+const Overlay_1 = require("../Overlay/Overlay");
+const react_native_1 = require("react-native");
+const ThemeConfig_1 = require("../ThemeConfig/ThemeConfig");
+const ANIMATION_DURATION = 250;
+const Popup = (props) => {
+    const { useModal = true, visible = false, position = 'center', height, width, round = false, closeable = false, closeOnOverlayPress = false, overlayStyle, style, children, onClose, } = props;
+    const { theme } = (0, ThemeConfig_1.useTheme)();
+    const radius = theme['$popup-border-radius'] ?? 10;
+    const minHeight = theme['$popup-height'] ?? 100;
+    const closeIconWidth = theme['$popup-closeicon-width'] ?? 12;
+    const closeIconHeight = theme['$popup-closeicon-height'] ?? 12;
+    const centerPopRadius = theme['$popup-center-border-radius'] || 10;
+    const animatedValue = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
+    const fadeInstance = (0, react_1.useRef)(null);
+    const [realVisible, setRealVisible] = (0, react_1.useState)(visible);
+    (0, react_1.useEffect)(() => {
+        if (visible) {
+            setRealVisible(true);
+        }
+        if (fadeInstance.current) {
+            fadeInstance.current.stop();
+        }
+        fadeInstance.current = react_native_1.Animated.timing(animatedValue, {
+            toValue: visible ? 1 : 0,
+            duration: ANIMATION_DURATION,
+            easing: visible ? react_native_1.Easing.out(react_native_1.Easing.cubic) : react_native_1.Easing.in(react_native_1.Easing.cubic),
+            useNativeDriver: true,
+        });
+        fadeInstance.current.start(({ finished }) => {
+            if (finished && fadeInstance.current) {
+                fadeInstance.current = null;
+                if (!visible) {
+                    setRealVisible(false);
+                }
+            }
+        });
+        return () => {
+            if (fadeInstance.current) {
+                fadeInstance.current.stop();
+                fadeInstance.current = null;
+            }
+        };
+    }, [visible]);
+    const baseStyle = (0, react_1.useMemo)(() => {
+        const base = {
+            backgroundColor: '#fff',
+            ...(height ? { height } : { minHeight }),
+            width: position === 'center' ? width ?? 300 : '100%',
+        };
+        if (position !== 'center') {
+            base.position = 'absolute';
+            base.left = 0;
+            base.right = 0;
+            if (position === 'bottom') {
+                base.bottom = 0;
+            }
+            else {
+                base.top = 0;
+            }
+        }
+        if (round) {
+            if (position === 'center') {
+                base.borderRadius = centerPopRadius;
+            }
+            else if (position === 'bottom') {
+                base.borderTopLeftRadius = radius;
+                base.borderTopRightRadius = radius;
+            }
+            else {
+                base.borderBottomLeftRadius = radius;
+                base.borderBottomRightRadius = radius;
+            }
+        }
+        return base;
+    }, [position, width, height, minHeight, round, radius, centerPopRadius]);
+    const animatedStyle = (0, react_1.useMemo)(() => {
+        if (position === 'center') {
+            return {
+                opacity: animatedValue,
+                transform: [
+                    {
+                        scale: animatedValue.interpolate({
+                            inputRange: [0, 1],
+                            outputRange: [0.9, 1],
+                        }),
+                    },
+                ],
+            };
+        }
+        const distance = height || minHeight;
+        return {
+            transform: [
+                {
+                    translateY: animatedValue.interpolate({
+                        inputRange: [0, 1],
+                        outputRange: position === 'bottom' ? [distance, 0] : [-distance, 0],
+                    }),
+                },
+            ],
+        };
+    }, [position, animatedValue, height, minHeight]);
+    const closeIconStyle = (0, react_1.useMemo)(() => ({
+        width: closeIconWidth,
+        height: closeIconHeight,
+    }), [closeIconWidth, closeIconHeight]);
+    const closeButtonPressableStyle = (0, react_1.useMemo)(() => ({
+        position: 'absolute',
+        right: 10,
+        [position === 'top' ? 'bottom' : 'top']: 10,
+        zIndex: 999,
+    }), [position]);
+    if (!realVisible) {
+        return null;
+    }
+    return (<Overlay_1.OverLay useModal={useModal} visible={realVisible} overlayStyle={overlayStyle} onOverlayPress={closeOnOverlayPress ? onClose : undefined}>
+      <react_native_1.Animated.View style={[baseStyle, animatedStyle, style]}>
+        {children}
+        {closeable && (<react_native_1.Pressable hitSlop={15} onPress={onClose} style={closeButtonPressableStyle}>
+            <react_native_1.Image source={require('./assets/icon-close.png')} style={closeIconStyle}/>
+          </react_native_1.Pressable>)}
+      </react_native_1.Animated.View>
+    </Overlay_1.OverLay>);
+};
+exports.Popup = Popup;
+exports.Popup.displayName = 'Popup';

package/dist/Text/Text.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TextProps } from 'react-native';
+/**
+ * 自定义 Text 组件
+ * 自动修复老安卓机型字体宽度测量不准确导致文本被截断的问题（该问题出现很多年，官方没有修复）
+ * 找了几种解决办法，目前这样简便易懂
+ */
+export declare const Text: React.FC<TextProps>;
+//# sourceMappingURL=Text.d.ts.map

package/dist/Text/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAkB,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/E;;;;GAIG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAUpC,CAAC"}

package/dist/Text/Text.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+/**
+ * 自定义 Text 组件
+ * 自动修复老安卓机型字体宽度测量不准确导致文本被截断的问题（该问题出现很多年，官方没有修复）
+ * 找了几种解决办法，目前这样简便易懂
+ */
+const Text = ({ style, ...props }) => {
+    const mergedStyle = react_native_1.StyleSheet.flatten([
+        react_native_1.Platform.select({
+            android: {
+                fontFamily: 'Roboto', //这里随便什么都可以
+            },
+        }),
+        style,
+    ]);
+    return <react_native_1.Text style={mergedStyle} {...props}/>;
+};
+exports.Text = Text;

package/dist/ThemeConfig/ThemeConfig.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from "react";
+import defaultTheme from "./styles/defaultTheme";
+export type Theme = typeof defaultTheme;
+interface ThemeContextValue {
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+}
+export declare const ThemeProvider: React.FC<{
+    children: ReactNode;
+}>;
+export declare const useTheme: () => ThemeContextValue;
+export {};
+//# sourceMappingURL=ThemeConfig.d.ts.map

package/dist/ThemeConfig/ThemeConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeConfig.d.ts","sourceRoot":"","sources":["../../src/components/ThemeConfig/ThemeConfig.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,SAAS,EAAwB,MAAM,OAAO,CAAC;AAC9E,OAAO,YAAY,MAAM,uBAAuB,CAAC;AACjD,MAAM,MAAM,KAAK,GAAG,OAAO,YAAY,CAAC;AACxC,UAAU,iBAAiB;IACzB,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAWD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAO3D,CAAA;AACD,eAAO,MAAM,QAAQ,yBAIpB,CAAA"}

package/dist/ThemeConfig/ThemeConfig.js

@@ -0,0 +1,55 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTheme = exports.ThemeProvider = void 0;
+const react_1 = __importStar(require("react"));
+const defaultTheme_1 = __importDefault(require("./styles/defaultTheme"));
+const warnNoProvider = () => {
+    if (__DEV__) {
+        console.warn('ThemeProvider没有应用～');
+    }
+};
+const defaultContextValue = {
+    theme: defaultTheme_1.default,
+    setTheme: warnNoProvider,
+};
+const ThemeContext = (0, react_1.createContext)(null);
+const ThemeProvider = ({ children }) => {
+    const [theme, setTheme] = (0, react_1.useState)(defaultTheme_1.default);
+    return (<ThemeContext.Provider value={{ theme, setTheme }}>
+      {children}
+    </ThemeContext.Provider>);
+};
+exports.ThemeProvider = ThemeProvider;
+const useTheme = () => {
+    const context = (0, react_1.useContext)(ThemeContext);
+    if (!context)
+        return defaultContextValue;
+    return context;
+};
+exports.useTheme = useTheme;

package/dist/ThemeConfig/styles/defaultTheme.d.ts

@@ -0,0 +1,20 @@
+declare const defaultTheme: {
+    '$header-height': number;
+    '$header-background': string;
+    '$header-title-fontsize': number;
+    '$header-title-fontweight': string;
+    '$header-spacing': number;
+    '$button-border-radius': number;
+    '$overlay-bg-color': string;
+    '$popup-closeicon-width': number;
+    '$popup-closeicon-height': number;
+    '$popup-height': number;
+    '$popup-center-border-radius': number;
+    '$popup-border-radius': number;
+    '$dialog-padding-horizontal': number;
+    '$dialog-padding-top': number;
+    '$dialog-content-margin-vertical': number;
+    '$primary-color': string;
+};
+export default defaultTheme;
+//# sourceMappingURL=defaultTheme.d.ts.map

package/dist/ThemeConfig/styles/defaultTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeConfig/styles/defaultTheme.ts"],"names":[],"mappings":"AA+BA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;CAAgB,CAAA;AAClC,eAAe,YAAY,CAAC"}

package/dist/ThemeConfig/styles/defaultTheme.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const commonStyles = {
+    '$primary-color': '#e25829ff',
+};
+const componentsStyles = {
+    //Header
+    '$header-height': 44,
+    '$header-background': 'transparent',
+    '$header-title-fontsize': 18,
+    '$header-title-fontweight': "500",
+    '$header-spacing': 15,
+    //Button
+    '$button-border-radius': 18,
+    //OverLay
+    '$overlay-bg-color': 'rgba(0, 0, 0, 0.35)',
+    //Popup
+    '$popup-closeicon-width': 12,
+    '$popup-closeicon-height': 12,
+    '$popup-height': 100,
+    '$popup-center-border-radius': 10,
+    '$popup-border-radius': 10,
+    //Dialog
+    '$dialog-padding-horizontal': 20,
+    '$dialog-padding-top': 24,
+    '$dialog-content-margin-vertical': 15,
+};
+const createTheme = () => {
+    return {
+        ...commonStyles,
+        ...componentsStyles
+    };
+};
+const defaultTheme = createTheme();
+exports.default = defaultTheme;

package/dist/index.d.ts

@@ -0,0 +1,16 @@
+export { Button } from './Button/Button';
+export type { ButtonProps } from './Button/Button';
+export { Dialog } from './Dialog/Dialog';
+export type { DialogProps } from './Dialog/Dialog';
+export { Empty } from './Empty/Empty';
+export type { EmptyProps } from './Empty/Empty';
+export { Header } from './Header/Header';
+export type { HeaderProps } from './Header/Header';
+export { OverLay } from './Overlay/Overlay';
+export type { OverLayProps } from './Overlay/Overlay';
+export { Popup } from './Popup/Popup';
+export type { PopupProps } from './Popup/Popup';
+export { Text } from './Text/Text';
+export { ThemeProvider, useTheme } from './ThemeConfig/ThemeConfig';
+export type { Theme } from './ThemeConfig/ThemeConfig';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,YAAY,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,YAAY,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,YAAY,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACpE,YAAY,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTheme = exports.ThemeProvider = exports.Text = exports.Popup = exports.OverLay = exports.Header = exports.Empty = exports.Dialog = exports.Button = void 0;
+var Button_1 = require("./Button/Button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
+var Dialog_1 = require("./Dialog/Dialog");
+Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return Dialog_1.Dialog; } });
+var Empty_1 = require("./Empty/Empty");
+Object.defineProperty(exports, "Empty", { enumerable: true, get: function () { return Empty_1.Empty; } });
+var Header_1 = require("./Header/Header");
+Object.defineProperty(exports, "Header", { enumerable: true, get: function () { return Header_1.Header; } });
+var Overlay_1 = require("./Overlay/Overlay");
+Object.defineProperty(exports, "OverLay", { enumerable: true, get: function () { return Overlay_1.OverLay; } });
+var Popup_1 = require("./Popup/Popup");
+Object.defineProperty(exports, "Popup", { enumerable: true, get: function () { return Popup_1.Popup; } });
+var Text_1 = require("./Text/Text");
+Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return Text_1.Text; } });
+var ThemeConfig_1 = require("./ThemeConfig/ThemeConfig");
+Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return ThemeConfig_1.ThemeProvider; } });
+Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return ThemeConfig_1.useTheme; } });

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@zhenryx/react-native-components",
+  "version": "0.0.1",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "tsc && node src/scripts/copy-assets.mjs",
+    "prepare": "npm run build"
+  },
+  "keywords": [
+    "react-native",
+    "ui",
+    "components"
+  ],
+  "author": "zhenryx",
+  "license": "ISC",
+  "description": "A React Native UI component library",
+  "files": [
+    "dist",
+    "README.md",
+    "CHANGELOG.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "@types/react": "18.2.0",
+    "@types/react-native": "0.70.0",
+    "typescript": "5.0.4"
+  },
+  "peerDependencies": {
+    "react": ">=18.1.0",
+    "react-native": ">=0.70.0"
+  }
+}