@jiangood/springboot-admin-starter 0.0.3 → 0.0.4

package/src/framework/components/field/select/FieldTableSelect/index.jsx

@@ -1,155 +0,0 @@
-import React from "react";
-import {Input, Select, Table, Typography} from "antd";
-import {SearchOutlined} from "@ant-design/icons";
-import {HttpUtil} from "../../../../system";
-
-/**
- * 下拉表格
- */
-export class FieldTableSelect extends React.Component {
-
-    state = {
-        loading: false,
-        columns: [],
-        dataSource: [],
-
-        open: false,
-        searchText: null,
-
-        value: null,
-        label: null,
-
-        // 分页参数
-        totalElements: 0,
-        current: 1,
-        pageSize: 10,
-        sorter: null
-
-    }
-
-
-    componentDidMount() {
-        let value = this.props.value;
-        this.state.value = value
-        // 首次加载时，将默认的那条数据也下载下来，方便显示label
-        this.initData(value);
-
-        this.loadData()
-    }
-
-    initData(value) {
-        if (value != null) {
-            let selected = [value];
-            HttpUtil.post(this.props.url, {selected}, {size:1})
-                .then(({ dataSource}) => {
-                const record = dataSource[0]
-                if (record) {
-                    this.setState({label: record[this.props.labelKey]})
-                }
-            })
-        }
-    }
-
-    componentDidUpdate(prevProps, prevState, snapshot) {
-        let {value} = this.props;
-        // 表单主动设置value的情况
-        if (value !== prevProps.value && this.state.value !== value) {
-            this.setState({value: value, label: null}, this.loadData)
-        }
-    }
-
-    loadData = searchText => {
-        this.setState({loading: true})
-
-        const params = {
-            size: this.state.pageSize,
-            page: this.state.current,
-            searchText,
-        }
-
-
-        if(this.state.sorter){
-            const {field, order} =  this.state.sorter
-            if (field) {
-                params.sort = field + "," + (order === 'ascend' ? 'asc' : 'desc')
-            }
-        }
-
-
-        HttpUtil.get(this.props.url, params).then(({columns, dataSource, totalElements}) => {
-            this.setState({columns, dataSource, totalElements: parseInt(totalElements)})
-        }).finally(() => {
-            this.setState({loading: false})
-        })
-    };
-
-
-    onSearch = searchText => {
-        this.setState({searchText})
-        this.loadData(searchText)
-    };
-
-    render() {
-        return <>
-            <Select popupRender={this.popupRender} loading={this.state.loading}
-                    open={this.state.open}
-                    onOpenChange={visible => this.setState({open: visible})}
-                    style={{minWidth: 300}}
-                    value={this.state.value}
-                    labelRender={() => this.state.label}
-                    popupMatchSelectWidth={900}
-                    placeholder={this.props.placeholder || '请选择'}
-            />
-        </>
-    }
-
-
-    popupRender = () => {
-        return <div>
-            <div style={{padding: 8, display: 'flex', justifyContent: 'end'}}>
-                <Input
-                    placeholder="搜索..."
-                    prefix={<SearchOutlined/>}
-                    value={this.state.searchText}
-                    onChange={(e) => this.onSearch(e.target.value)}
-                    style={{maxWidth: 280}}
-                />
-            </div>
-            <Table dataSource={this.state.dataSource} loading={this.state.loading}
-                   columns={this.state.columns}
-                   size='small'
-                   bordered
-                   rowKey='id'
-                   onRow={(record) => {
-                       return {
-                           onDoubleClick: (event) => {
-                               let value = record.id;
-                               let label = record[this.props.labelKey]
-
-                               this.setState({label, value,  open: false})
-                               this.props.onChange?.(value)
-                           },
-                       }
-                   }}
-
-                   pagination={{
-                       total: this.state.totalElements,
-                       pageSize: this.state.pageSize,
-                       current: this.state.current,
-                       showTotal: (total) => `共 ${total} 条`
-                   }}
-
-                   onChange={(pagination, filters, sorter, extra) => {
-                       this.setState({
-                           current: pagination.current,
-                           pageSize: pagination.pageSize,
-                           sorter
-                       }, this.loadData)
-                   }}
-                   summary={()=><Typography.Text>提示：双击选择数据</Typography.Text>}
-
-            ></Table>
-
-        </div>
-    };
-}

package/src/framework/components/field/select/index.jsx

@@ -1,2 +0,0 @@
-export * from './FieldSelect';
-export * from './FieldTableSelect'

package/src/framework/components/field/switch-y-n/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-
-export interface SwitchYNProps {
-  mode?: string | 'read';
-  value?: String;
-  onChange?: (value: String) => void;
-}
-
-declare class SwitchYN extends React.Component<SwitchYNProps, any> {}
-
-declare class FieldSwitchYN extends React.Component<SwitchYNProps, any> {}

