@tima2025/react-native-timalender 1.0.0

package/src/components/hightchart/index.tsx

@@ -0,0 +1,92 @@
+//@ts-nocheck
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import { Platform } from 'react-native';
+
+import WebView from 'react-native-webview';
+/**
+ * 渲染图表脚本的模版，设置时将CONFIG参数替换成对应的值
+ * @type {[string]}
+ */
+
+export default class Chart extends Component {
+  settingChartScript = `
+    Highcharts.setOptions({
+        lang: {
+            numericSymbols: [" nghìn", " triệu", " tỷ", " ngàn tỷ"]
+        }
+    });
+	Highcharts.chart('container', {CONFIG});
+`;
+  static propTypes = {
+    /**
+     * 图表配置参数，对应chart.js中初始化需要的参数
+     * @type {[object]}
+     */
+    chartConfiguration: PropTypes.object.isRequired,
+  };
+  constructor(props) {
+    super(props);
+    this.state = {
+      chartConfiguration: this.props.chartConfiguration,
+    };
+  }
+
+  UNSAFE_componentWillUpdate(nextProps) {
+    if (nextProps.chartConfiguration !== this.props.chartConfiguration) {
+      this.setState({ chartConfiguration: nextProps.chartConfiguration }, () =>
+        this.setChart()
+      );
+    }
+  }
+
+  componentDidMount() {
+    this.setChart();
+  }
+
+  setChart() {
+    try {
+      if (!this.state.chartConfiguration) {
+        return;
+      }
+      this.webview &&
+        this.webview.injectJavaScript(
+          this.settingChartScript.replace(
+            '{CONFIG}',
+            JSON.stringify(this.state.chartConfiguration)
+          )
+        );
+    } catch (e) {
+      throw e;
+    }
+  }
+
+  render() {
+    return (
+      <WebView
+        style={{ flex: 1 }}
+        originWhitelist={['*']}
+        automaticallyAdjustContentInsets={true}
+        overScrollMode={'never'}
+        showsVerticalScrollIndicator={false}
+        showsHorizontalScrollIndicator={false}
+        scrollEnabled={false}
+        ref={(ref) => (this.webview = ref)}
+        injectedJavaScript={this.settingChartScript.replace(
+          '{CONFIG}',
+          JSON.stringify(this.props.chartConfiguration)
+        )}
+        source={
+          Platform.OS === 'ios'
+            ? require('./dist/index.html')
+            : { uri: 'file:///android_asset/dist/highChart.html' }
+        }
+        onError={(error) => {
+          console.log(error);
+        }}
+        // scalesPageToFit false for IOS and true for Android
+        scalesPageToFit={Platform.OS === 'ios' ? false : true}
+      />
+    );
+  }
+}

package/src/components/keyboardspacer/index.tsx

