@jiangood/springboot-admin-starter 0.0.3 → 0.0.5

package/src/framework/components/EditTable/index.jsx

@@ -1,85 +0,0 @@
-import {Button, Form, Input} from 'antd'
-import React from 'react'
-import {DeleteOutlined, PlusOutlined} from "@ant-design/icons";
-import './index.less'
-
-export class EditTable extends React.Component {
-
-
-    columns = []
-
-    formRef = React.createRef()
-
-    constructor(props) {
-        super(props);
-
-        this.columns = this.props.columns.map(col => {
-            if (col.render == null) {
-                col.render = (v, record) => {
-                    return <Form.Item name={col.dataIndex}> <Input value={v}/></Form.Item>
-                }
-            }
-            return col
-        })
-
-
-    }
-
-
-    componentDidUpdate(prevProps, prevState, snapshot) {
-        if(prevProps.dataSource !== this.props.dataSource){
-            this.formRef.current.setFieldsValue({items: this.props.dataSource})
-        }
-    }
-
-    onFinish = values => {
-        this.props.onFinish(values.items)
-    }
-
-
-    render() {
-        return <div className='edit-table'>
-
-            <Form ref={this.formRef} onFinish={this.onFinish}>
-                <Form.List name={'items'}>
-                    {(fields, {add, remove}) => <>
-                        <table >
-                            <thead>
-                            <tr>
-                                {this.columns.map(col => <th>{col.title}</th>)}
-                                <th></th>
-                            </tr>
-                            </thead>
-                            <tbody>
-                            {fields.map((field) => <tr
-                                    key={field.key}>
-                                    {this.columns.map(col => <td className="ant-table-cell" key={col.dataIndex}>
-                                        <Form.Item noStyle rules={[{required: true}]} name={[field.name, col.dataIndex]}>
-                                            <Input/>
-                                        </Form.Item>
-                                    </td>)}
-
-                                    <td>
-                                        <Button icon={<DeleteOutlined/>} size='small' shape={'circle'}
-                                                onClick={() => remove(field.name)}></Button>
-                                    </td>
-                                </tr>
-                            )}
-                            </tbody>
-                        </table>
-                        <div className='add-btn-wrapper'>
-                        <Button type='dashed' icon={<PlusOutlined/>}
-                                onClick={() => add()}>增加一行
-                        </Button>
-                        </div>
-                    </>}
-                </Form.List>
-                <div style={{textAlign: 'center', margin: 16}}>
-                    <Button type='primary' htmlType={'submit'}>保存</Button>
-                </div>
-            </Form>
-
-
-        </div>
-    }
-}

package/src/framework/components/FieldRemoteTree.jsx

@@ -1,20 +0,0 @@
-import {Tree} from "antd";
-import React from "react";
-
-
-export default class extends React.Component{
-
-    render() {
-        return <Tree
-            multiple
-            checkable
-            onCheck={this.onCheck}
-            checkedKeys={checked}
-            treeData={treeData}
-            defaultExpandAll
-            checkStrictly
-
-        >
-        </Tree>
-    }
-}

package/src/framework/components/HasPerm.jsx

@@ -1,18 +0,0 @@
-import React from 'react';
-import {PermUtil} from "../system";
-
-/**
- * 使用该组件，可以判断权限
- * @param
- */
-export class HasPerm extends React.Component {
-
-  render() {
-    let {code} = this.props;
-
-    if (PermUtil.hasPermission(code)) {
-      return this.props.children;
-    }
-
-  }
-}

package/src/framework/components/ImageView.d.ts

@@ -1,12 +0,0 @@
-// @ts-ignore
-import React from "react";
-
-declare type ImageViewProps = {
-    /**
-     *   文件id，支持多个，支持逗号分隔
-     */
-    id: string|string[]
-};
-
-export class ImageView extends React.Component<ImageViewProps, any> {
-}

package/src/framework/components/ImageView.jsx

@@ -1,64 +0,0 @@
-import React from 'react';
-import {Modal} from 'antd';
-import {SysUtil} from "../system";
-
-
-/**
- *  可以使用 fileId 或 url 属性
- *
- *    // 推荐使用 ， 支持id， url， 并支持逗号分隔符
- *   value?: string | string[];
- *
- *
- */
-export class ImageView extends React.Component {
-  preview = (url) => {
-    Modal.info({
-      title: '预览图片',
-      width: '70vw',
-      content: <img src={url} width="100%" />,
-    });
-  };
-
-  render() {
-    let vs = this.props.id
-
-    if (!vs) {
-      return;
-    }
-
-    if (typeof vs === 'string') {
-      vs = vs.split(',');
-    }
-
-    let urlList = [];
-    for (let v of vs) {
-      let isId = v.indexOf('/') === -1;
-      let isAbsUrl = v.startsWith('http');
-      if (isAbsUrl) {
-        urlList.push(v);
-        continue;
-      }
-
-      if (isId) {
-        urlList.push(SysUtil.getServerUrl() + 'sysFile/preview/' + v);
-        continue;
-      }
-
-      urlList.push(SysUtil.getServerUrl() + v);
-    }
-
-    const imgs = urlList.map((url) => (
-      <img
-        style={{ display: 'inline-block' }}
-        key={url}
-        src={url}
-        onClick={() => this.preview(url)}
-        width={60}
-        height={60}
-      />
-    ));
-
-    return imgs;
-  }
-}