package/src/framework/components/field/switch-y-n/index.jsx

@@ -1,31 +0,0 @@
-import React from 'react';
-import {Switch} from 'antd';
-
-export { SwitchYN as FieldSwitchYN };
-
-export class SwitchYN extends React.Component {
-  render() {
-    let { value, mode } = this.props;
-
-    if (mode === 'read') {
-      if (value) {
-        return value === 'Y' ? '是' : '否';
-      }
-      return '';
-    }
-
-    let strValue = null;
-    if (value != null && value != '') {
-      strValue = value == 'Y';
-    } else {
-      // 设置默认值
-      strValue = 'N';
-    }
-
-    return <Switch value={strValue} {...this.props} onChange={this.onChange}></Switch>;
-  }
-
-  onChange = (b) => {
-    this.props.onChange(b ? 'Y' : 'N');
-  };
-}

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

@@ -1,7 +0,0 @@
-import React from 'react';
-
-export class FieldText extends React.Component<{ value?: any }> {
-  render() {
-    return this.props.value;
-  }
-}

package/src/framework/components/field/time/DatePickerString.tsx

@@ -1,37 +0,0 @@
-import React from 'react';
-import {DatePicker} from 'antd';
-import {valueToDate} from "./TimePickerTool";
-
-/**
- *
- * 值类型为字符串
- */
-export { DatePickerString as FieldDatePickerString };
-
-const FMT = 'YYYY-MM-DD';
-
-export class DatePickerString extends React.Component {
-  static FORMAT = FMT
-  onChange = (date) => {
-    const str = date ? date.format(FMT) : null;
-    this.props.onChange(str);
-  };
-
-  render() {
-    let { value, readOnly = false, mode } = this.props;
-    if (mode == 'read') {
-      return value;
-    }
-
-    value = valueToDate(value,FMT)
-
-    return (
-      <DatePicker
-        {...this.props}
-        value={value}
-        onChange={this.onChange}
-        disabled={readOnly || this.props.disabled}
-      ></DatePicker>
-    );
-  }
-}

package/src/framework/components/field/time/DateTimePickerString.tsx

@@ -1,42 +0,0 @@
-import React from 'react';
-import {DatePicker} from 'antd';
-import {valueToDate} from "./TimePickerTool";
-
-/**
- * 月份选择器
- *
- * 值类型为字符串
- *
- *
- */
-export { DateTimePickerString as FieldDateTimePickerString };
-const FMT = 'YYYY-MM-DD HH:mm:ss';
-
-export class DateTimePickerString extends React.Component {
-
-  static FORMAT = FMT
-
-  onChange = (date) => {
-    const str = date ? date.format(FMT) :null;
-    this.props.onChange(str);
-  };
-
-  render() {
-    let { value, readOnly = false, mode } = this.props;
-    if (mode == 'read') {
-      return value;
-    }
-    value = valueToDate(value,FMT)
-
-    return (
-      <DatePicker
-        {...this.props}
-        showTime
-        value={value}
-        onChange={this.onChange}
-
-        disabled={readOnly || this.props.disabled}
-      ></DatePicker>
-    );
-  }
-}

package/src/framework/components/field/time/FieldDateRange.d.ts

@@ -1,9 +0,0 @@
-// @ts-ignore
-import React from "react";
-
-declare type FieldDateRangeProps = {
-
-};
-
-export class FieldDateRange extends React.Component<FieldDateRangeProps, any> {
-}

package/src/framework/components/field/time/FieldDateRange.jsx

@@ -1,49 +0,0 @@
-import React from "react";
-import {DatePicker} from "antd";
-import dayjs from "dayjs";
-
-/**
- * 日期区间选择， 格式为时间戳数组
- *
- * 时间范围使用ISO 8601 时间间隔格式
- *  存储格式：开始时间/结束时间
- * 2023-01-01/2023-01-01
- *
- * 提示：后端便捷方式       q.betweenIsoDateRange("createTime", dateRange);
- */
-export class FieldDateRange extends React.Component {
-
-
-    str2dayjs(v) {
-        console.log('调用转换')
-        if (v ) {
-            const arr = v.split("/")
-
-            let v1 = arr[0];
-            let v2 = arr[1];
-            return [dayjs(v1), dayjs(v2)]
-        }
-
-        return null;
-    }
-
-
-
-    render() {
-        let {value, onChange} = this.props
-
-        value = this.str2dayjs(value)
-
-        return <DatePicker.RangePicker
-            value={value}
-            format={"YYYY-MM-DD"}
-            onChange={(value, dateString) => {
-                let strValue = dateString.join('/');
-                strValue = strValue === '/' ? null: strValue
-                onChange(strValue)
-            }}
-        >
-        </DatePicker.RangePicker>
-    }
-
-}

