@jiangood/springboot-admin-starter 0.0.3 → 0.0.4

package/src/framework/field-components/FieldTableSelect.jsx

@@ -0,0 +1,59 @@
+import React from "react";
+import {Button, Select} from "antd";
+import {ProTable} from "../components";
+import {HttpUtils} from "../utils";
+
+/**
+ * 下拉表格
+ */
+export class FieldTableSelect extends React.Component {
+
+    static defaultProps = {
+        placeholder: '请搜索选择',
+    }
+
+    state = {
+        open: false,
+        label: '',
+    }
+
+    render() {
+        return <Select popupRender={this.popupRender}
+                       open={this.state.open}
+                       onOpenChange={v => this.setState({open: v})}
+                       style={{minWidth: 300}}
+                       value={this.props.value}
+                       labelRender={() => this.state.label}
+                       popupMatchSelectWidth={900}
+                       placeholder={this.props.placeholder}
+        />
+    }
+
+
+    popupRender = () => {
+        return <ProTable
+            columns={[...this.props.columns, {
+                title: '操作',
+                dataIndex: 'action',
+                width: 100,
+                render: (text, record) => {
+                    return <Button
+                        size='small'
+                        type='primary'
+                        onClick={() => {
+                            this.setState({
+                                label: record.name,
+                                open: false
+                            })
+                            this.props.onChange(record.id)
+                        }}>选择</Button>
+                }
+            }]}
+            showToolbarSearch
+            request={(params) => {
+                params.selected = this.props.value
+                return HttpUtils.get(this.props.url, params);
+            }}>
+        </ProTable>
+    };
+}

package/src/framework/{components/field/upload → field-components}/FieldUploadFile.d.ts

@@ -1,6 +1,5 @@
 // @ts-ignore
 import React from "react";
-// @ts-ignore
 import {CropperProps} from "react-easy-crop/Cropper";
 import {UploadListType} from "antd/es/upload/interface";
 

package/src/framework/{components/field/upload → field-components}/FieldUploadFile.jsx

@@ -2,9 +2,8 @@ import React from "react";
 import ImgCrop from "antd-img-crop";
 import {Modal, Upload} from "antd";
 import UploadOutlined from "@ant-design/icons/lib/icons/UploadOutlined";
