@jiangood/open-admin 1.3.4 → 2.0.1

package/src/framework/fields/FieldRemoteTree/index.jsx

@@ -1,50 +0,0 @@
-import React from "react";
-import {Spin, Tree} from "antd";
-import {HttpUtils} from "../../utils";
-
-/**
- * 多选树
- *
- * 区别于下拉框，是扁平展示的树
- * 这种需要扁平展示的树，通常都是多选。
- *
- */
-export class FieldRemoteTree extends React.Component {
-    state = {
-        treeLoading: true,
-        treeData: [],
-    };
-
-    componentDidMount() {
-        this.loadData();
-    }
-
-    loadData = async () => {
-        this.setState({treeLoading: true});
-        const {url} = this.props;
-        try {
-            const treeData = await HttpUtils.get(url);
-            this.setState({treeData});
-        } catch (e) {
-            console.log(e);
-        } finally {
-            this.setState({treeLoading: false});
-        }
-    };
-
-    render() {
-        if (this.state.treeLoading) {
-            return <Spin/>;
-        }
-        return <Tree
-            multiple
-            checkable
-            onCheck={e => this.props.onChange && this.props.onChange(e.checked)}
-            checkedKeys={this.props.value}
-            treeData={this.state.treeData}
-            defaultExpandAll
-            checkStrictly
-        >
-        </Tree>;
-    }
-}

package/src/framework/fields/FieldRemoteTreeCascader/index.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { FieldProps } from '../types';
-
-/**
- * 远程树级联选择器, 类似select，但是树级联
- *
- * 注意，value为非数组形式，区别于cascader组件
- */
-interface FieldRemoteTreeCascaderProps extends FieldProps<string> {
-    /**
-     * 请求地址
-     * 要求返回数据格式为：tree
-     */
-    url: string;
-}
-
-export class FieldRemoteTreeCascader extends React.Component<FieldRemoteTreeCascaderProps, any> {
-}

package/src/framework/fields/FieldRemoteTreeCascader/index.jsx

@@ -1,59 +0,0 @@
-import {Cascader, message, Spin} from 'antd';
-import React from 'react';
-import {HttpUtils, TreeUtils} from "../../utils";
-
-/**
- * 远程树级联选择器, 类似select，但是树级联
- *
- * 注意，value为非数组形式，区别于cascader组件
- */
-export class FieldRemoteTreeCascader extends React.Component {
-    state = {
-        data: [],
-        loading: false,
-    };
-
-    componentDidMount() {
-        this.loadData();
-    }
-
-    loadData = async () => {
-        const {url} = this.props;
-        this.setState({loading: true});
-
-        try {
-            const list = await HttpUtils.get(url);
-            this.setState({data: list});
-        } catch (e) {
-            console.log(e);
-        } finally {
-            this.setState({loading: false});
-        }
-
-    };
-
-    render() {
-        const {data} = this.state;
-        if (this.state.loading) {
-            return <Spin/>;
-        }
-        const {value, onChange, ...rest} = this.props;
-
-        let arr = [];
-        if (value != null) {
-            arr = TreeUtils.getKeyList(data, value);
-        }
-
-        return (
-            <Cascader
-                options={this.state.data}
-                onChange={arr => {
-                    onChange && onChange(arr[arr.length - 1]);
-                }}
-                value={arr}
-                fieldNames={{label: 'title', value: 'key'}}
-                {...rest}
-            />
-        );
-    }
-}

package/src/framework/fields/FieldRemoteTreeSelect/index.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { FieldProps } from '../types';
-
-interface FieldRemoteTreeSelectProps extends FieldProps<string | number> {
-    /**
-     * 请求地址
-     */
-    url: string;
-
-    /**
-     * 默认展开所有
-     */
-    treeDefaultExpandAll?: boolean;
-    
-    id?: string;
-}
-
-export class FieldRemoteTreeSelect extends React.Component<FieldRemoteTreeSelectProps, any> {
-}

package/src/framework/fields/FieldRemoteTreeSelect/index.jsx

