@jiangood/springboot-admin-starter 0.0.3 → 0.0.4

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

@@ -1,23 +0,0 @@
-import React from "react";
-import {Input} from "antd";
-import {FieldUploadFile} from "../upload";
-
-
-export  class FieldFileBase64 extends React.Component {
-
-    render() {
-        let url = '/utils/fileBase64';
-        console.log('上传地址')
-        return <>
-            <Input.TextArea rows={3} value={this.props.value}></Input.TextArea>
-            <FieldUploadFile url={url} onChange={this.onFinish}></FieldUploadFile>
-        </>
-    }
-
-    onFinish = value => {
-        if(this.props.onChange){
-            this.props.onChange(value)
-        }
-    }
-
-}

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

@@ -1,15 +0,0 @@
-// @ts-ignore
-import React from "react";
-
-declare type FieldImageBase64Props = {
-    value?: any,
-    onChange?: (v: any) => {},
-
-    /**
-     * 按钮文字
-     */
-    buttonText?: string
-};
-
-export class FieldImageBase64 extends React.Component<FieldImageBase64Props, any> {
-}

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

@@ -1,22 +0,0 @@
-import React from "react";
-import {Input} from "antd";
-import {FieldUploadFile} from "../upload";
-
-
-export  class FieldImageBase64 extends React.Component {
-
-    render() {
-        let url = '/utils/fileBase64';
-        return <>
-            <Input.TextArea rows={3} value={this.props.value}></Input.TextArea>
-            <FieldUploadFile url={url} onChange={this.onFinish}></FieldUploadFile>
-        </>
-    }
-
-    onFinish = value => {
-        if(this.props.onChange){
-            this.props.onChange(value)
-        }
-    }
-
-}

package/src/framework/components/field/FieldInput.jsx

@@ -1,13 +0,0 @@
-import React from 'react';
-import {Input} from 'antd';
-
-
-export class FieldInput extends React.Component {
-    render() {
-        if(this.props.mode === 'read'){
-            return this.props.value
-        }
-
-        return  <Input value={this.props.value} onChange={this.props.onChange} />
-    }
-}

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

@@ -1,45 +0,0 @@
-/**
- * 组织机构树
- */
-import React from "react";
-import {FieldProps} from "../FieldProps";
-import {Tree} from "antd";
-import {LoadingOutlined} from "@ant-design/icons";
-
-interface Props extends FieldProps {
-}
-
-
-export default class extends React.Component<Props, any> {
-
-  state = {
-    treeData: null
-  }
-
-
-  componentDidMount() {
-    const params: any = {
-    };
-
-    HttpUtil.get("admin/admin/sysOrg/unitTree", params).then(rs => {
-      this.setState({treeData: rs})
-    })
-  }
-
-  render() {
-    if (this.state.treeData == null) {
-      return <LoadingOutlined/>
-    }
-
-    return <Tree.DirectoryTree defaultSelectedKeys={[this.props.value]}
-                               expandAction={false}
-                               treeData={this.state.treeData}
-                               defaultExpandAll
-                               onSelect={this.onSelect}/>;
-  }
-
-  onSelect = (keys: any[]) => {
-    this.props.onChange(keys[0])
-  }
-
-}

package/src/framework/components/field/FieldPassword.jsx

@@ -1,11 +0,0 @@
-import React from "react";
-import {Input} from "antd";
-
-export  class FieldPassword extends React.Component {
-
-
-    render() {
-        return <Input.Password {...this.props}/>
-    }
-
-}

package/src/framework/components/field/FieldProps.ts

@@ -1,19 +0,0 @@
-export interface FieldProps {
-
-
-  /**
-   * @description  form表单，read查看， 不填表示表单
-   */
-  mode?:   'form' | 'read'  ;
-
-  /**
-   * @description 值
-   */
-  value?: any;
-
-
-  /**
-   * @description 函数回调，当值变化时
-   */
-  onChange?: (value: any) => void;
-}

package/src/framework/components/field/FieldRemoteTreeCascader.jsx

@@ -1,75 +0,0 @@
-import {Cascader, message, Spin} from 'antd';
-
-import React from 'react';
-import {HttpUtil} from "../../system";
-import {TreeUtil} from "../../utils";
-
-
-/**
- * props : url
- */
-export class FieldRemoteTreeCascader extends React.Component {
-  state = {
-    data: [],
-    value: [],
-    fetching: false,
-    key: this.props.id,
-  };
-
-  componentDidMount() {
-    this.fetchData();
-  }
-
-  componentDidUpdate(prevProps, prevState, snapshot) {
-    this.setState({ url: this.props.url }, () => {
-      this.fetchData();
-    });
-  }
-
-
-
-  fetchData = () => {
-    const { url } = this.props;
-    this.setState({ fetching: true });
-
-    HttpUtil.get(url).then(list => {
-
-      if (!(list instanceof Array)) {
-        message.error('返回结果应该为数组');
-        this.setState({ fetching: false });
-        return;
-      }
-
-      this.setState({ data: list, fetching: false });
-    });
-  };
-
-  handleChange = (arr) => {
-    if (this.props.onChange) {
-      this.props.onChange(arr[arr.length - 1]);
-    }
-  };
-
-  render() {
-    const { data, map, fetching } = this.state;
-    if (fetching) {
-      return <Spin />;
-    }
-    let { value, ...restProps } = this.props;
-
-    let arr = [];
-    if (value != null) {
-      arr = TreeUtil.getKeyList(data, value);
-    }
-
-    return (
-      <Cascader
-        options={data}
-        onChange={this.handleChange}
-        value={arr}
-        fieldNames={{ label: 'title', value: 'key' }}
-        {...restProps}
-      />
-    );
-  }
-}

