@bchr/bchr-front-lib 0.4.5 → 0.5.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bchr/bchr-front-lib",
-  "version": "0.4.5",
+  "version": "0.5.2",
   "description": "bchr front lib",
   "main": "lib/index.js",
   "scripts": {
@@ -44,11 +44,14 @@
     "@progress/kendo-react-progressbars": "^3.15.0",
     "@progress/kendo-treeview-react-wrapper": "^2019.4.1014",
     "antd": "^4.5.4",
+    "decimal.js": "^10.4.3",
     "file-saver": "^2.0.5",
     "handsontable": "^7.2.2",
     "jquery": "^3.5.1",
+    "lodash": "^4.17.21",
     "moment": "^2.27.0",
     "query-string": "^6.13.1",
-    "react-loadable": "^5.5.0"
+    "react-loadable": "^5.5.0",
+    "react-uuid": "^2.0.0"
   }
 }

package/src/base/layout/ActionButton.js

@@ -0,0 +1,628 @@
+import React from "react";
+import {Button, Dropdown, Modal, message, Upload} from 'antd';
+import {
+    StopOutlined,
+    PlusOutlined,
+    EditOutlined,
+    SaveOutlined,
+    DeleteOutlined,
+    FilterOutlined,
+    SyncOutlined,
+    SearchOutlined,
+    UndoOutlined,
+    CheckSquareOutlined,
+    CaretDownOutlined,
+    CloseOutlined,
+    BarsOutlined,
+    SendOutlined
+} from '@ant-design/icons';
+import {
+    SettingOutlined,
+    ExportOutlined,
+    ImportOutlined,
+    UploadOutlined,
+    DownloadOutlined,
+    ThunderboltOutlined,
+    CheckCircleOutlined,
+    LockOutlined,
+    UnlockOutlined,
+    CheckOutlined,
+    SwapLeftOutlined,
+    CopyOutlined,
+    ClearOutlined
+} from '@ant-design/icons';
+import { UnorderedListOutlined, SnippetsTwoTone } from '@ant-design/icons';
+import http from "../../services/http";
+import lodash from "lodash";
+import {Values} from "../utils";
+
+const ActionButtonTypes = {
+    NewAdd      : "newAdd",
+    Browse      : "browse",
+    Modify      : "modify",
+    Save        : "save",
+    Select      : "select",
+    ModalSelect : "modalSelect",
+    Attachment  : "attachment",
+    Delete      : "delete",
+    Query       : "query",
+    Refresh     : "refresh",
+    Search      : "search",
+    ReturnBack  : "returnBack",
+    OK          : "ok",
+    Copy        : "copy",
+    Cancel      : "cancel",
+    Close       : "close",
+    Setting     : "setting",
+    Submit      : "submit",
+    CallBack    : "callBack",
+    Approve     : "approve",
+    Reject      : "reject",
+    Export      : "export",
+    Import      : "import",
+    Upload      : "upload",
+    Download    : "download",
+    Invalid     : "invalid",
+    Effect      : "effect",
+    Enable      : "enable",
+    Disable     : "disable",
+    More        : "more",
+    AddLine     : "addLine",
+    Clear       : "clear",
+    Stop        : "stop",
+    Issue       : "issue",
+    CancelIssue : "cancelIssue",
+    Up          : "up",
+    Down        : "down",
+    TimeConfig  : "timeConfig",
+}
+
+const buildActionButton = function(props, subActionButton, innerLine) {
+    let loading = props.loading != null ? props.loading : false;
+    let icon        = props.icon;
+    let btnLabel    = props.btnText;
+    let type        = "tertiary";
+    let theme       = "light";
+    let confirmMsg   = null;
+    let confirmType  = null;
+    let checkField   = null;
+    let checkData    = null;
+    let hasBtnLabel = props.btnText !== null && props.btnText !== undefined;
+
+    switch (props.actionType) {
+        case ActionButtonTypes.NewAdd : {
+            icon     = icon ? icon : <PlusOutlined />;
+            btnLabel = hasBtnLabel ? props.btnText : "新增";
+            type     = "primary";
+            theme    = "solid";
+            break;
+        }
+        case ActionButtonTypes.Browse : {
+            icon     = icon ? icon : <BarsOutlined />
+            btnLabel = hasBtnLabel ? props.btnText : "浏览";
+            type     = "primary";
+            theme    = "solid";
+            break;
+        }
+        case ActionButtonTypes.Modify : {
+            icon     = icon ? icon : <EditOutlined />
+            btnLabel = hasBtnLabel ? props.btnText : "修改";
+            break;
+        }
+        case ActionButtonTypes.Save : {
+            icon     = icon ? icon : <SaveOutlined />
+            btnLabel = hasBtnLabel ? props.btnText : "保存";
+            type     = "primary";
+            theme    = "solid";
+            break;
+        }
+        case ActionButtonTypes.Select : {
+            icon     = icon ? icon : <UnorderedListOutlined />
+            btnLabel = hasBtnLabel ? props.btnText : "选择";
+            type     = "primary";
+            theme    = "solid";
+            break;
+        }
+        case ActionButtonTypes.ModalSelect : {
+            icon     = icon ? icon : <UnorderedListOutlined />
+            break;
+        }
+        case ActionButtonTypes.Attachment : {
+            icon     = icon ? icon : <SnippetsTwoTone />
+            btnLabel = hasBtnLabel ? props.btnText : "附件";
+            break;
+        }
+        case ActionButtonTypes.Delete : {
+            icon     = icon ? icon : <DeleteOutlined />
+            btnLabel = hasBtnLabel ? props.btnText : "删除";
+            type     = "danger";
+            theme    = "solid";
+            confirmMsg = "确定要删除[options]记录吗?";
+            break;
+        }
+        case ActionButtonTypes.Stop : {
+            icon     = icon ? icon : <StopOutlined />
+            btnLabel = hasBtnLabel ? props.btnText : "终止";
+            type     = "danger";
+            theme    = "solid";
+            confirmMsg = "确定要终止[options]记录吗?";
+            break;
+        }
+        case ActionButtonTypes.Copy : {
+            icon     = icon ? icon : <CopyOutlined />
+            btnLabel = hasBtnLabel ? props.btnText : "复制";
+            break;
+        }
+        case ActionButtonTypes.Query : {
+            icon     = icon ? icon : <FilterOutlined />
+            btnLabel = hasBtnLabel ? props.btnText : "查询";
+            break;
+        }
+        case ActionButtonTypes.Refresh : {
+            icon     = icon ? icon : <SyncOutlined />
+            btnLabel = hasBtnLabel ? props.btnText : "刷新";
+            break;
+        }
+        case ActionButtonTypes.Search : {
+            icon     = icon ? icon : <SearchOutlined />
+            btnLabel = hasBtnLabel ? props.btnText : "检索";
+            break;
+        }
+        case ActionButtonTypes.ReturnBack : {
+            icon     = icon ? icon : <UndoOutlined />
+            btnLabel = hasBtnLabel ? props.btnText : "返回";
+            break;
+        }
+        case ActionButtonTypes.OK : {
+            icon     = icon ? icon : <CheckSquareOutlined />
+            btnLabel = hasBtnLabel ? props.btnText : "确定";
+            type     = "primary";
+            theme    = "solid";
+            break;
+        }
+        case ActionButtonTypes.Cancel : {
+            icon       = icon ? icon : <SwapLeftOutlined />
+            btnLabel   = hasBtnLabel ? props.btnText : "取消";
+            type       = "warning"
+            confirmMsg = "确定要取消[options]吗?";
+            theme      = "solid";
+            break;
+        }
+        case ActionButtonTypes.Close : {
+            icon     = icon ? icon : <CloseOutlined />
+            btnLabel = hasBtnLabel ? props.btnText : "关闭";
+            break;
+        }
+        case ActionButtonTypes.Setting : {
+            icon     = icon ? icon : <SettingOutlined />
+            btnLabel = hasBtnLabel ? props.btnText : "设置";
+            break;
+        }
+        case ActionButtonTypes.Submit : {
+            icon     = icon ? icon : <SendOutlined />
+            btnLabel = hasBtnLabel ? props.btnText : "提交";
+            type     = "primary";
+            theme    = "solid";
+            break;
+        }
+        case ActionButtonTypes.CallBack : {
+            icon       = icon ? icon : <SwapLeftOutlined />
+            type       = hasBtnLabel ? props.btnText : "warning"
+            btnLabel   = hasBtnLabel ? props.btnText : "收回";
+            confirmMsg = "确定要收回[options]吗?";
+            theme      = "solid";
+            type       = "primary";
+            break;
+        }
+        case ActionButtonTypes.Approve : {
+            icon     = icon ? icon : <CheckCircleOutlined />
+            btnLabel = hasBtnLabel ? props.btnText : "审批";
+            type     = "warning"
+            break;
+        }
+        case ActionButtonTypes.Reject : {
+            icon      = icon ? icon : <ClearOutlined />
+            type      = "warning";
+            btnLabel  = hasBtnLabel ? props.btnText : "驳回";
+            theme     = "solid";
+            break;
+        }
+        case ActionButtonTypes.Export : {
+            icon     = icon ? icon : <ExportOutlined />
+            btnLabel = hasBtnLabel ? props.btnText : "导出";
+            break;
+        }
+        case ActionButtonTypes.Import : {
+            icon     = icon ? icon : <ImportOutlined />
+            btnLabel = hasBtnLabel ? props.btnText : "导入";
+            break;
+        }
+        case ActionButtonTypes.Download : {
+            icon     = icon ? icon : <DownloadOutlined />
+            btnLabel = hasBtnLabel ? props.btnText : "下载";
+            break;
+        }
+        case ActionButtonTypes.Upload : {
+            icon     = icon ? icon : <UploadOutlined />
+            btnLabel = hasBtnLabel ? props.btnText : "上传";
+            break;
+        }
+        case ActionButtonTypes.Invalid : {
+            icon     = icon ? icon : <CheckCircleOutlined />
+            type       = hasBtnLabel ? props.btnText : "warning"
+            btnLabel   = "撤销生效";
+            confirmMsg = "确定要撤销生效[options]吗?";
+            theme      = "solid";
+            break;
+        }
+        case ActionButtonTypes.Effect : {
+            icon     = icon ? icon : <CheckCircleOutlined />
+            type     = "primary"
+            btnLabel = hasBtnLabel ? props.btnText : "生效";
+            theme    = "solid";
+            break;
+        }
+        case ActionButtonTypes.Issue : {
+            icon     = icon ? icon : <span className="iconfont icon-personal-issue"/>
+            btnLabel = hasBtnLabel ? props.btnText : "下发";
+            break;
+        }
+        case ActionButtonTypes.CancelIssue : {
+            icon     = icon ? icon : <span className="iconfont icon-personal-cancel-issue"/>
+            btnLabel = hasBtnLabel ? props.btnText : "取消下发";
+            break;
+        }
+        case ActionButtonTypes.Up : {
+            icon     = icon ? icon : <span className="iconfont icon-personal-arrow-line-left"/>
+            btnLabel = hasBtnLabel ? props.btnText : "上一条";
+            break;
+        }
+        case ActionButtonTypes.Down : {
+            icon     = icon ? icon : <span className="iconfont icon-personal-arrow-line-right"/>
+            btnLabel = hasBtnLabel ? props.btnText : "下一条";
+            break;
+        }
+        case ActionButtonTypes.TimeConfig : {
+            icon     = icon ? icon : <span className="iconfont icon-personal-overtime-ledger"/>
+            btnLabel = hasBtnLabel ? props.btnText : "任务设定";
+            break;
+        }
+        case ActionButtonTypes.Enable : {
+            icon     = icon ? icon : <UnlockOutlined />
+            type     = "primary"
+            btnLabel = hasBtnLabel ? props.btnText : "启用";
+            theme    = "solid";
+            break;
+        }
+        case ActionButtonTypes.Disable : {
+            icon     = icon ? icon : <LockOutlined />
+            type     = "warning"
+            btnLabel = hasBtnLabel ? props.btnText : "禁用";
+            theme    = "solid";
+            confirmMsg = "确定要禁用[options]记录吗?";
+            break;
+        }
+        case ActionButtonTypes.More : {
+            icon     = icon ? icon : <CaretDownOutlined />
+            btnLabel = hasBtnLabel ? props.btnText : "更多";
+            break;
+        }
+        case ActionButtonTypes.AddLine : {
+            icon     = icon ? icon : <CopyOutlined />
+            btnLabel = hasBtnLabel ? props.btnText : "增行";
+            break;
+        }
+        case ActionButtonTypes.Clear : {
+            icon     = icon ? icon : <ClearOutlined />
+            btnLabel = hasBtnLabel ? props.btnText : "清除";
+            type     = "warning"
+            theme    = "solid";
+            break;
+        }
+    }
+
+    if (!icon) {
+        icon = <ThunderboltOutlined />;
+    }
+
+    let buttonProps = {
+        ...props
+    }
+
+    if (buttonProps.moreProps) {
+        delete buttonProps.moreProps;
+    }
+
+    if (buttonProps.actionType) {
+        delete buttonProps.actionType;
+    }
+
+    if (hasBtnLabel) {
+        delete buttonProps.btnText;
+    }
+
+    if (buttonProps.confirmmsg) {
+        if (Values.isEmpty(buttonProps.checkField) || Values.isEmpty(buttonProps.checkData)) {
+            throw new Error("Please enter the check field and table data before transmitting the check field and table data");
+        }
+
+        checkField = buttonProps.checkField;
+        checkData = buttonProps.checkData;
+        confirmMsg = buttonProps.confirmmsg;
+
+        delete buttonProps.checkField;
+        delete buttonProps.checkData;
+        delete buttonProps.confirmmsg;
+    }
+
+    if (buttonProps.confirmtype) {
+        confirmType = buttonProps.confirmtype;
+
+        delete buttonProps.confirmtype;
+    }
+
+    if (buttonProps.children) delete buttonProps.children;
+    if (!buttonProps.icon)  buttonProps.icon  = icon;
+    if (!buttonProps.type)  buttonProps.type  = type;
+    if (!buttonProps.theme) buttonProps.theme = theme;
+
+    if (innerLine) {
+        if (!buttonProps.size) {
+            buttonProps.size = "small";
+        }
+    }
+
+    if (confirmMsg && confirmMsg.trim().length > 0 && typeof buttonProps.onClick === "function") {
+        let onClickHandler  = buttonProps.onClick;
+        let onCancelHandler = buttonProps.onCancel;
+
+        let modalOptions = {
+            title    : '提示',
+            content  : confirmMsg,
+            onOk     : onClickHandler,
+            onCancel : onCancelHandler,
+            cancelButtonProps : {icon: <UndoOutlined />},
+            okButtonProps : {type: buttonProps.type, theme : "solid", icon: <CheckOutlined />}
+        };
+        buttonProps.onClick = function() {
+            if (Values.isEmpty(checkField) || Values.isEmpty(checkData)) {
+                throw new Error("Please enter the check field and table data before transmitting the check field and table data");
+            }
+
+            let checkedNames = [];
+            if (Values.isNotEmpty(checkField) && Values.isNotEmpty(checkData)) {
+                if (Array.isArray(checkData)) {
+                    let selectedData = checkData.filter(item => item.selected);
+                    if (Values.isNotEmptyArray(selectedData)) {
+                        selectedData.forEach(check => {
+                            checkedNames.push(check[checkField]);
+                        })
+                    }
+                    else {
+                        message.warning('未找到选中的记录，请检查选中状态');
+                        return
+                    }
+                }
+                else if (lodash.isPlainObject(checkData)) {
+                    checkedNames.push(checkData[checkField]);
+                }
+            }
+
+            modalOptions.content.replace('[options]', checkedNames.join(','));
+
+            if (confirmType) {
+                if (confirmType === 'danger') {
+                    modalOptions.title = '错误';
+                    Modal.error(modalOptions);
+                }
+                else if (confirmType === 'warning') {
+                    modalOptions.title = '警告';
+                    Modal.warning(modalOptions);
+                }
+                else {
+                    Modal.confirm(modalOptions);
+                }
+            } else {
+                if (buttonProps.type === "danger") {
+                    modalOptions.title = '错误';
+                    Modal.error(modalOptions);
+                }
+                else if (buttonProps.type === "warning") {
+                    modalOptions.title = '警告';
+                    Modal.warning(modalOptions);
+                }
+                else {
+                    Modal.confirm(modalOptions);
+                }
+            }
+        }
+    }
+
+    if (!props.onClick && (props.actionType === ActionButtonTypes.Upload || props.actionType === ActionButtonTypes.Import)) {
+
+        let fileLimit = props.fileLimit;
+        let dragSubText = "支持任意类型文件";
+        if (fileLimit && fileLimit != "*" && fileLimit.length > 1) {
+            dragSubText = "支持文件类型：" + fileLimit.replaceAll(".", "").replaceAll(",", "、");
+        }
+
+        if (buttonProps.action) delete buttonProps.action;
+        if (buttonProps.data) delete buttonProps.data;
+        if (buttonProps.onFileChange) delete buttonProps.onFileChange;
+        if (buttonProps.fileList) delete buttonProps.fileList;
+        if (buttonProps.fileLimit) delete buttonProps.fileLimit;
+        if ("showUploadList" in buttonProps) delete buttonProps.showUploadList;
+        if ("simpleUploadMode" in buttonProps) delete buttonProps.simpleUploadMode;
+
+        let actionPath = '';
+        if (props.action) {
+            if (props.action.indexOf('/') !== -1) {
+                actionPath = props.action
+            } else {
+                actionPath = http.getRequestPath(props.action);
+            }
+        } else {
+            actionPath = http.getRequestPath('uploadFile');
+        }
+
+        let uploadProps = {}
+
+        if (props.fileList) {
+            uploadProps.fileList = props.fileList;
+        }
+
+        if (props.simpleUploadMode) {
+            let {data} = props;
+            let lastProvidedData = data;
+            if (lodash.isFunction(data)) {
+                lastProvidedData = data();
+            }
+            return <Upload
+                action={actionPath}
+                defaultFileList={props.defaultFileList}
+                data={lastProvidedData}
+                uploadTrigger={props.action ? 'auto' : "custom"}
+                beforeRemove={props.beforeRemove}
+                onFileChange={props.onFileChange}
+                onSuccess={(event, file) => {
+                    message.success(`${file.name}文件导入成功！`);
+                    props.onFileChange(event, 'success');
+                }}
+                onError={(e, file, fileList, xhr) => {
+                    http.dealAjaxException(xhr);
+                }}
+                showUploadList={props.showUploadList}
+                {...uploadProps}
+                fileLimit={fileLimit}
+                accept={props.accept}
+                showClear={props.showClear}
+                draggable={true}
+                dragMainText={props.dragMainText || "点击上传文件或拖拽文件到这里"}
+                dragSubText={props.dragSubText || dragSubText}
+            ><Button {...buttonProps}>{props.children ? props.children : btnLabel}</Button></Upload>
+        }
+        else {
+            buttonProps.onClick = function() {
+                if (buttonProps.validate === undefined || buttonProps.validate) {
+                    let actionPath = '';
+                    if (props.action) {
+                        if (props.action.indexOf('/') !== -1) {
+                            actionPath = props.action
+                        } else {
+                            actionPath = http.getRequestPath(props.action);
+                        }
+                    } else {
+                        actionPath = http.getRequestPath('uploadFile');
+                    }
+                    const uploadModal = Modal.info({
+                        'icon' : null,
+                        'title': props.uploadTitle || ' ',
+                        'okButtonProps' : {icon: <CheckOutlined />},
+                        'cancelButtonProps' : {icon: <UndoOutlined />},
+                        'footer': '',
+                        'content': <Upload
+                            action={actionPath}
+                            data={props.data ? props.data : null}
+                            uploadTrigger={props.action ? 'auto' : "custom"}
+                            onError={(e, file, fileList, xhr) => {
+                                http.dealAjaxException(xhr);
+                            }}
+                            onFileChange={props.onFileChange}
+                            onSuccess={(event, file) => {
+                                message.success(`${file.name}文件导入成功！`);
+                                props.onFileChange(event, 'success');
+                                uploadModal.destroy();
+                            }}
+                            showUploadList={props.showUploadList}
+                            {...uploadProps}
+                            fileLimit={fileLimit}
+                            draggable={true}
+                            dragMainText={props.dragMainText || "点击上传文件或拖拽文件到这里"}
+                            dragSubText={props.dragSubText || dragSubText}/>
+                    });
+                } else {
+                    if (lodash.isFunction(buttonProps.validateChange)) {
+                        buttonProps.validateChange();
+                    }
+                }
+            }
+        }
+    }
+
+    if (props.actionType === ActionButtonTypes.ReturnBack && typeof buttonProps.onClick !== "function") {
+        buttonProps.onClick = function() {
+            http.goBack();
+        }
+    }
+
+    if (subActionButton) {
+        return <Dropdown.Item {...buttonProps}>{props.children ? props.children : btnLabel}</Dropdown.Item>
+    }
+    else {
+        if (props.actionType === ActionButtonTypes.More) {
+            return <Button {...buttonProps}>{btnLabel}</Button>
+        }
+        else if (props.actionType === ActionButtonTypes.Down) {
+            delete buttonProps.icon;
+            return <Button {...buttonProps}>{btnLabel} {icon}</Button>
+        }
+        else {
+            return <Button {...buttonProps}>{props.children ? props.children : btnLabel}</Button>
+        }
+    }
+}
+
+const ActionButton = function(props) {
+    if (props.actionType === ActionButtonTypes.More) {
+        return <Dropdown
+            {...props.moreProps}
+            zIndex={1000}
+            trigger={props.moreProps?.trigger ? props.moreProps?.trigger : 'hover'}
+            position={props.moreProps?.position ? props.moreProps?.position : 'bottomLeft'}
+            render={
+                <Dropdown.Menu>
+                    {props.children}
+                </Dropdown.Menu>
+            }>
+            {buildActionButton(props, false, false)}
+        </Dropdown>
+    }
+    else {
+        return buildActionButton(props, false, false);
+    }
+}
+
+const SubActionButton = function(props) {
+    return buildActionButton(props, true, false);
+}
+
+const InnerLineActionButton = function(props) {
+    if (props.actionType === ActionButtonTypes.More) {
+        return <Dropdown
+            trigger={props.trigger ? props.trigger : 'hover'}
+            position={props.position ? props.position : 'bottomLeft'}
+            render={
+                <Dropdown.Menu>
+                    {props.children}
+                </Dropdown.Menu>
+            }
+        >
+            {buildActionButton(props, false, true)}
+        </Dropdown>
+    }
+    else {
+        return buildActionButton(props, false, true);
+    }
+}
+
+const SubInnerLineActionButton = function(props) {
+    return buildActionButton(props, true, true);
+}
+
+export {
+    ActionButtonTypes,
+    ActionButton,
+    SubActionButton,
+    InnerLineActionButton,
+    SubInnerLineActionButton
+}

package/src/base/utils/Arrays.js

@@ -0,0 +1,29 @@
+import lodash from 'lodash';
+
+
+const Arrays = {
+
+    /**
+     * 检查两个数组是否有相同的内容
+     */
+    isHasSameContent(arr1, arr2) {
+        if (arr1 === arr2) {
+            return true;
+        }
+
+        if (!lodash.isArray(arr1) || !lodash.isArray(arr2)) {
+            return false;
+        }
+
+        if (arr1.length !== arr2.length) {
+            return false;
+        }
+
+        const sortedArray1 = arr1.slice().sort();
+        const sortedArray2 = arr2.slice().sort();
+
+        return sortedArray1.every((value, index) => value === sortedArray2[index]);
+    }
+}
+
+export default Arrays;