package/src/framework/components/MsgBox.jsx

@@ -1,180 +0,0 @@
-import React from "react";
-import {Input, message, Modal, Typography} from "antd";
-
-export class MsgBox {
-
-    static _ref = React.createRef();
-
-
-    static toast(msg, success=true){
-        if(success){
-            message.success(msg)
-        }else {
-            message.error(msg)
-        }
-
-    }
-
-    static alert(msg, title = '提示') {
-        let instance = this._ref.current;
-        if (instance) {
-            return new Promise((resolve) => {
-                instance.show('alert', msg, title, resolve);
-            });
-        }
-        return Promise.resolve(false);
-
-    }
-
-    static confirm(msg, title = '确认') {
-        console.log('confirm', this._ref.current)
-        let instance = this._ref.current;
-        if (instance) {
-            return new Promise((resolve) => {
-                instance.show('confirm', msg, title, resolve);
-            });
-        }else {
-
-        }
-        return Promise.resolve(false);
-    }
-
-    static prompt(msg, defaultValue = '', title = '输入') {
-        let instance = this._ref.current;
-        if (instance) {
-            return new Promise((resolve) => {
-                instance.show('prompt', msg, title, resolve);
-            });
-        }
-        return Promise.resolve(null);
-    }
-}
-
-export class MsgBoxComponent extends React.Component {
-
-    state = {
-        open: false,
-        title: '提示',
-        type: 'alert',
-        msg: null,
-        inputValue: '',
-    }
-
-    resolvePromise = null; //
-
-    componentDidMount() {
-        MsgBox._ref.current = this;
-    }
-
-    componentWillUnmount() {
-        if (MsgBox._ref.current === this) {
-            MsgBox._ref.current = null;
-        }
-    }
-
-    show = (type, msg, title, resolvePromise) => {
-        this.setState({
-            open: true,
-            type: type,
-            msg: msg,
-            title: title,
-            inputValue: type === 'prompt' ? (this.state.inputValue || '') : '',
-        });
-        this.resolvePromise = resolvePromise
-    }
-
-    handleOk = () => {
-        const {type, inputValue} = this.state;
-        const  resolvePromise = this.resolvePromise
-
-        this.setState({open: false});
-
-        if (resolvePromise) {
-            switch (type) {
-                case 'confirm':
-                    resolvePromise(true);
-                    break;
-                case 'prompt':
-                    resolvePromise(inputValue);
-                    break;
-                default:
-                    resolvePromise(null);
-                    break;
-            }
-        }
-    }
-
-    handleCancel = () => {
-        const {type, resolvePromise} = this.state;
-
-        this.setState({open: false});
-
-        if (resolvePromise) {
-            switch (type) {
-                case 'confirm':
-                    resolvePromise(false);
-                    break;
-                case 'prompt':
-                    resolvePromise(null);
-                    break;
-                default:
-                    resolvePromise(null);
-                    break;
-            }
-        }
-    }
-
-    handleInputChange = (e) => {
-        this.setState({inputValue: e.target.value});
-    }
-
-    renderContent = () => {
-        const {type, msg, inputValue} = this.state;
-
-        switch (type) {
-            case 'alert':
-            case 'confirm':
-                return <Typography.Text>{msg}</Typography.Text>;
-            case 'prompt':
-                return (
-                    <>
-                        <Typography.Text>{msg}</Typography.Text>
-                        <Input
-                            value={inputValue}
-                            onChange={this.handleInputChange}
-                            placeholder="请输入内容"
-                        />
-                    </>
-                );
-            default:
-                return null;
-        }
-    }
-    render() {
-        const {type} = this.state;
-
-        return (
-            <Modal
-                open={this.state.open}
-                title={this.state.title}
-                destroyOnHidden={true}
-                maskClosable={false}
-                onOk={this.handleOk}
-                onCancel={this.handleCancel}
-                okText='确定'
-                cancelText='取消'
-                width={400}
-                transitionName=""
-                maskTransitionName=""
-                footer={(node, {OkBtn, CancelBtn}) => {
-                    if (type === 'alert') {
-                        return <OkBtn/> // 不要取消按钮
-                    }
-                    return node;
-                }}
-            >
-                {this.renderContent()}
-            </Modal>
-        );
-    }
-}

package/src/framework/components/PageLoading.jsx

@@ -1,31 +0,0 @@
-import React from "react";
-import {Alert, Spin} from "antd";
-import {theme} from "../system";
-
-/**
- * 页面加载中的动画
- */
-export  class PageLoading extends React.Component {
-
-
-    render() {
-        const msg = this.props.message || '页面加载中...';
-
-        return <div style={{height: '100vh', width: '100%',
-            display:'flex', alignItems:'center', justifyContent:"center",
-            color:theme["primary-color"]
-        }}>
-            <div style={{textAlign:"center", marginTop:'-10rem'}}>
-                <div>
-                    <Spin size={"large"}></Spin>
-                </div>
-                <div style={{marginTop:'1rem'}}>
-                    <Alert message={msg}></Alert>
-                </div>
-
-
-            </div>
-        </div>
-    }
-
-}

