tuns-mobile-components/src/pages/demo/utils/index.js

Tuns Design UI

import React from "react";
import {
  isEmpty,
  filterActiveArray,
  toMoney,
} from "../../../components/utils-core/src";
import styles from "./index.less";
import Item from "./Item";

import { professionData as demoDate } from "../form/demoData";

const UtilsPage = () => {
  return (
    <div className={styles.root}>
      <Item title="isEmpty">
        <p>{`null ${isEmpty(null) ? "ture" : "false"} `}</p>
        <p>{`[] ${isEmpty([]) ? "ture" : "false"} `}</p>
        <p>{`[1] ${isEmpty([1]) ? "ture" : "false"} `}</p>
        <p>{`{} ${isEmpty({}) ? "ture" : "false"} `}</p>
        <p>{`'' ${isEmpty("") ? "ture" : "false"} `}</p>
        <p>{`1 ${isEmpty(1) ? "ture" : "false"} `}</p>
      </Item>
      <Item title="filterActiveArray">
        <p>{`data ${JSON.stringify(demoDate)}`}</p>
        <p>
          {`filterData ${JSON.stringify(filterActiveArray(demoDate, "果农"))}`}
        </p>
      </Item>
      <Item title="toMoney">
        <p>{`12345 ${toMoney(12345)}`}</p>
        <p>{`12345.1 ${toMoney(12345.1)}`}</p>
        <p>{`12345.12 ${toMoney(12345.12)}`}</p>
        <p>{`12345.123 ${toMoney(12345.123)}`}</p>
      </Item>
    </div>
  );
};

export default UtilsPage;