@@ -0,0 +1,145 @@
+//@ts-nocheck
+/**
+ * Created by andrewhurst on 10/5/15.
+ */
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import {
+  Dimensions,
+  Keyboard,
+  LayoutAnimation,
+  Platform,
+  StyleSheet,
+  View,
+  ViewPropTypes,
+} from 'react-native';
+
+const styles = StyleSheet.create({
+  container: {
+    bottom: 0,
+    left: 0,
+    right: 0,
+  },
+});
+
+// From: https://medium.com/man-moon/writing-modern-react-native-ui-e317ff956f02
+const defaultAnimation = {
+  duration: 500,
+  create: {
+    duration: 300,
+    type: LayoutAnimation.Types.easeInEaseOut,
+    property: LayoutAnimation.Properties.opacity,
+  },
+  update: {
+    type: LayoutAnimation.Types.spring,
+    springDamping: 200,
+  },
+};
+
+export default class KeyboardSpacer extends Component {
+  static propTypes = {
+    topSpacing: PropTypes.number,
+    onToggle: PropTypes.func,
+    style: ViewPropTypes.style,
+  };
+
+  static defaultProps = {
+    topSpacing: 0,
+    onToggle: () => null,
+  };
+
+  constructor(props, context) {
+    super(props, context);
+    this.state = {
+      keyboardSpace: 0,
+      isKeyboardOpened: false,
+    };
+    this._listeners = null;
+    this.updateKeyboardSpace = this.updateKeyboardSpace.bind(this);
+    this.resetKeyboardSpace = this.resetKeyboardSpace.bind(this);
+  }
+
+  componentDidMount() {
+    if (Platform.OS === 'ios') {
+      const updateListener =
+        Platform.OS === 'android' ? 'keyboardDidShow' : 'keyboardWillShow';
+      const resetListener =
+        Platform.OS === 'android' ? 'keyboardDidHide' : 'keyboardWillHide';
+      this._listeners = [
+        Keyboard.addListener(updateListener, this.updateKeyboardSpace),
+        Keyboard.addListener(resetListener, this.resetKeyboardSpace),
+      ];
+    }
+  }
+
+  componentWillUnmount() {
+    if (this._listeners !== null && this._listeners !== undefined) {
+      this._listeners.forEach((listener) => listener.remove());
+    }
+  }
+
+  updateKeyboardSpace(event) {
+    // console.log('event', event);
+    if (!event.endCoordinates) {
+      return;
+    }
+
+    let animationConfig = defaultAnimation;
+    if (Platform.OS === 'ios') {
+      animationConfig = LayoutAnimation.create(
+        event.duration,
+        LayoutAnimation.Types[event.easing],
+        LayoutAnimation.Properties.opacity
+      );
+    }
+    LayoutAnimation.configureNext(animationConfig);
+
+    // get updated on rotation
+    const screenHeight = Dimensions.get('window').height;
+    // when external physical keyboard is connected
+    // event.endCoordinates.height still equals virtual keyboard height
+    // however only the keyboard toolbar is showing if there should be one
+    const keyboardSpace =
+      screenHeight - event.endCoordinates.screenY + this.props.topSpacing;
+    // console.log('keyboardSpace', keyboardSpace);
+    this.setState(
+      {
+        keyboardSpace,
+        isKeyboardOpened: true,
+      },
+      this.props.onToggle(true, keyboardSpace)
+    );
+  }
+
+  resetKeyboardSpace(event) {
+    let animationConfig = defaultAnimation;
+    if (Platform.OS === 'ios') {
+      animationConfig = LayoutAnimation.create(
+        event.duration,
+        LayoutAnimation.Types[event.easing],
+        LayoutAnimation.Properties.opacity
+      );
+    }
+    LayoutAnimation.configureNext(animationConfig);
+
+    this.setState(
+      {
+        keyboardSpace: 0,
+        isKeyboardOpened: false,
+      },
+      this.props.onToggle(false, 0)
+    );
+  }
+
+  render() {
+    return (
+      <View
+        style={[
+          styles.container,
+          { height: this.state.keyboardSpace, backgroundColor: 'white' },
+          this.props.style,
+        ]}
+      />
+    );
+  }
+}

package/src/constant/Array.ts