package/src/framework/components/field/FieldRemoteTreeCheckable.jsx

@@ -1,81 +0,0 @@
-import {Spin, TreeSelect} from 'antd';
-
-import React from 'react';
-import {HttpUtil} from "../../system";
-import {TreeUtil} from "../../utils";
-
-
-/**
- * 带checkbox的tree select
- * props : url
- */
-export class FieldRemoteTreeCheckable extends React.Component {
-
-
-
-  state = {
-    data: [],
-    fetching: false,
-  };
-
-
-  componentDidMount() {
-    const {url} = this.props;
-    this.fetchData(url);
-  }
-
-
-  fetchData = (url) => {
-    this.setState({fetching: true});
-
-    HttpUtil.get(url).then((rs) => {
-      this.setState({data: rs, fetching: false});
-    });
-  };
-
-  handleChange = (value) => {
-    if (this.props.onChange) {
-      this.props.onChange(value);
-    }
-  };
-
-  render() {
-    const {data} = this.state;
-    let {value, mode, onChange, url, ...restProps} = this.props;
-
-    if (this.state.fetching) {
-      return <Spin/>;
-    }
-
-    if (mode === 'read') {
-      return this.renderRead();
-    }
-
-    return (
-      <TreeSelect
-        {...restProps}
-        style={{width: '100%'}}
-        allowClear={true}
-        dropdownStyle={{maxHeight: 400, overflow: 'auto'}}
-        treeData={data}
-        showCheckedStrategy={TreeSelect.SHOW_ALL}
-        treeDefaultExpandAll={false}
-        onChange={this.handleChange}
-        multiple
-        value={value || []}
-        treeCheckable
-        treeLine
-      />
-    );
-  }
-
-  renderRead() {
-    const {value} = this.props;
-    if (value == null) {
-      return '-';
-    }
-    const {data} = this.state;
-    const itemList = TreeUtil.findByKeyList(data, value);
-    return itemList.map((item) => item.title || item.label).join(',');
-  }
-}

package/src/framework/components/field/FieldRemoteTreeMultipleSelect.jsx

@@ -1,100 +0,0 @@
-import {message, TreeSelect} from 'antd';
-
-import React from 'react';
-import {HttpUtil} from "../../system";
-
-/**
- * props : url
- */
-
-export class FieldRemoteTreeMultipleSelect extends React.Component {
-
-  constructor(props) {
-    super(props);
-    this.state = {
-      url: props.url,
-      data: [],
-      value: [],
-      fetching: false,
-      key: this.props.id,
-    };
-  }
-
-  componentDidMount() {
-    this.loadData();
-  }
-
-
-
-  loadData = () => {
-    const {url} = this.state;
-
-    this.setState({fetching: true});
-    HttpUtil.get(url).then((rs) => {
-      if (rs == null || rs.success === false) {
-        message.error(rs?.message || '异常');
-        this.setState({fetching: false});
-        return;
-      }
-
-      this.setState({data: rs, fetching: false});
-    });
-  };
-
-  handleChange = (value) => {
-    if (this.props.onChange) {
-      this.props.onChange(value);
-    }
-  };
-
-
-
-  render() {
-    const {data} = this.state;
-    let {value, mode, onChange, ...restProps} = this.props;
-
-
-    if (mode === 'read') {
-      return this.renderRead();
-    }
-
-    return (
-      <TreeSelect
-        style={{width: '100%'}}
-        allowClear={true}
-        dropdownStyle={{maxHeight: 400, overflow: 'auto'}}
-        treeData={data}
-        showCheckedStrategy={TreeSelect.SHOW_ALL}
-        treeDefaultExpandAll={false}
-
-        multiple
-
-        showArrow={true}
-
-        value={value || undefined}
-        onChange={this.handleChange}
-
-        filterTreeNode={(inputValue, treeNode)=>{
-          const {title} = treeNode
-          return StrUtil.contains(title,inputValue)
-        }}
-
-        treeLine={{showLeafIcon:true}}
-        {...restProps}
-      />
-    );
-  }
-
-  renderRead() {
-    const {value} = this.props;
-    if (value == null) {
-      return '-';
-    }
-
-    const {data} = this.state;
-
-    const itemList = TreeUtil.findByKeyList(data, value);
-
-    return itemList.map((item) => item.title || item.label).join(',');
-  }
-}