package/src/framework/components/Panel/index.d.ts

@@ -1,11 +0,0 @@
-// @ts-ignore
-import React from "react";
-
-declare type PanelProps = {
-    title:string|React.ReactNode;
-    empty?: boolean;
-    loading?: boolean;
-};
-
-export class Panel extends React.Component<PanelProps, any> {
-}

package/src/framework/components/Panel/index.jsx

@@ -1,24 +0,0 @@
-import React from "react";
-import './index.less'
-import {Card, Empty, Spin} from "antd";
-
-export class Panel extends React.Component{
-
-    render() {
-       return <Card title={this.props.title} size='small'>
-           {this.renderContent()}
-       </Card>
-    }
-
-    renderContent(){
-        if(this.props.loading){
-            return <Spin />
-        }
-        if(this.props.empty){
-            return  <Empty />
-        }
-
-        return this.props.children || <Empty />
-    }
-
-}

package/src/framework/components/field/FieldAutoTime/index.tsx

@@ -1,46 +0,0 @@
-/**
- * 根据时间类型自动渲染时间选择组件
- */
-import React from "react";
-import {FieldMonthPickerString, FieldYearPickerString, FieldYearQuarterString} from "../time";
-
-
-type TypeEum = 'YEAR' | 'YEAR_MONTH' | 'YEAR_QUARTER';
-
-interface Props {
-  type: TypeEum; //  枚举
-}
-
-export  class FieldAutoTime extends React.Component<Props, any> {
-
-  render() {
-    let {type,...props} = this.props;
-    switch (type) {
-      case 'YEAR':
-        return <FieldYearPickerString {...props}/>;
-      case 'YEAR_MONTH':
-        return <FieldMonthPickerString {...props}/>;
-      case 'YEAR_QUARTER':
-        return <FieldYearQuarterString {...props}/>;
-    }
-
-    return <div>未知组件 {type}</div>
-  }
-
-  static getDefaultValue(type:TypeEum) {
-    let year = dayjs().format("YYYY");
-    let month = dayjs().format("YYYY-MM");
-    let quarter = dayjs().format("YYYY-QQ");
-
-    switch (type) {
-      case 'YEAR':
-        return year;
-      case 'YEAR_MONTH':
-        return month;
-      case 'YEAR_QUARTER':
-        return quarter;
-    }
-
-    return null;
-  }
-}

package/src/framework/components/field/FieldBoolean/index.tsx

@@ -1,92 +0,0 @@
-/**
- * antd 自带的checkbox 未选择时不会返回false, 和form配合时还得设置 valuePropName
- *
- *
- * 本组件改成布尔值的输入
- *
- * 选中 true， 反选 false
- *
- * 注意：null 会转为false
- *
- *
- */
-import React from 'react';
-import {Checkbox, Radio} from 'antd';
-import {FieldProps} from "../FieldProps";
-
-
-export {FieldCheckboxBoolean as FieldBoolean};
-
-export class FieldCheckboxBoolean extends React.Component<FieldProps, any> {
-
-
-  render() {
-
-    let {value, mode} = this.props
-
-    const checked = this.parseBoolean(value);
-
-    if (mode == 'read') {
-      if (checked !== null) {
-        return checked ? "是" : "否"
-      }
-    }
-
-
-    return (
-      <Checkbox
-        checked={checked}
-        onChange={(e) => {
-          if (this.props.onChange) {
-            this.props.onChange(!!e.target.checked);
-          }
-        }}
-      />
-    );
-  }
-
-  parseBoolean(v: any) {
-    if (v === null) {
-      return undefined;
-    }
-
-    if (typeof v === 'boolean') {
-      return v;
-    }
-    return v === 1 || v === 'true' || v === 'Y';
-
-  }
-}
-
-
-export class FieldRadioBoolean extends React.Component {
-  render() {
-    let {mode, value, onChange} = this.props;
-
-    if(value != null){
-      // 转换一下，以免一些字符串格式出现
-      if(value === 'true'){
-        value = true
-      }else if(value === 'false'){
-        value = false
-      }
-    }
-
-
-    if (mode === 'read') {
-      if (value == null) {
-        return
-      }
-
-      return value ? '是' : '否'
-    }
-
-    return (
-        <Radio.Group value={value} onChange={onChange}>
-          <Radio value={true}>是</Radio>
-          <Radio value={false}>否</Radio>
-          <Radio value={null}>未知</Radio>
-        </Radio.Group>
-    );
-  }
-}

package/src/framework/components/field/FieldEditTable/index.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-import {ColumnsType} from "antd/es/table";
-
-declare type FieldEditTableProps = {
-    columns:  ColumnsType,
-    value?: any[]
-    onChange?: (list:any[])=>{}
-};
-
-export class FieldEditTable extends React.Component<FieldEditTableProps, any> {
-
-
-}