@@ -1,57 +0,0 @@
-import {Spin, TreeSelect} from 'antd';
-import React from 'react';
-import {HttpUtils, StringUtils} from "../../utils";
-
-export class FieldRemoteTreeSelect extends React.Component {
-    static defaultProps = {
-        treeDefaultExpandAll: true,
-    };
-
-    state = {
-        data: [],
-        loading: false,
-        key: this.props.id,
-    };
-
-    componentDidMount() {
-        this.loadData();
-    }
-
-    loadData = async () => {
-        const {url} = this.props;
-        this.setState({loading: true});
-        try {
-            const rs = await HttpUtils.get(url);
-            this.setState({data: rs});
-        } finally {
-            this.setState({loading: false});
-        }
-    };
-
-    render() {
-        const {value, onChange, treeDefaultExpandAll} = this.props;
-        const {data, loading} = this.state;
-
-        if (loading) {
-            return <Spin/>;
-        }
-
-        return (
-            <TreeSelect
-                style={{width: '100%', minWidth: 200}}
-                allowClear={true}
-                dropdownStyle={{maxHeight: 400, overflow: 'auto'}}
-                treeData={data}
-                showCheckedStrategy={TreeSelect.SHOW_ALL}
-                value={value || undefined}
-                onChange={onChange}
-                filterTreeNode={(inputValue, treeNode) => {
-                    const {title} = treeNode;
-                    return StringUtils.contains(title, inputValue);
-                }}
-                treeLine={{showLeafIcon: true}}
-                treeDefaultExpandAll={treeDefaultExpandAll}
-            />
-        );
-    }
-}

package/src/framework/fields/FieldRemoteTreeSelectMultiple/index.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import { FieldProps } from '../types';
-
-interface FieldRemoteTreeSelectMultipleProps extends FieldProps<(string | number)[]> {
-    /**
-     * 请求地址
-     */
-    url: string;
-
-    /**
-     * 默认展开所有
-     */
-    treeDefaultExpandAll?: boolean;
-    
-    id?: string;
-    style?: React.CSSProperties;
-}
-
-export class FieldRemoteTreeSelectMultiple extends React.Component<FieldRemoteTreeSelectMultipleProps, any> {
-}

package/src/framework/fields/FieldRemoteTreeSelectMultiple/index.jsx

@@ -1,62 +0,0 @@
-import {Spin, TreeSelect} from 'antd';
-import React from 'react';
-import {HttpUtils, StringUtils} from "../../utils";
-
-export class FieldRemoteTreeSelectMultiple extends React.Component {
-    static defaultProps = {
-        treeDefaultExpandAll: true,
-        style: {
-            width: '100%',
-            minWidth: 200,
-        },
-    };
-
-    state = {
-        data: [],
-        loading: false,
-        key: this.props.id,
-    };
-
-    componentDidMount() {
-        this.loadData();
-    }
-
-    loadData = async () => {
-        const {url} = this.props;
-        this.setState({loading: true});
-        try {
-            const rs = await HttpUtils.get(url);
-            this.setState({data: rs});
-        } finally {
-            this.setState({loading: false});
-        }
-    };
-
-    render() {
-        const {value, onChange, style, treeDefaultExpandAll} = this.props;
-        const {data, loading} = this.state;
-
-        if (loading) {
-            return <Spin/>;
-        }
-
-        return (
-            <TreeSelect
-                style={style}
-                allowClear={true}
-                dropdownStyle={{maxHeight: 400, overflow: 'auto'}}
-                treeData={data}
-                showCheckedStrategy={TreeSelect.SHOW_ALL}
-                value={value || undefined}
-                onChange={onChange}
-                multiple={true}
-                filterTreeNode={(inputValue, treeNode) => {
-                    const {title} = treeNode;
-                    return StringUtils.contains(title, inputValue);
-                }}
-                treeLine={{showLeafIcon: true}}
-                treeDefaultExpandAll={treeDefaultExpandAll}
-            />
-        );
-    }
-}

package/src/framework/fields/FieldSysOrgTree/index.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import {FieldRemoteTreeProps} from "./FieldRemoteTree";
-
-export interface FieldSysOrgTreeProps extends Omit<FieldRemoteTreeProps, 'url'> {
-    type?: 'dept' | 'unit';
-}
-
-export class FieldSysOrgTree extends React.Component<FieldSysOrgTreeProps> {
-}