@@ -0,0 +1,326 @@
+import InvestNewImages from '../assets/images/InvestNew';
+
+export const TypeLender = [
+  {
+    id: 0,
+    title: 'Diamond',
+  },
+  {
+    id: 3,
+    title: 'Gold',
+  },
+  {
+    id: 1,
+    title: 'Ruby',
+  },
+  {
+    id: 2,
+    title: 'UQĐT',
+  },
+];
+
+export const TypeNotification = [
+  {
+    id: 0,
+    text: 'Biến động số dư',
+  },
+  {
+    id: 1,
+    text: 'Khác',
+  },
+];
+
+export const TabReceivedLoan = [
+  {
+    id: 0,
+    title: 'KH thanh toán',
+  },
+  {
+    id: 1,
+    title: 'Đã rút tiền',
+  },
+  {
+    id: 2,
+    title: 'Đã bán nợ',
+  },
+  {
+    id: 3,
+    title: 'Đã bồi thường bảo hiểm',
+  },
+  {
+    id: 4,
+    title: 'Đã đặt cọc',
+  },
+];
+
+export const New_Invest = [
+  {
+    id: 0,
+    icon: InvestNewImages.ic_new_invest,
+    text: 'Giải ngân khoản vay mới',
+  },
+  {
+    id: 1,
+    icon: InvestNewImages.ic_transfer,
+    text: 'Chuyển nhượng',
+  },
+];
+
+export const New_Invest_Tabs = [
+  {
+    id: 0,
+    text: 'Hợp đồng mua nợ',
+  },
+  {
+    id: 1,
+    text: 'Hợp đồng bán nợ',
+  },
+];
+
+export const Sell_Debt_Type = [
+  {
+    id: 0,
+    text: 'Tất cả',
+  },
+  {
+    id: 1,
+    text: 'Đang vay',
+  },
+  {
+    id: 2,
+    text: 'Chậm trả',
+  },
+  {
+    id: 3,
+    text: 'Chờ gửi bảo hiểm',
+  },
+];
+
+export const List_Buy_Debt_Type = [
+  {
+    id: 0,
+    text: 'Tất cả',
+    status: '-111',
+  },
+  {
+    id: 1,
+    text: 'Chờ ký HĐ',
+    status: '2',
+  },
+  {
+    id: 2,
+    text: 'Chờ bên bán ký',
+    status: '3',
+  },
+  {
+    id: 3,
+    text: 'Chờ thanh toán',
+    status: '4,5',
+  },
+  {
+    id: 4,
+    text: 'Hợp đồng hoàn tất',
+    status: '6',
+  },
+];
+
+export const List_Buy_Debt_Tab_2 = [
+  {
+    id: 0,
+    text: 'Tất cả',
+    status: '-111',
+  },
+  {
+    id: 1,
+    text: 'Chờ ký HĐ',
+    status: '2',
+  },
+  {
+    id: 2,
+    text: 'Chờ bên bán ký',
+    status: '3',
+  },
+  {
+    id: 3,
+    text: 'Chờ thanh toán',
+    status: '4,5',
+  },
+];
+
+export const List_Sell_Debt_Type = [
+  {
+    id: 0,
+    text: 'Tất cả',
+    status: '-111',
+  },
+  {
+    id: 1,
+    text: 'Hợp đồng chờ ký',
+    status: '3',
+  },
+  {
+    id: 2,
+    text: 'Chờ thanh toán',
+    status: '4,5',
+  },
+  {
+    id: 3,
+    text: 'Hợp đồng hoàn tất',
+    status: '6',
+  },
+];
+
+export const ListSellStatus = [
+  {
+    id: 0,
+    text: 'Tất cả',
+    status: '-111',
+  },
+  {
+    id: 1,
+    text: 'Chờ nhận đơn',
+    status: '0,1',
+  },
+  {
+    id: 2,
+    text: 'Chờ bên mua ký HĐ',
+    status: '2',
+  },
+  {
+    id: 3,
+    text: 'Chờ ký HĐ',
+    status: '3',
+  },
+  {
+    id: 4,
+    text: 'Chờ thanh toán',
+    status: '4,5',
+  },
+];
+
+export const map_color_transfer: any = {
+  0: '#FF9500',
+  1: '#FF9500',
+  2: '#EF592E',
+  3: '#EF592E',
+  4: '#FF9500',
+  5: '#FF9500',
+  6: '#27AE60',
+  7: '#EF592E',
+};
+
+export const map_bg_color_transfer: any = {
+  0: '#FFF3E8',
+  1: '#FFF3E8',
+  2: '#FFF3E8',
+  3: '#FFF3E8',
+  4: '#FFFAE6',
+  5: '#FFFAE6',
+  6: '#EDFFEA',
+  7: '#FFF3E8',
+};
+
+export const map_bg_image: any = {
+  0: InvestNewImages.hd_orange,
+  1: InvestNewImages.hd_orange,
+  2: InvestNewImages.hd_red,
+  3: InvestNewImages.hd_red,
+  4: InvestNewImages.hd_orange,
+  5: InvestNewImages.hd_orange,
+  6: InvestNewImages.hd_green,
+  7: InvestNewImages.hd_red,
+};
+
+export const Contract_Type = [
+  {
+    id: 0,
+    text: 'Tất cả',
+  },
+  {
+    id: 1,
+    text: 'Đang hoạt động',
+  },
+  {
+    id: 2,
+    text: 'Không hoạt động',
+  },
+];
+
+export const ListTime = [
+  {
+    id: 0,
+    text: 'Tất cả',
+    status: -111,
+  },
+  {
+    id: 1,
+    text: '0 - 3 tháng',
+    status: 1,
+  },
+  {
+    id: 2,
+    text: '4 - 6 tháng',
+    status: 2,
+  },
+  {
+    id: 3,
+    text: '7 - 9 tháng',
+    status: 3,
+  },
+  {
+    id: 4,
+    text: 'Trên 9 tháng',
+    status: 4,
+  },
+];
+
+export const TypeTrans = [
+  {
+    id: 0,
+    text: 'Tất cả',
+  },
+  {
+    id: 1,
+    text: 'Cho vay',
+  },
+  {
+    id: 2,
+    text: 'Đóng lãi',
+  },
+  {
+    id: 3,
+    text: 'Huỷ đóng HĐ',
+  },
+  {
+    id: 4,
+    text: 'Đóng HĐ',
+  },
+  {
+    id: 5,
+    text: 'Huỷ trả gốc',
+  },
+  {
+    id: 6,
+    text: 'Huỷ trả lãi',
+  },
+  {
+    id: 7,
+    text: 'Trả gốc',
+  },
+  {
+    id: 8,
+    text: 'Trả tiền lãi',
+  },
+  {
+    id: 9,
+    text: 'Thêm vốn',
+  },
+  {
+    id: 10,
+    text: 'Thanh toán',
+  },
+  {
+    id: 11,
+    text: 'Chuyển nhượng',
+  },
+];