package/src/framework/components/field/time/HHmmPickerString.tsx

@@ -1,42 +0,0 @@
-import React from 'react';
-
-import {TimePicker} from 'antd';
-import {valueToDate} from "./TimePickerTool";
-
-/**
- * 时分
- *
- * 值类型为字符串
- *
- *
- */
-const FMT = 'HH:mm';
-
-export class FieldHHmmPickerString extends React.Component {
-
-  static FORMAT = FMT
-
-  onChange = (date) => {
-    const str = date ? date.format(FMT) : null;
-    this.props.onChange(str);
-  };
-
-  render() {
-    let { value, readOnly = false, mode } = this.props;
-    if (mode == 'read') {
-      return value;
-    }
-    value = valueToDate(value,FMT)
-
-
-    return (
-      <TimePicker
-        {...this.props}
-        value={value}
-        onChange={this.onChange}
-        format={FMT}
-        disabled={readOnly || this.props.disabled}
-      ></TimePicker>
-    );
-  }
-}

package/src/framework/components/field/time/MonthPickerString.tsx

@@ -1,45 +0,0 @@
-import React from 'react';
-import {DatePicker} from 'antd';
-import {valueToDate} from "./TimePickerTool";
-
-/**
- * 月份选择器
- *
- * 值类型为字符串
- *
- *
- */
-export { MonthPickerString as FieldMonthPickerString };
-
-const FMT = 'YYYY-MM';
-
-export class MonthPickerString extends React.Component {
-
-  static FORMAT = FMT
-
-
-  onChange = (date) => {
-    const str = date ? date.format(FMT) : null;
-    this.props.onChange(str);
-  };
-
-  render() {
-    let { value, readOnly = false, mode, ...rest} = this.props;
-    if (mode == 'read') {
-      return value;
-    }
-
-    value = valueToDate(value,FMT)
-
-
-    return (
-      <DatePicker
-        {...rest}
-        value={value}
-        onChange={this.onChange}
-        picker="month"
-        disabled={readOnly || this.props.disabled}
-      ></DatePicker>
-    );
-  }
-}

package/src/framework/components/field/time/TimePickerTool.ts

@@ -1,14 +0,0 @@
-import dayjs from "dayjs";
-
-
-export function valueToDate(value:any, fmt:string){
-  if (value != null && value != '') {
-    let type = typeof value;
-    if (type == 'string' || type == 'number') {
-      value = dayjs(value, fmt);
-    }
-
-  }
-
-  return value;
-}

package/src/framework/components/field/time/YearPickerString.tsx

@@ -1,41 +0,0 @@
-import React from 'react';
-import {DatePicker} from 'antd';
-import {valueToDate} from "./TimePickerTool";
-
-/**
- * 月份选择器
- *
- * 值类型为字符串
- *
- *
- */
-export { YearPickerString as FieldYearPickerString };
-const FMT = 'YYYY';
-export class YearPickerString extends React.Component {
-
-  static FORMAT = FMT
-
-
-  onChange = (date) => {
-    const str = date ? date.format(FMT): null;
-    this.props.onChange(str);
-  };
-
-  render() {
-    let { value, readOnly = false, mode } = this.props;
-    if (mode == 'read') {
-      return value;
-    }
-    value = valueToDate(value,FMT)
-
-    return (
-      <DatePicker
-        {...this.props}
-        value={value}
-        onChange={this.onChange}
-        picker="year"
-        disabled={readOnly || this.props.disabled}
-      ></DatePicker>
-    );
-  }
-}

package/src/framework/components/field/time/YearQuarterString.tsx

@@ -1,38 +0,0 @@
-import React from 'react';
-import {DatePicker} from 'antd';
-import {valueToDate} from "./TimePickerTool";
-
-/**
- * 季度选择
- */
-export { YearQuarterString as FieldYearQuarterString };
-
-const FMT = 'YYYY-QQ';
-
-export class YearQuarterString extends React.Component {
-
-  static FORMAT = FMT
-
-
-  onChange = (date, dateString) => {
-    this.props.onChange(dateString);
-  };
-
-  render() {
-    let { value, readOnly = false, mode } = this.props;
-    if (mode == 'read') {
-      return value;
-    }
-    value = valueToDate(value,FMT)
-
-    return (
-      <DatePicker
-        {...this.props}
-        value={value}
-        onChange={this.onChange}
-        picker="quarter"
-        disabled={readOnly || this.props.disabled}
-      ></DatePicker>
-    );
-  }
-}

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