package/src/framework/fields/FieldSysOrgTreeSelect/index.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import {FieldRemoteTreeSelectProps} from "./FieldRemoteTreeSelect";
-
-export interface FieldSysOrgTreeSelectProps extends Omit<FieldRemoteTreeSelectProps, 'url'> {
-    type?: 'dept' | 'unit';
-}
-
-export class FieldSysOrgTreeSelect extends React.Component<FieldSysOrgTreeSelectProps> {
-}

package/src/framework/fields/FieldTable/index.d.ts

@@ -1,14 +0,0 @@
-import React from 'react'
-import {ColumnsType} from "antd/es/table";
-import { FieldProps } from '../types';
-
-/**
- * 可编辑表格
- */
-interface FieldTableProps extends FieldProps<any[]> {
-    columns: ColumnsType<any>;
-    style?: React.CSSProperties;
-}
-
-export class FieldTable extends React.Component<FieldTableProps, any> {
-}

package/src/framework/fields/FieldTableSelect/index.d.ts

@@ -1,19 +0,0 @@
-import React from "react";
-import { FieldProps } from '../types';
-import {ColumnsType} from "antd/es/table";
-
-/**
- * 下拉表格
- *
- * 后端参考接口：
- */
-interface FieldTableSelectProps extends FieldProps<string | number> {
-    url: string;
-    placeholder?: string;
-
-    // antd table 的列表
-    columns: ColumnsType<any>;
-}
-
-export class FieldTableSelect extends React.Component<FieldTableSelectProps, any> {
-}

package/src/framework/fields/FieldUploadFile/index.d.ts

@@ -1,31 +0,0 @@
-import React from "react";
-import {CropperProps} from "react-easy-crop/Cropper";
-import {UploadListType} from "antd/es/upload/interface";
-import { FieldProps } from '../types';
-
-/**
- * 上传图片前裁切， 单张图片
- *
- * 可参考 react-easy-crop
- */
-interface FieldUploadFileProps extends FieldProps<string> {
-    onFileChange?: (fileList: any[]) => void;
-
-    /**
-     * 是否裁切图片
-     */
-    cropImage?: boolean;
-    cropperProps?: CropperProps;
-
-    maxCount?: number;
-
-    accept?: "image/*" | ".pdf" | ".docx" | '.xlsx' | string;
-
-    children?: React.ReactNode;
-
-    listType?: UploadListType;
-}
-
-export class FieldUploadFile extends React.Component<FieldUploadFileProps, string> {
-
-}

package/src/framework/pages/LoginPage.d.ts

@@ -1,16 +0,0 @@
-import React, {ReactNode} from "react";
-
-export interface LoginPageProps {
-
-    /**
-     * 表单渲染
-     * @param origForm 原始表单
-     */
-    formRender?: (originalForm: ReactNode) => ReactNode
-
-
-}
-
-export class LoginPage extends React.Component<LoginPageProps, any> {
-}
-

package/src/framework/pages/LoginPage.jsx

