aurora-topu/build/App.js

React component library

import React, { memo, useState } from 'react';
import AuroraButton from './components/AuroraButton/AuroraButton';
import AuroraMenu from './components/AuroraMenu/AuroraMenu';
import AuroraMenuItem from './components/AuroraMenu/AuroraMenuItem';
import AuroraSubMenu from './components/AuroraMenu/AuroraSubMenu';
import { fas } from '@fortawesome/free-solid-svg-icons';
import { library } from '@fortawesome/fontawesome-svg-core';
import AuroraTransition from './components/AuroraTransition/AuroraTransition';
import AuroraInput from './components/AuroraInput/AuroraInput';
import AuroraIcon from './components/AuroraIcon/AuroraIcon';
// 添加所有SVG图标
library.add(fas);
var App = function () {
    var _a = useState(false), show = _a[0], setShow = _a[1];
    return (React.createElement("div", null,
        React.createElement(AuroraMenu, { defaultIndex: '0', mode: 'vertical', defaultOpenSubMenus: ['2'], onSelect: function (selectIndex) {
                console.log(selectIndex);
            } },
            React.createElement(AuroraMenuItem, null, "\u9996\u9875"),
            React.createElement(AuroraMenuItem, null, "\u53D1\u73B0"),
            React.createElement(AuroraSubMenu, { title: "\u6211\u7684", icon: "angle-up" },
                React.createElement(AuroraMenuItem, null, "group1"),
                React.createElement(AuroraMenuItem, null, "group2"),
                React.createElement(AuroraMenuItem, null, "group3"))),
        React.createElement(AuroraButton, { size: 'lg', onClick: function () {
                setShow(!show);
            } }, "Toggle"),
        React.createElement(AuroraTransition, { in: show, timeout: 300, animation: 'zoom-in-left' },
            React.createElement("div", null,
                React.createElement("p", null,
                    "Edit",
                    React.createElement("code", null, "src/App.tsx")),
                React.createElement("p", null,
                    "Edit",
                    React.createElement("code", null, "src/App.tsx")),
                React.createElement("p", null,
                    "Edit",
                    React.createElement("code", null, "src/App.tsx")))),
        React.createElement(AuroraTransition, { in: show, timeout: 300, animation: 'zoom-in-left', wrapper: true },
            React.createElement(AuroraButton, null, "\u70B9\u51FB")),
        React.createElement(AuroraInput, { style: { width: 300 }, defaultValue: 1111, value: 'hhhh' }),
        React.createElement(AuroraIcon, { icon: 'coffee', theme: 'info' })));
};
export default memo(App);