@jiangood/springboot-admin-starter 0.0.3 → 0.0.4

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

@@ -1,110 +0,0 @@
-import {Checkbox, Radio, Select} from 'antd';
-import React from 'react';
-import {dictList, dictValue, dictValueTag} from "../../../system";
-
-export interface DictProps {
-  typeCode: string;
-  params?: string; // 同typeCode, pro-table用
-  mode?: string | 'read';
-  value?: any;
-  onChange?: (value: any) => void;
-  placeholder?: string;
-}
-
-/**
- * 字典希腊选择组件
- * @param props
- * @returns {JSX.Element|string|*}
- * @constructor
- */
-export class DictSelect extends React.Component<DictProps> {
-
-  render() {
-    let {typeCode, params, mode, value, onChange, placeholder = '请选择', ...restProps} = this.props;
-
-    if (typeCode == null) {
-      typeCode = params;
-    }
-
-
-    if (mode === 'read') {
-      return dictValueTag(typeCode, value);
-    }
-
-    let list = dictList(typeCode) || [];
-
-    if(value != null){
-      value = String(value)
-    }
-
-    return (
-        <Select value={value} onChange={onChange} placeholder={placeholder} allowClear {...restProps} style={{minWidth:150}}>
-          {list.map((o: any) => (
-              <Select.Option value={o.code} key={o.code}>
-                {o.name}
-              </Select.Option>
-          ))}
-        </Select>
-    );
-  }
-}
-
-export function DictRadio(props: DictProps) {
-  let { typeCode, mode, value, params } = props;
-
-  if(typeCode == null){
-    typeCode = params;
-  }
-
-  if (mode === 'read') {
-    return dictValueTag(typeCode, value);
-  }
-
-  let list = dictList(typeCode);
-  return (
-    <Radio.Group value={String(value)} onChange={props.onChange}>
-      {list.map((o: any) => (
-        <Radio value={o.code} key={o.code}>
-          {o.name}
-        </Radio>
-      ))}
-    </Radio.Group>
-  );
-}
-
-// 多选框
-export function DictCheckbox(props: DictProps) {
-  const { typeCode, mode, value } = props;
-  if (mode === 'read') {
-    if (value && value.length) {
-      return value.map((v: any) => dictValueTag(typeCode, v));
-    }
-    return '-';
-  }
-
-  let list = dictList(typeCode);
-  return (
-    <Checkbox.Group value={value} onChange={props.onChange}>
-      {list.map((o: any) => (
-        <Checkbox value={o.code} key={o.code}>
-          {o.name}
-        </Checkbox>
-      ))}
-    </Checkbox.Group>
-  );
-}
-
-export function FieldDictValueTag(props: DictProps) {
-  const { typeCode, value } = props;
-  return dictValueTag(typeCode, value);
-}
-export function FieldDictValue(props: DictProps) {
-  const { typeCode, value } = props;
-  return dictValue(typeCode, value);
-}
-
-export {
-  DictRadio as FieldDictRadio,
-  DictSelect as FieldDictSelect,
-  DictCheckbox as FieldDictCheckbox,
-};

package/src/framework/components/field/flat-multiple-select/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-
-declare class FlatMultipleSelect extends React.Component<any, any> {}
-declare class FieldFlatMultipleSelect extends React.Component<any, any> {}

package/src/framework/components/field/flat-multiple-select/index.jsx