@@ -1,135 +0,0 @@
-import React from 'react';
-import {Button, Form, Input, message, Space} from 'antd';
-import {LockOutlined, SafetyCertificateOutlined, UserOutlined, WarningOutlined} from '@ant-design/icons';
-import "./LoginPage.less"
-import {MessageUtils, SysUtils} from "../utils";
-import {JSEncrypt} from "jsencrypt";
-import {LoginPageUtils} from "./LoginPageUtils";
-
-
-export class LoginPage extends React.Component {
-
-
-    state = {
-        logging: false,
-
-        siteInfo: {},
-        random: Math.random()
-    }
-
-    async componentDidMount() {
-        console.log('渲染登录页面')
-
-
-        if (localStorage.length === 0) {
-            MessageUtils.alert('站点数据缺失，刷新当前页面...')
-            window.location.reload()
-            return
-        }
-
-        const siteInfo = SysUtils.getSiteInfo()
-        this.setState({siteInfo})
-    }
-
-
-    submit = values => {
-        this.setState({logging: true})
-
-        const pubkey = this.state.siteInfo.rsaPublicKey;
-        if (!pubkey) {
-            message.error("未获取密钥，请刷新浏览器再试")
-            return
-        }
-        // 对密码加密
-        const crypt = new JSEncrypt();
-        crypt.setPublicKey(pubkey);
-        values.password = crypt.encrypt(values.password)
-
-        LoginPageUtils.postLogin(values).finally(()=>{
-            this.setState({logging: false})
-        })
-    }
-
-
-    render() {
-        const {siteInfo} = this.state
-
-        const pageStyle = {}
-        if (siteInfo.loginBackground) {
-            let url = 'admin/sysFile/preview/' + siteInfo.loginBackground;
-            pageStyle.backgroundImage = 'url("' + url + '")'
-        }
-
-        return (
-            <section className='login-page' style={pageStyle}>
-                <div className="login-content">
-                    <h1>{siteInfo.title}</h1>
-                    {this.getForm(siteInfo)}
-
-                    {this.renderFormBottom()}
-
-                </div>
-            </section>
-        );
-    }
-
-
-    getForm = siteInfo => {
-
-
-        const form = <Form
-            name="normal_login"
-            className="login-form"
-            initialValues={{remember: true}}
-            onFinish={this.submit}
-            requiredMark={false}
-            colon={false}
-        >
-
-            <Form.Item name="username" rules={[{required: true, message: '请输入用户名!'}]}>
-                <Input size='large' prefix={<UserOutlined/>} placeholder="用户名" autoComplete="off"/>
-            </Form.Item>
-            <Form.Item name="password" rules={[{required: true, message: '请输入密码!'}]}>
-                <Input autoComplete="off" prefix={<LockOutlined/>} type="password" placeholder="密码"
-                       size='large'
-                />
-            </Form.Item>
-
-
-            {siteInfo.captcha && <Form.Item name='captchaCode' rules={[{required: true}]}>
-                <Space style={{alignItems: 'center'}}>
-                    <Input size='large' placeholder='验证码' prefix={<SafetyCertificateOutlined/>}/>
-                    <img height={36}
-                         width={100}
-                         src={"/admin/auth/captchaImage?_random=" + this.state.random}
-                         onClick={() => {
-                             this.setState({random: Math.random()})
-                         }}></img>
-                </Space>
-            </Form.Item>}
-
-
-            <Form.Item style={{marginTop: 10}}>
-                <Button loading={this.state.logging} type="primary" htmlType="submit"
-                        block size='large'>
-                    登录
-                </Button>
-            </Form.Item>
-        </Form>;
-
-        if(this.props.formRender){
-            return this.props.formRender(form);
-        }
-        return form;
-    };
-
-    renderFormBottom() {
-        let siteInfo = this.state.siteInfo;
-        if (siteInfo.loginBoxBottomTip) {
-            return <div style={{color: 'white', marginTop: 50, fontSize: '14px', textAlign: 'center'}}>
-                <WarningOutlined/> {siteInfo.loginBoxBottomTip}
-            </div>
-        }
-    }
-
-}

package/src/framework/pages/LoginPageUtils.ts

@@ -1,36 +0,0 @@
-import {history} from 'umi';
-import {EventBusUtils, HttpUtils, PageUtils} from "../utils";
-/**
- * 将登录页面的公共方法提取出来，方便自定义登录页面时使用
- */
-export class LoginPageUtils {
-
-
-    static postLogin(values) {
-        return new Promise((resolve, reject) => {
-            console.log('开始登录')
-            HttpUtils.post('/admin/auth/login', values).then(rs => {
-                console.log('登录结果', rs)
-                EventBusUtils.emit('loginSuccess')
-                let redirect = LoginPageUtils.getRedirect();
-                history.push(redirect)
-                resolve(rs)
-            }).catch(e => {
-                console.log('登录错误', e)
-                reject(e)
-            })
-        })
-
-    }
-
-    static getRedirect() {
-        let redirect = PageUtils.currentParams()['redirect'];
-        if (redirect) {
-            console.log('重定向参数', redirect)
-            redirect = decodeURIComponent(redirect)
-        }else {
-            redirect = '/'
-        }
-        return redirect;
-    }
-}

package/src/framework/pages/index.ts

@@ -1,2 +0,0 @@
-export * from './LoginPage'
-export * from './LoginPageUtils'