@@ -1,7 +0,0 @@
-export * from './DatePickerString';
-export * from './DateTimePickerString';
-export * from './HHmmPickerString';
-export * from './MonthPickerString';
-export * from './YearPickerString';
-export * from './YearQuarterString';
-export * from './FieldDateRange'

package/src/framework/components/field/upload/FieldUploadCropImage/index.d.ts

@@ -1,22 +0,0 @@
-// @ts-ignore
-import React from "react";
-// @ts-ignore
-import {CropperProps} from "react-easy-crop/Cropper";
-
-
-declare type FieldUploadCropImageProps = {
-    value?: string; // 文件的值，sysFile的id
-    onChange?: (v:string)=>{};
-
-    cropperProps?: CropperProps;
-
-    maxCount?: number
-};
-
-/**
- * 上传图片前裁切， 单张图片
- *
- * 可参考 react-easy-crop
- */
-export class FieldUploadCropImage extends React.Component<FieldUploadCropImageProps, any> {
-}

package/src/framework/components/field/upload/FieldUploadCropImage/index.jsx

@@ -1,11 +0,0 @@
-import React from 'react';
-import {FieldUploadFile} from "../FieldUploadFile";
-
-
-export class FieldUploadCropImage extends React.Component {
-  render() {
-      return <FieldUploadFile {...this.props} accept={"image/*"} cropImage={true} />
-  }
-}
-
-

package/src/framework/components/field/upload/FieldUploadImage.d.ts

@@ -1,7 +0,0 @@
-// @ts-ignore
-import React from "react";
-import {FieldUploadFileProps} from "./FieldUploadFile";
-
-
-export class FieldUploadImage extends React.Component<FieldUploadFileProps, any> {
-}

package/src/framework/components/field/upload/FieldUploadImage.jsx

@@ -1,16 +0,0 @@
-import React from 'react';
-import {FieldUploadFile} from "./FieldUploadFile";
-
-
-/**
- * crop: 带裁切
- */
-
-export class FieldUploadImage extends React.Component {
-
-  render() {
-    return <FieldUploadFile {...this.props} accept={'image/*'} />
-  }
-}
-
-

package/src/framework/components/field/upload/index.jsx

@@ -1,3 +0,0 @@
-export * from './FieldUploadImage';
-export * from './FieldUploadFile'
-export * from './FieldUploadCropImage'

package/src/framework/components/system.jsx

@@ -1,29 +0,0 @@
-import React from 'react';
-import {FieldRemoteTreeSelect, FieldSelect} from './field';
-
-
-export function FieldUserSelect(props) {
-  return <FieldSelect url="admin/sysUser/options" {...props} />;
-}
-
-export function FieldUserMultipleSelect(props) {
-  return <FieldSelect multiple={true} url="admin/sysUser/options" {...props} />;
-}
-
-export function FieldUnitTreeSelect(props) {
-  return <FieldRemoteTreeSelect url="admin/sysOrg/unitTree" {...props} />;
-}
-
-export function FieldDeptTreeSelect(props) {
-  return <FieldRemoteTreeSelect url="admin/sysOrg/deptTree" {...props} />;
-}
-
-export function FieldOrgTreeSelect(props) {
-  return <FieldRemoteTreeSelect url="admin/sysOrg/deptTree" {...props} />;
-}
-
-export function FieldOrgTreeMultipleSelect(props) {
-  return <FieldSelect multiple={true} url="/sysOrg/deptTree" {...props} />;
-}
-
-

package/src/framework/components/view/ViewBoolean.jsx

@@ -1,15 +0,0 @@
-import React from 'react';
-
-
-export class ViewBoolean extends React.Component {
-
-
-    render() {
-        let {value} = this.props;
-        if(value == null){
-            return null;
-        }
-
-        return  value ? '是': '否'
-    }
-}

package/src/framework/components/view/ViewBooleanEnableDisable.jsx

@@ -1,16 +0,0 @@
-import React from 'react';
-import {Tag} from 'antd';
-
-
-export class ViewBooleanEnableDisable extends React.Component {
-
-
-    render() {
-        let {value} = this.props;
-        if(value == null){
-            return null;
-        }
-
-        return  value ? <Tag color={"green"}>启动</Tag> : <Tag color={"red"}>禁用</Tag>
-    }
-}

package/src/framework/components/view/ViewText.jsx

@@ -1,9 +0,0 @@
-import React from "react";
-import {Typography} from "antd";
-
-export class ViewText extends React.Component{
-
-    render() {
-        return <Typography.Text> {this.props.value}</Typography.Text>;
-    }
-}