@@ -1,116 +0,0 @@
-/**
- * 类似下拉选择的功能，不过是横向平铺
- * 可以使用 url 或直接设置data
- */
-import React from 'react';
-import {Button, message} from 'antd';
-
-import './index.less';
-import {HttpUtil} from "../../../system";
-
-/*
-interface FlatMultipleSelectProps {
-  url?: string,
-  data?: DATA[]
-  onChange: (value: any) => void;
-  disabled: boolean;
-  style: any
-}
-
-interface DATA {
-  label: string,
-  value: any
-}
-*/
-export { FlatMultipleSelect as FieldFlatMultipleSelect };
-
-export class FlatMultipleSelect extends React.Component {
-  state = {
-    data: [],
-    fetching: false,
-    searchText: null,
-    value: [],
-  };
-
-  constructor(props) {
-    super(props);
-    if (props.data != null) {
-      this.state.data = props.data;
-    }
-  }
-
-  componentDidMount() {
-    this.loadData();
-  }
-
-  loadData = (searchText = '') => {
-    const { url } = this.props;
-    if (url == null) {
-      return;
-    }
-
-    this.setState({ fetching: true });
-
-    HttpUtil.get(url, { searchText }).then(rs => {
-      this.setState({ fetching: false });
-
-      if (!(rs instanceof Array)) {
-        message.error('返回结果的data字段应该为数组');
-        return;
-      }
-
-      this.setState({ data: rs });
-    });
-  };
-  onBtnClick = (v) => {
-    let value = this.state.value;
-    if (v == null) {
-      // 所有
-      value = [];
-    } else {
-      const value = this.state.value;
-      const idx = value.indexOf(v);
-      const exist = idx != -1;
-      if (exist) {
-        value.splice(idx, 1);
-      } else {
-        value.push(v);
-      }
-    }
-
-    this.setState({ value: value });
-
-    if (this.props.onChange) {
-      this.props.onChange(value);
-    }
-  };
-
-  render() {
-    const value = this.state.value || [];
-    const data = this.state.data;
-    return (
-      <div className="flat-select">
-        <Button
-          type={'text'}
-          size={'small'}
-          className={value.length == 0 ? 'checked' : ''}
-          onClick={() => this.onBtnClick(null)}
-        >
-          所有
-        </Button>
-
-        {data.map((d) => (
-          <Button
-            key={d.value}
-            type={'text'}
-            size={'small'}
-            className={value.indexOf(d.value) != -1 ? 'checked' : ''}
-            onClick={() => this.onBtnClick(d.value)}
-          >
-            {d.label}
-          </Button>
-        ))}
-      </div>
-    );
-  }
-}

package/src/framework/components/field/flat-multiple-select/index.less

@@ -1,12 +0,0 @@
-.flat-select {
-  .checked {
-    color: #1961ac;
-    background: #e8e8e8;
-    border-color: transparent;
-    box-shadow: none;
-  }
-
-  .ant-btn {
-    margin-right: 4px;
-  }
-}

package/src/framework/components/field/flat-select/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-
-declare class FlatSelect extends React.Component<any, any> {}
-declare class FieldFlatSelect extends React.Component<any, any> {}

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

@@ -1,107 +0,0 @@
-/**
- * 类似下拉选择的功能，不过是横向平铺
- * 可以使用 url 或直接设置data
- */
-import React from 'react';
-import {Button, message} from 'antd';
-
-import './index.less';
-
-/*
-interface FlatMultipleSelectProps {
-  url?: string,
-  data?: DATA[]
-  onChange?: (value: any) => void;
-  disabled?: boolean;
-  style?: any,
-  showAll?: boolean,
-
-  value?: any
-}
-
-interface DATA {
-  label: string,
-  value: any
-}
-
- */
-export { FlatSelect as FieldFlatSelect };
-export class FlatSelect extends React.Component {
-  state = {
-    data: [],
-    fetching: false,
-    searchText: null,
-  };
-
-  constructor(props) {
-    super(props);
-    if (props.data != null) {
-      this.state.data = props.data;
-    }
-  }
-
-  componentDidMount() {
-    this.loadData();
-  }
-
-  loadData = (searchText = '') => {
-    const { url } = this.props;
-    if (url == null) {
-      return;
-    }
-
-    this.setState({ fetching: true });
-
-    HttpUtil.get(url, { searchText }).then(rs => {
-      this.setState({ fetching: false });
-
-
-      if (!(rs instanceof Array)) {
-        message.error('返回结果的data字段应该为数组');
-        return;
-      }
-
-      this.setState({ data: rs });
-    });
-  };
-  onBtnClick = (v) => {
-    this.setState({ value: v });
-
-    if (this.props.onChange) {
-      this.props.onChange(v);
-    }
-  };
-
-  render() {
-    const value = this.props.value;
-    const data = this.state.data;
-
-    const showAll = this.props.showAll == null ? true : this.props.showAll;
-    return (
-      <div className="flat-select">
-        {showAll && (
-          <Button
-            type={'text'}
-            size={'small'}
-            className={value == null ? 'checked' : ''}
-            onClick={() => this.onBtnClick(null)}
-          >
-            所有
-          </Button>
-        )}
-
-        {data.map((d) => (
-          <Button
-            key={d.value}
-            type={'text'}
-            size={'small'}
-            className={value == d.value ? 'checked' : ''}
-            onClick={() => this.onBtnClick(d.value)}
-          >
-            {d.label}
-          </Button>
-        ))}
-      </div>
-    );
-  }
-}

