@jiangood/open-admin 2.5.2 → 2.5.6

package/src/pages/system/role/index.jsx

@@ -1,7 +1,7 @@
 import {PlusOutlined} from '@ant-design/icons'
 import {Button, Form, Input, InputNumber, Modal, Popconfirm, Select, Transfer, Tree} from 'antd'
 import React from 'react'
-import {ButtonList, FieldBoolean, HttpUtils, Page, PageUtils, ProTable, ViewText} from "../../../framework";
+import {PermActions, FieldBoolean, HttpUtils, Page, PageUtils, ProTable, ViewText} from "../../../framework";
 
 
 export default class extends React.Component {
@@ -131,12 +131,12 @@ export default class extends React.Component {
             render: (_, record) => {
 
                 return (
-                    <ButtonList>
+                    <PermActions>
                         <Button size='small' perm='sys-role:grant-permission'
                                 onClick={() => this.handleEditUser(record)}>用户设置</Button>
 
                         <Button size='small' perm='sys-role:grant-permission' disabled={record.builtin}
-                                onClick={() => PageUtils.open('/system/role/perm?id=' + record.id, '角色权限设置')}>权限设置</Button>
+                                onClick={() => PageUtils.open('/system/role/rolePerm?id=' + record.id, '角色权限设置')}>权限设置</Button>
 
                         <Button size='small' perm='sys-role:update' disabled={record.builtin}
                                 onClick={() => this.handleEdit(record)}>编辑</Button>
@@ -144,7 +144,7 @@ export default class extends React.Component {
                                     onConfirm={() => this.handleDelete(record)}>
                             <Button size='small' disabled={record.builtin}>删除</Button>
                         </Popconfirm>
-                    </ButtonList>
+                    </PermActions>
                 );
             },
         },

package/src/pages/system/role/{perm.jsx → rolePerm.jsx}

@@ -1,7 +1,7 @@
 import React from "react";
 import {Button, Card, Checkbox, Table, Typography} from "antd";
 import {SaveOutlined} from "@ant-design/icons";
-import {ArrayUtils, HttpUtils, Page, PageUtils} from "../../../framework";
+import {HttpUtils, Page, PageUtils} from "../../../framework";
 export default class extends React.Component {
 
 
@@ -80,7 +80,7 @@ export default class extends React.Component {
                 continue;
             }
             menus.push(menuId)
-            ArrayUtils.addAll(perms, ks)
+            perms.push(...ks)
         }
         HttpUtils.post('admin/sysRole/save-perms', {id: this.roleId, perms, menus}).then(rs => {
             //  Page.open(PageUtils.currentPathname(), PageUtils.currentLabel())

package/src/pages/system/user/index.jsx

@@ -2,7 +2,7 @@ import {PlusOutlined} from '@ant-design/icons';
 import {Button, Card, Form, Input, Modal, Popconfirm, Select, Splitter} from 'antd';
 import React from 'react';
 import {
-    ButtonList,
+    PermActions,
     DictUtils,
     FieldBoolean,
     FieldRemoteSelect,
@@ -12,7 +12,7 @@ import {
     Page,
     ProTable,
 } from "../../../framework";
-import UserPerm from "./UserPerm";
+import UserPerm from "./userPerm";
 
 export default class extends React.Component {
 
@@ -119,7 +119,7 @@ export default class extends React.Component {
             dataIndex: 'option',
             fixed: 'right',
             render: (_, record) => {
-                return <ButtonList>
+                return <PermActions>
                     <Button size='small' perm='sys-user:update' onClick={() => this.handleEdit(record)}> 编辑 </Button>
 
                     <Button size='small' perm='sys-user:grant-permission'
@@ -133,7 +133,7 @@ export default class extends React.Component {
                                 onConfirm={() => this.handleDelete(record)}>
                         <Button size='small'>删除</Button>
                     </Popconfirm>
-                </ButtonList>;
+                </PermActions>;
             },
         },
     ];

package/src/framework/components/DownloadFileButton/index.tsx

@@ -1,33 +0,0 @@
-import React from "react";
-import {Button, Modal, Spin} from "antd";
-import {HttpUtils} from "../../utils";
-
-
-export class DownloadFileButton extends React.Component {
-
-    state = {
-        open:false
-    }
-
-    onClick(){
-        const {url, params, children, ...rest} = this.props;
-        this.setState({open:true})
-        HttpUtils.downloadFile(url,params).then(rs=>{
-
-        }).finally(()=>{
-            this.setState({open:false})
-        })
-    }
-
-    render() {
-        const {url, params, children, ...rest} = this.props;
-
-
-        return <> <Button {...rest}>{children}</Button>
-
-            <Modal title='提示' footer={null} mask={{closable: false}} onCancel={()=>{this.setState({open:false})}}>
-                <Spin /> 下载文件中，请勿关闭浏览器
-            </Modal>
-        </>
-    }
-}

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

@@ -1,7 +0,0 @@
-import React from 'react';
-
-type NamedIconProps = {
-    name: string;
-} & React.ComponentProps<typeof import('@ant-design/icons').WarningOutlined>;
-
-export function NamedIcon(props: NamedIconProps): React.ReactElement;

package/src/framework/components/ProTable/utils/index.ts

@@ -1,62 +0,0 @@
-import type { MutableRefObject } from 'react';
-
-interface PageInfo {
-    current: number;
-    pageSize: number;
-    total: number;
-}
-
-interface ActionType {
-    pageInfo: PageInfo;
-    reload: () => void;
-    reset: () => void;
-    setPageInfo: (info: Partial<PageInfo>) => void;
-}
-
-interface ActionProps {
-    onCleanSelected: () => void;
-    resetAll: () => void;
-}
-
-interface UserAction {
-    pageInfo: PageInfo;
-    reload: (resetPageIndex?: boolean) => Promise<void>;
-    reloadAndRest: () => Promise<void>;
-    reset: () => Promise<void>;
-    clearSelected: () => void;
-    setPageInfo: (rest: Partial<PageInfo>) => void;
-}
-
-/**
- * 获取用户的 action 信息
- */
-export function useActionType(
-    ref: MutableRefObject<UserAction | undefined>,
-    action: ActionType,
-    props: ActionProps,
-): void {
-    /** 这里生成action的映射，保证 action 总是使用的最新 只需要渲染一次即可 */
-    const userAction: UserAction = {
-        pageInfo: action.pageInfo,
-        reload: async (resetPageIndex) => {
-            if (resetPageIndex) {
-                await action.setPageInfo({ current: 1 });
-            }
-            action?.reload();
-        },
-        reloadAndRest: async () => {
-            props.onCleanSelected();
-            await action.setPageInfo({ current: 1 });
-            await action?.reload();
-        },
-        reset: async () => {
-            await props.resetAll();
-            await action?.reset?.();
-            await action?.reload();
-        },
-        clearSelected: () => props.onCleanSelected(),
-        setPageInfo: (rest) => action.setPageInfo(rest),
-    };
-    // eslint-disable-next-line no-param-reassign
-    ref.current = userAction;
-}

package/src/framework/fields/FieldRemoteSelectMultipleInline/index.tsx

@@ -1,33 +0,0 @@
-import React from 'react';
-import { Select } from 'antd';
-import { StringUtils } from '../../utils';
-import { BaseRemoteSelect } from '../BaseRemoteSelect';
-
-/**
- * 多选，但是值是字符串，逗号拼接的
- */
-export class FieldRemoteSelectMultipleInline extends BaseRemoteSelect {
-    static defaultProps = {
-        placeholder: '请搜索选择',
-    };
-
-    render() {
-        const { value, onChange, url, ...selectProps } = this.props;
-        const { data, loading } = this.state;
-
-        return (
-            <Select
-                showSearch={this.getShowSearch()}
-                value={StringUtils.split(value, ',')}
-                onChange={(arr) => onChange && onChange(StringUtils.join(arr, ','))}
-                options={data}
-                notFoundContent={this.getNotFoundContent()}
-                style={{ width: '100%', minWidth: 200 }}
-                allowClear
-                mode="multiple"
-                loading={loading}
-                {...selectProps}
-            />
-        );
-    }
-}

package/src/framework/fields/FieldRemoteTreeSelectMultiple/index.tsx

@@ -1,43 +0,0 @@
-import { Spin, TreeSelect } from 'antd';
-import React from 'react';
-import { StringUtils } from '../../utils';
-import { BaseRemoteSelect } from '../BaseRemoteSelect';
-
-export class FieldRemoteTreeSelectMultiple extends BaseRemoteSelect {
-    static defaultProps = {
-        treeDefaultExpandAll: true,
-        style: {
-            width: '100%',
-            minWidth: 200,
-        },
-    };
-
-    getLoadParams() {
-        return undefined;
-    }
-
-    render() {
-        const { value, onChange, style, treeDefaultExpandAll } = this.props;
-        const { data, loading } = this.state;
-
-        if (loading) return <Spin />;
-
-        return (
-            <TreeSelect
-                style={style}
-                allowClear
-                styles={{ popup: { root: { maxHeight: 400, overflow: 'auto' } } }}
-                treeData={data}
-                showCheckedStrategy={TreeSelect.SHOW_ALL}
-                value={value || undefined}
-                onChange={onChange}
-                multiple
-                showSearch={{ filterTreeNode: (inputValue, treeNode) =>
-                    StringUtils.contains(treeNode.title, inputValue)
-                }}
-                treeLine={{ showLeafIcon: true }}
-                treeDefaultExpandAll={treeDefaultExpandAll}
-            />
-        );
-    }
-}

package/src/framework/utils/ArrayUtils.ts

@@ -1,186 +0,0 @@
-/**
- * 数组工具类
- * 提供了一系列对数组进行操作的静态方法。
- */
-export class ArrayUtils {
-
-    /**
-     * 检查数组是否包含某个元素。
-     * @param arr 目标数组。
-     * @param item 要检查的元素。
-     * @returns 如果包含则返回 true，否则返回 false。
-     */
-    static contains<T>(arr: T[], item: T): boolean {
-        return arr.indexOf(item) !== -1;
-    }
-
-    /**
-     * 检查数组是否包含至少一个指定的元素。
-     *
-     * @param arr 目标数组。
-     * @param items 要检查的一个或多个元素。
-     * @returns 如果包含任意一个元素则返回 true，否则返回 false。
-     */
-    static containsAny<T>(arr: T[], ...items: T[]): boolean {
-        for (const item of items) {
-            if (ArrayUtils.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 {
-        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) {
-            ArrayUtils.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 {
-        ArrayUtils.addAt(arr, index, item);
-    }
-
-    /**
-     * 如果元素不存在于数组中，则将其添加到数组末尾。
-     * @param arr 目标数组。
-     * @param item 要添加的元素。
-     */
-    static pushIfNotExist<T>(arr: T[], item: T): void {
-        if (!ArrayUtils.contains(arr, item)) {
-            arr.push(item);
-        }
-    }
-
-    /**
-     * 将新数组中的所有元素添加到目标数组的末尾。
-     * @param arr 目标数组。
-     * @param newArr 要添加的元素数组。
-     */
-    static pushAll<T>(arr: T[], newArr: T[]): void {
-        ArrayUtils.addAll(arr, newArr);
-    }
-
-    /**
-     * 获取对象数组中某一属性值最大的对象。
-     *
-     * @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) {
-            const value = element[key];
-
-            if (typeof value === 'number' && value > maxValue) {
-                maxValue = value;
-                maxElement = element;
-            }
-        }
-
-        return maxElement;
-    }
-
-    /**
-     * 对数组进行去重。
-     * @param arr 目标数组。
-     * @returns 去重后的新数组。
-     */
-    static unique<T>(arr: T[]): T[] {
-        return [...new Set(arr)];
-    }
-}