package/src/framework/components/field/FieldRemoteTreeSelect.jsx

@@ -1,82 +0,0 @@
-import {Spin, TreeSelect} from 'antd';
-
-import React from 'react';
-import {HttpUtil} from "../../system";
-import {TreeUtil} from "../../utils";
-
-export class FieldRemoteTreeSelect extends React.Component {
-  state = {
-    data: [],
-    value: [],
-    fetching: false,
-    key: this.props.id,
-  };
-
-  componentDidMount() {
-    this.fetchData();
-  }
-
-
-
-
-
-  fetchData = () => {
-    const { url } = this.props;
-    this.setState({ fetching: true });
-
-    HttpUtil.get(url).then((rs) => {
-      this.setState({ data:  rs, fetching: false });
-    });
-  };
-
-  handleChange = (value) => {
-    if (this.props.onChange) {
-      this.props.onChange(value);
-    }
-  };
-
-  render() {
-    const { props } = this;
-    let { mode, value } = props;
-    let { data } = this.state;
-
-    if (this.state.fetching) {
-      return <Spin />;
-    }
-
-    if (mode === 'read') {
-      if (value == null) {
-        return '';
-      }
-
-      const target = TreeUtil.findByKey(data, value);
-      if (target) {
-        return target.title;
-      }
-      return '';
-    }
-
-
-    return (
-      <TreeSelect
-        style={{ width: '100%', minWidth: 200 }}
-        allowClear={true}
-        dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
-        treeData={data}
-        showCheckedStrategy={TreeSelect.SHOW_ALL}
-        treeDefaultExpandAll={false}
-        onChange={this.handleChange}
-
-        filterTreeNode={(inputValue, treeNode)=>{
-          const {title} = treeNode
-          return str.contains(title,inputValue)
-        }}
-        treeLine={{showLeafIcon:true}}
-
-        {...this.props}
-        value={value || undefined}
-        showArrow={true}
-      />
-    );
-  }
-}

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

@@ -1,85 +0,0 @@
-import {ArrayLngLat, Map, Marker} from 'react-amap';
-import React from 'react';
-import {FieldProps} from "../FieldProps";
-
-interface MapProps extends FieldProps {
-
-  /**
-   * @description 经纬度 lng,lat。 默认北京116.405003,39.917742
-   */
-  value: string
-
-  /**
-   * @description 画布宽度
-   */
-  width?: number;
-
-  /**
-   * @description 画布高度
-   */
-  height?: number;
-
-}
-
-
-
-
-/**
- * 设置高德地图key
- * @param key
- */
-export function configAMapKey(key: string) {
-  localStorage.setItem("amapKey", key)
-}
-
-function getAMapKey(): string {
-  return localStorage.getItem("amapKey") || ''
-}
-
-export class FieldSelectPosition extends React.Component<MapProps, any> {
-
-  static defaultProps = {
-    width: 600,
-    height: 400,
-    value: '116.405003,39.917742'
-  }
-
-
-  render() {
-    let {width, height, mode, value} = this.props
-    let disabled = mode == 'read'
-
-    if (!value) {
-      value = FieldSelectPosition.defaultProps.value
-    }
-
-    let [lng, lat] = value.split(',')
-    let position: ArrayLngLat = [parseFloat(lng), parseFloat(lat)];
-
-    return (
-      <div style={{width, height}}>
-        <Map
-          zoomEnable={!disabled}
-          center={position}
-          dragEnable={!disabled}
-          zoom={16}
-          amapkey={getAMapKey()}
-          events={{
-            click: (e:any) => {
-              if (disabled) {
-                return;
-              }
-              const {lnglat} = e;
-              const {lng, lat} = lnglat; // 经纬度
-              if (this.props.onChange) {
-                this.props.onChange(lng + ',' + lat);
-              }
-            },
-          }}
-        >
-          {value && <Marker position={position}/>}
-        </Map>
-      </div>
-    );
-  }
-}

package/src/framework/components/field/FieldTree.jsx

@@ -1,45 +0,0 @@
-import {Tree} from 'antd';
-import React from 'react';
-import {HttpUtil} from "../../system";
-
-
-export  class FieldTree extends React.Component {
-
-
-  state = {
-    treeData:  null,
-    checked: [],
-    confirmLoading: false,
-  }
-  actionRef = React.createRef();
-
-  componentDidMount() {
-    const {url} = this.props;
-    HttpUtil.get(url).then(rs => {
-      this.setState({treeData: rs})
-    })
-
-  }
-
-
-  render() {
-    console.log('checked keys', this.props.value)
-    let {treeData} = this.state
-    return <>
-      <Tree
-        treeData={treeData}
-        multiple
-        checkable
-        checkStrictly={true}
-        checkedKeys={this.props.value}
-        onCheck={(keys)=>this.props.onChange(keys)}
-      >
-      </Tree>
-    </>
-  }
-
-
-}
-
-
-