package/src/framework/components/field/flat-select/index.less

@@ -1,12 +0,0 @@
-.flat-select {
-  .checked {
-    color: #1961ac;
-    background: #e8e8e8;
-    border-color: transparent;
-    box-shadow: none;
-  }
-
-  .ant-btn {
-    margin-right: 4px;
-  }
-}

package/src/framework/components/field/index.js

@@ -1,33 +0,0 @@
-export * from './FieldAutoTime'
-export * from './FieldEditor'
-export * from './FieldBoolean';
-export * from './switch-y-n';
-export * from './FieldSelectPosition';
-export * from './input-number-percent';
-
-export * from './FieldRemoteTreeSelect';
-
-
-export * from './time';
-export * from './flat-multiple-select';
-export * from './flat-select';
-export * from './dict';
-export * from './FieldRemoteTreeCascader';
-export * from './FieldRemoteTreeMultipleSelect';
-export * from './text';
-export * from './FieldProps'
-export * from './FieldOrgTree'
-
-export * from './FieldAutoTime'
-export * from './FieldRemoteTreeCheckable'
-export * from './FieldPassword'
-export * from './FieldInput'
-
-export * from './FieldTree'
-export * from './FieldEditTable'
-export * from './FieldFileBase64'
-
-export  * from './upload'
-export  * from './select'
-
-export * from './FieldImageBase64'

package/src/framework/components/field/input-number-percent/index.d.ts

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

package/src/framework/components/field/input-number-percent/index.jsx

@@ -1,28 +0,0 @@
-import {InputNumber} from 'antd';
-import React from 'react';
-
-export class InputNumberPercent extends React.Component {
-  render() {
-    const { props } = this;
-    const { value, mode, ...rest } = props;
-
-    if (mode === 'read') {
-      return (value * 100).toFixed(2) + '%';
-    }
-
-    return (
-      <InputNumber
-        min={0}
-        max={1}
-        step={0.01}
-        formatter={(value) => (value * 100).toFixed(2)}
-        parser={(value) => (value / 100).toFixed(2)}
-        addonAfter={'%'}
-        value={value}
-        {...rest}
-      />
-    );
-  }
-}
-
-export { InputNumberPercent as FieldInputNumberPercent };

package/src/framework/components/field/select/FieldSelect/index.d.ts

@@ -1,39 +0,0 @@
-// @ts-ignore
-import React from "react";
-
-declare type FieldSelectProps = {
-
-    url:  string,
-    value?: any
-    onChange?: (value:any)=>{},
-
-    // 数据加载完
-    onLoadDataFinish?:(list:any[])=>{};
-
-    showRefresh?:boolean;
-
-    placeholder?:string
-
-
-    disabled?:false;
-
-    /**
-     * 是否多选
-     */
-    multiple?:boolean;
-
-    /**
-     *  多选选时返回对象数组
-     *
-     *  primitive 原始值，如123 , 多选时时数组， 如[123,456]
-     *  object  包装成对象的值， 如 {id:123}, 多选时 [{id:123},{id:456}]
-     *  joined  逗号分割的字符串， 如123,456
-     *
-     */
-    valueType?: 'primitive'| 'object'  | 'joined' | undefined | null;
-
-
-};
-
-export class FieldSelect extends React.Component<FieldSelectProps, any> {
-}

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