-import {SysUtil} from "../../../system";
-import {ViewFile} from "../../view";
-import {ObjUtil} from "../../../utils";
+import {ViewFile} from "../components";
+import {ObjectUtils} from "../utils";
 
 
 export class FieldUploadFile extends React.Component {
@@ -13,7 +12,6 @@ export class FieldUploadFile extends React.Component {
         // 传入的参数
         maxCount: 1,
         cropImage: false,
-        accept: ".jpg,.png",
 
         // 内部参数
         fileList: [],
@@ -22,7 +20,7 @@ export class FieldUploadFile extends React.Component {
 
     constructor(props) {
         super(props);
-        ObjUtil.copyPropertyIfPresent(props, this.state)
+        ObjectUtils.copyPropertyIfPresent(props, this.state)
         this.state.fileList = this.convertInputToComponentValue(this.state.value);
     }
 
@@ -31,7 +29,7 @@ export class FieldUploadFile extends React.Component {
         if (value && value.length > 0) {
             const arr = value.split(",")
             for (const id of arr) {
-                const url = SysUtil.wrapServerUrl('admin/sysFile/preview/' + id)
+                const url = 'admin/sysFile/preview/' + id
                 let file = {id, url, uid: id, name: id, status: 'done', fileName: id};
                 list.push(file);
             }
@@ -93,7 +91,6 @@ export class FieldUploadFile extends React.Component {
 
 
     handlePreview = (file) => {
-        debugger
         Modal.info({
             title: '文件预览',
             width: '80vw',
@@ -116,11 +113,10 @@ export class FieldUploadFile extends React.Component {
         const {accept, fileList, maxCount} = this.state;
 
         return <Upload
-            action={SysUtil.wrapServerUrl('admin/sysFile/upload')}
+            action={'admin/sysFile/upload'}
             listType={this.props.listType || 'picture-card'}
             fileList={fileList}
             onChange={this.handleChange}
-            headers={SysUtil.getHeaders()}
             multiple={false}
             accept={accept}
             maxCount={maxCount}

package/src/framework/field-components/index.ts

@@ -0,0 +1,20 @@
+// 表单组件，主要属性： value onChange
+export * from './FieldRemoteSelect';
+export * from './FieldRemoteSelectMultiple';
+export * from './FieldRemoteSelectMultipleInline';
+export * from './FieldRemoteTree';
+export * from './FieldDictSelect';
+export * from './FieldEditor'
+export * from './FieldRemoteTreeCascader'
+export * from './FieldRemoteTreeSelect'
+export * from './FieldRemoteTreeSelectMultiple'
+export * from './FieldBoolean';
+export * from './FieldDate';
+export * from './FieldDateRange';
+export * from './FieldTable'
+export * from './FieldTableSelect'
+export * from './FieldSysOrgTreeSelect'
+export * from './FieldSysOrgTree'
+export * from './FieldPercent'
+export * from './FieldUploadFile';
+export * from './system';

package/src/framework/{components/OrgTree.jsx → field-components/system/OrgTree.tsx}

@@ -1,10 +1,10 @@
 import {Alert, Skeleton, Tree} from 'antd';
 import React from 'react';
-import {HttpUtil} from "../system";
 import * as Icons from '@ant-design/icons';
+import {HttpUtils} from "../../utils";
 
 
-export  class OrgTree  extends React.Component {
+export  class OrgTree  extends React.Component<any, any> {
 
     state = {
         treeDataLoading: true,
@@ -15,11 +15,12 @@ export  class OrgTree  extends React.Component {
 
 
     componentDidMount() {
-        HttpUtil.get('admin/sysOrg/unitTree').then(tree => {
+        HttpUtils.get('admin/sysOrg/unitTree').then(tree => {
             this.setState({treeData: tree,treeDataLoading: false})
         })
     }
 
+
     onSelectOrg = orgIds => {
         let orgId = orgIds[0] || null;
         this.props.onChange(orgId)
@@ -44,10 +45,10 @@ export  class OrgTree  extends React.Component {
             showIcon
             blockNode
             icon={item=>{
-                  const icon =  Icons[item.iconName]
-                    if(icon){
-                        return React.createElement(icon)
-                    }
+                const icon =  Icons[item.iconName]
+                if(icon){
+                    return React.createElement(icon)
+                }
             }}
         >
         </Tree>

package/src/framework/{components/RoleTree.jsx → field-components/system/RoleTree.tsx}

@@ -1,10 +1,10 @@
 import {Skeleton, Tree} from 'antd';
 import React from 'react';
-import {HttpUtil} from "../system";
 import {SolutionOutlined} from '@ant-design/icons';
+import {HttpUtils} from "../../utils";
 
 
-export  class RoleTree  extends React.Component {
+export  class RoleTree  extends React.Component<any, any> {
 
     state = {
         treeDataLoading: true,
@@ -15,7 +15,7 @@ export  class RoleTree  extends React.Component {
 
 
     componentDidMount() {
-        HttpUtil.get('admin/sysRole/bizTree').then(tree => {
+        HttpUtils.get('admin/sysRole/bizTree').then(tree => {
             this.setState({treeData: tree,treeDataLoading: false})
         })
     }

package/src/framework/field-components/system/index.ts

@@ -0,0 +1,2 @@
+export * from './OrgTree';
+export * from './RoleTree';

package/src/framework/index.ts

@@ -0,0 +1,4 @@
+export * from './components'
+export * from './utils'
+export * from './field-components'
+export * from './view-components'

package/src/framework/utils/ArrUtils.ts

@@ -0,0 +1,229 @@
+/**
+ * 数组工具类
+ * 提供了一系列对数组进行操作的静态方法。
+ */
+export class ArrUtils {
+
+    /**
+     * 检查数组是否包含某个元素。
+     * @param arr 目标数组。
+     * @param item 要检查的元素。
+     * @returns 如果包含则返回 true，否则返回 false。
+     */
+    static contains<T>(arr: T[], item: T): boolean {
+        return arr.indexOf(item) !== -1;
+    }
+
+    /**
+     * 检查数组是否包含至少一个指定的元素。
+     * 注意：原始实现中的 this.contains(item) 逻辑错误，已修正为检查 arr 是否包含 item。
+     *
+     * @param arr 目标数组。
+     * @param items 要检查的一个或多个元素。
+     * @returns 如果包含任意一个元素则返回 true，否则返回 false。
+     */
+    static containsAny<T>(arr: T[], ...items: T[]): boolean {
+        for (const item of items) {
+            // 这里调用自身的静态方法
+            if (ArrUtils.contains(arr, item)) {
+                return true;
+            }
+        }
+        return false;
+    }
+
+    /**
+     * 在数组末尾添加一个元素。
+     * @param arr 目标数组。
+     * @param item 要添加的元素。
+     */
+    static add<T>(arr: T[], item: T): void {
+        arr.push(item);
+    }
+
+    /**
+     * 在数组的指定索引处添加一个元素。
+     * @param arr 目标数组。
+     * @param index 插入位置的索引。
+     * @param item 要添加的元素。
+     */
+    static addAt<T>(arr: T[], index: number, item: T): void {
+        arr.splice(index, 0, item);
+    }
+
+    /**
+     * 将另一个数组的所有元素追加到目标数组的尾部。
+     * @param arr 目标数组。
+     * @param items 要追加的元素数组。
+     */
+    static addAll<T>(arr: T[], items: T[]): void {
+        // 使用 ES6 的 spread 运算符或 push.apply 效率更高
+        arr.push(...items);
+    }
+
+    /**
+     * 移除数组指定索引处的元素。
+     * @param arr 目标数组。
+     * @param index 要移除元素的索引。
+     */
+    static removeAt<T>(arr: T[], index: number): void {
+        if (index >= 0 && index < arr.length) {
+            arr.splice(index, 1);
+        }
+    }
+
+    /**
+     * 移除数组中第一个匹配的元素。
+     * @param arr 目标数组。
+     * @param item 要移除的元素。
+     */
+    static remove<T>(arr: T[], item: T): void {
+        const index = arr.indexOf(item);
+        if (index !== -1) {
+            // 这里调用自身的静态方法
+            ArrUtils.removeAt(arr, index);
+        }
+    }
+
+    /**
+     * 清空数组。
+     * @param arr 目标数组。
+     */
+    static clear<T>(arr: T[]): void {
+        arr.length = 0;
+    }
+
+    /**
+     * 截取数组的一个子集。
+     * @param arr 目标数组。
+     * @param fromIndex 开始索引（包含）。
+     * @param toIndex 结束索引（不包含）。
+     * @returns 截取后的新数组。
+     */
+    static sub<T>(arr: T[], fromIndex?: number, toIndex?: number): T[] {
+    return arr.slice(fromIndex, toIndex);
+}
+
+/**
+ * 交换数组中两个元素的位置。
+ * @param arr 目标数组。
+ * @param item1 元素1。
+ * @param item2 元素2。
+ */
+static swap<T>(arr: T[], item1: T, item2: T): void {
+    const index1 = arr.indexOf(item1);
+    const index2 = arr.indexOf(item2);
+
+    if (index1 !== -1 && index2 !== -1) {
+    // 使用解构赋值进行交换，更简洁
+    [arr[index1], arr[index2]] = [arr[index2], arr[index1]];
+}
+}
+
+/**
+ * 在数组的指定索引处插入一个元素（与 addAt 相同，保留以兼容原 API）。
+ * @param arr 目标数组。
+ * @param index 插入位置的索引。
+ * @param item 要插入的元素。
+ */
+static insert<T>(arr: T[], index: number, item: T): void {
+    ArrUtils.addAt(arr, index, item);
+}
+
+/**
+ * 如果元素不存在于数组中，则将其添加到数组末尾。
+ * @param arr 目标数组。
+ * @param item 要添加的元素。
+ */
+static pushIfNotExist<T>(arr: T[], item: T): void {
+    if (!ArrUtils.contains(arr, item)) {
+    arr.push(item);
+}
+}
+
+/**
+ * 将新数组中的所有元素添加到目标数组的末尾。
+ * @param arr 目标数组。
+ * @param newArr 要添加的元素数组。
+ */
+static pushAll<T>(arr: T[], newArr: T[]): void {
+    ArrUtils.addAll(arr, newArr);
+}
+
+/**
+ * 获取对象数组中某一属性值最大的对象。
+ * 使用泛型 K 约束 key 必须是 T 的属性，并确保属性值可以进行数值比较。
+ *
+ * @param arr 对象数组。
+ * @param key 用于比较的属性名。
+ * @returns 属性值最大的对象，如果数组为空则返回 undefined。
+ */
+static maxBy<T extends Record<K, any>, K extends keyof T>(
+    arr: T[],
+    key: K
+): T | undefined {
+    if (arr == null || arr.length === 0) {
+        return undefined;
+    }
+
+    let maxElement: T | undefined = undefined;
+    let maxValue: number = -Infinity;
+
+    for (const element of arr) {
+        // 运行时类型检查（虽然 TS 层面已约束 K，但值可能不是数字）
+        const value = element[key];
+
+        // 确保比较的是数字类型
+        if (typeof value === 'number' && value > maxValue) {
+            maxValue = value;
+            maxElement = element;
+        } else if (typeof value !== 'number') {
+            // 可选：如果遇到非数字，可以跳过或根据需求抛出错误/记录警告
+            // console.warn(`Element with key ${String(key)} has non-numeric value: ${value}`);
+        }
+    }
+
+    return maxElement;
+}
+
+/**
+ * 对数组进行去重。
+ * @param arr 目标数组。
+ * @returns 去重后的新数组。
+ */
+static unique<T>(arr: T[]): T[] {
+    return [...new Set(arr)];
+}
+}
+
+// 示例用法（可选）
+/*
+interface User {
+    id: number;
+    score: number;
+    name: string;
+}
+
+const users: User[] = [
+    { id: 1, score: 90, name: 'Alice' },
+    { id: 2, score: 95, name: 'Bob' },
+    { id: 3, score: 88, name: 'Charlie' },
+];
+
+const maxUser = ArrUtil.maxBy(users, 'score');
+console.log(maxUser); // { id: 2, score: 95, name: 'Bob' }
+
+const numbers = [1, 2, 2, 3, 4, 1];
+const uniqueNumbers = ArrUtil.unique(numbers);
+console.log(uniqueNumbers); // [1, 2, 3, 4]
+
+let list = [10, 20];
+ArrUtil.register(list, 30);
+console.log(list); // [10, 20, 30]
+
+ArrUtil.remove(list, 20);
+console.log(list); // [10, 30]
+
+ArrUtil.addAll(list, [40, 50]);
+console.log(list); // [10, 30, 40, 50]
+*/