@@ -1,156 +0,0 @@
-import {Button, Select, Spin} from 'antd';
-
-import React from 'react';
-import {HttpUtil} from "../../../../system";
-import {ReloadOutlined} from "@ant-design/icons";
-import {ObjUtil} from "../../../../utils";
-
-export class FieldSelect extends React.Component {
-
-    constructor(props) {
-        super(props);
-
-        ObjUtil.copyPropertyIfPresent(props, this.state)
-        this.state.componentValue = this.convertInputToComponentValue(this.state.value)
-
-        if (this.state.multiple) {
-        }
-    }
-
-    state = {
-        // 参数
-        url: '',
-        data: [],
-        value: null,
-        loading: false,
-        searchText: '',
-        showRefresh: false,
-        placeholder: '请选择',
-
-        multiple: false,
-        valueType: 'primitive',
-
-
-        // 内部状态
-        componentValue: null
-    }
-
-
-    componentDidMount() {
-        this.loadData({});
-    }
-
-    componentDidUpdate(prevProps, prevState, snapshot) {
-        let {value} = this.props;
-        // 表单主动设置value的情况
-        if (value !== prevProps.value && this.state.value !== value) {
-            const v = this.convertInputToComponentValue(value);
-            this.setState({componentValue: v, value: v}, () => this.loadData({}))
-        }
-    }
-
-    convertInputToComponentValue = value => {
-        if (value != null) {
-            if (this.state.multiple) {
-                if (this.state.valueType === 'object') {
-                    return value.map(v => v.id)
-                }
-                if (this.state.valueType === 'joined') {
-                    return value.split(',')
-                }
-            } else {
-                if (this.state.valueType === 'object') {
-                    return value.id
-                }
-            }
-
-        }
-
-        return value
-    };
-
-    convertComponentValueToOutput = value => {
-        if (value != null) {
-            if (this.state.multiple) {
-                if (this.state.valueType === 'object') {
-                    return value.map(v => {
-                        return {id: v}
-                    })
-                }
-                if (this.state.valueType === 'joined') {
-                    return value.join(',')
-                }
-            } else {
-                if (this.state.valueType === 'object') {
-                    return {id: value}
-                }
-            }
-        }
-
-        return value
-    };
-
-
-    handleChange = (value) => {
-        this.setState({componentValue: value, loading: false});
-        this.props.onChange?.(this.convertComponentValueToOutput(value));
-    }
-
-
-    handleSearch = (searchText) => {
-        this.setState({searchText});
-        this.loadData({searchText: searchText});
-    };
-
-    loadData = ({searchText}) => {
-        const {value, url} = this.state;
-
-        let selected = null;
-        if (value != null) {
-            const isArray = value instanceof Array
-            if (isArray) {
-                selected = value.join(',')
-            } else {
-                selected = value
-            }
-        }
-
-
-        this.setState({loading: true});
-        HttpUtil.get(url, {searchText, selected})
-            .then(data => {
-                this.setState({data});
-                this.props.onLoadDataFinish?.(data);
-            })
-            .finally(() => {
-                this.setState({loading: false});
-            })
-    };
-
-
-    render() {
-        console.log(this.props.disabled)
-        return (
-            <div style={{display: 'flex', alignItems: 'center'}}>
-                <Select
-                    {...this.props}
-                    allowClear
-                    showSearch
-                    style={{width: '100%', minWidth: 200}}
-                    notFoundContent={this.state.loading ? <Spin size="small"/> : null}
-                    filterOption={false}
-                    onSearch={this.handleSearch}
-                    onChange={this.handleChange}
-                    placeholder={this.state.placeholder}
-                    value={this.state.componentValue}
-                    options={this.state.data}
-                    mode={this.state.multiple ? 'multiple' : undefined}
-                >
-                </Select>
-                {this.state.showRefresh &&
-                    <Button onClick={this.loadData} autoInsertSpace={false} icon={<ReloadOutlined/>}
-                            size='small'/>}
-            </div>
-        );
-    }
-}