@giteeteam/apps-team-components 1.3.2 → 1.4.0

package/README.md

@@ -22,3 +22,6 @@ pnpm storybook
 
 # 1.3.x版本
 - team最低版本为4.23.0
+ 
+# 1.4.x版本
+- team最低版本为4.24.0

package/dist/components/fields/status/SelectTransition.d.ts

@@ -8,14 +8,10 @@ interface SelectTransitionProps {
     itemId: string;
     itemData: ItemResultProps;
     currentUser: Record<string, any>;
-    workspace: string;
     setPopoverVisible: (flag: boolean) => void;
     name: string;
     objectId: string;
     workflowData: WorkflowDataProps;
-    roleIds: string[];
-    groupIds: string[];
-    workspaceRoleIds: string[];
     approval: ApprovalData;
     checkIn: CheckInData;
     handleTransition: (updateTask: string, screenId: string, script: string) => void;

package/dist/components/fields/status/SelectTransition.js

@@ -1,16 +1,116 @@
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
-import { memo } from 'react';
+import { useState, useCallback, useEffect, memo } from 'react';
 import { ClassNames } from '@emotion/react';
 import { Spin } from 'antd';
+import useWorkflowConfig from '../../../lib/hooks/useWorkflowConfig.js';
 import { i18n } from '../../../lib/i18n.js';
+import { checkFlowHandler } from '../../../lib/workflow.js';
 import { spinStyle, flowNextStyle, flowWrapperStyle, noPermissionStyle } from './style/index.js';
 import TransitionButton from './TransitionButton.js';
 import View from './View.js';
 
-const SelectTransition = ({ fetching, flowing, tasks, itemId, itemData, currentUser, workspace, setPopoverVisible, name, objectId, workflowData, roleIds, groupIds, workspaceRoleIds, approval, checkIn, handleTransition, readonly, flowHandlerActive, }) => {
-    return (jsx(ClassNames, { children: ({ cx, css }) => (jsxs(Fragment, { children: [fetching ? (jsx(Spin, { css: css(spinStyle) })) : tasks.length ? (jsx("div", { className: cx(css(flowNextStyle), `flow-next-global`), children: jsx("div", { className: cx(css(flowWrapperStyle)), children: tasks.map(task => {
-                            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-                            return (jsx(TransitionButton, { itemId: itemId, loading: flowing, text: task.name, item: itemData, workspace: workspace, userId: currentUser.id, groupIds: groupIds, roleIds: roleIds, workspaceRoleIds: workspaceRoleIds, currentTaskId: task.id, authUsers: (_b = (_a = task.parameters) === null || _a === void 0 ? void 0 : _a.permissionType) === null || _b === void 0 ? void 0 : _b.users, authRoles: (_d = (_c = task.parameters) === null || _c === void 0 ? void 0 : _c.permissionType) === null || _d === void 0 ? void 0 : _d.roles, authGroups: (_f = (_e = task.parameters) === null || _e === void 0 ? void 0 : _e.permissionType) === null || _f === void 0 ? void 0 : _f.groups, authUserFields: (_h = (_g = task.parameters) === null || _g === void 0 ? void 0 : _g.permissionType) === null || _h === void 0 ? void 0 : _h.customFields, authWorkSpaceRoles: (_k = (_j = task.parameters) === null || _j === void 0 ? void 0 : _j.permissionType) === null || _k === void 0 ? void 0 : _k.workspaceRoles, creatorAuth: (_m = (_l = task.parameters) === null || _l === void 0 ? void 0 : _l.permissionType) === null || _m === void 0 ? void 0 : _m.creatorAuth, scriptValidator: (_o = task.parameters) === null || _o === void 0 ? void 0 : _o.scriptValidator, conditions: (_p = task.parameters) === null || _p === void 0 ? void 0 : _p.fieldType, screenId: (_r = (_q = task.parameters) === null || _q === void 0 ? void 0 : _q.screen) === null || _r === void 0 ? void 0 : _r.key, target: task.target, approval: approval, checkIn: checkIn, handleTransition: handleTransition, hiddenPopover: () => setPopoverVisible(false), readonly: readonly, flowHandlerActive: flowHandlerActive }, task.id));
+const ApprovalStatus = {
+    approved: 'approved',
+    rejected: 'rejected',
+};
+const CheckInStatus = {
+    closed: 'closed',
+    pending: 'pending',
+};
+const SelectTransition = ({ fetching, flowing, tasks, itemId, itemData, currentUser, setPopoverVisible, name, objectId, workflowData, approval, checkIn, handleTransition, readonly, flowHandlerActive, }) => {
+    const [transitionList, setTransitionList] = useState([]);
+    const [checkResultList, setCheckResultList] = useState([]);
+    const [init, setInit] = useState(false);
+    const { postCheckTransitions, hideDisabledStatusTransition } = useWorkflowConfig();
+    const checkApproval = useCallback(({ text }) => {
+        var _a;
+        if (!approval.requireApproval)
+            return [true];
+        const approvedTransitions = approval.transition.approved.map(approved => approved.label);
+        const rejectedTransitions = approval.transition.rejected.map(rejected => rejected.label);
+        const unrestrictedTransitions = ((_a = approval.transition.unrestricted) === null || _a === void 0 ? void 0 : _a.map(unrestricted => unrestricted.label)) || [];
+        if ((ApprovalStatus.approved === approval.approvalStatus && approvedTransitions.includes(text)) ||
+            (ApprovalStatus.rejected === approval.approvalStatus && rejectedTransitions.includes(text))) {
+            return [true];
+        }
+        if (![ApprovalStatus.approved, ApprovalStatus.rejected].includes(approval.approvalStatus) &&
+            (unrestrictedTransitions === null || unrestrictedTransitions === void 0 ? void 0 : unrestrictedTransitions.includes(text))) {
+            if (!approval.startApproval) {
+                return [true];
+            }
+            else {
+                return [false, i18n.t('pages.fields.view.unrestrictedStatus')];
+            }
+        }
+        return [false, i18n.t('pages.fields.view.approvalStatus')];
+    }, [approval]);
+    const validateCheckIn = useCallback(() => {
+        if (!checkIn.requireCheckIn)
+            return true;
+        if (checkIn.checkInStatus !== CheckInStatus.pending) {
+            return true;
+        }
+        return false;
+    }, [checkIn]);
+    const checkOneTransition = useCallback(({ text, conditionCheck }) => {
+        const [checkApprovalResult, checkApprovalMessage] = checkApproval({ text });
+        if (!checkApprovalResult) {
+            return {
+                result: false,
+                message: checkApprovalMessage,
+            };
+        }
+        if (!validateCheckIn()) {
+            return {
+                result: false,
+                message: i18n.t('pages.fields.view.checkInStatus'),
+            };
+        }
+        const checkResult = checkFlowHandler(itemData, { userId: currentUser.id }, flowHandlerActive);
+        if (checkResult && !checkResult.result) {
+            return checkResult;
+        }
+        if (!(conditionCheck === null || conditionCheck === void 0 ? void 0 : conditionCheck.result) && conditionCheck) {
+            if (hideDisabledStatusTransition === 'enabled') {
+                return { result: false, isHide: true };
+            }
+            return conditionCheck;
+        }
+        return { result: true };
+    }, [checkApproval, currentUser, flowHandlerActive, hideDisabledStatusTransition, validateCheckIn, itemData]);
+    useEffect(() => {
+        if (!init && workflowData.objectId && tasks.length && postCheckTransitions && itemId) {
+            setInit(true);
+            postCheckTransitions(tasks.map(_transition => ({
+                transitionId: _transition.id,
+                itemId,
+                workflowId: workflowData.objectId,
+            }))).then(_checkResultList => {
+                setCheckResultList(_checkResultList);
+            });
+        }
+    }, [init, itemId, workflowData, postCheckTransitions, tasks, itemData]);
+    useEffect(() => {
+        const _transitionList = [];
+        if (checkResultList.length === 0)
+            return;
+        tasks.forEach(task => {
+            var _a;
+            const conditionCheck = (_a = checkResultList.find(checkResult => checkResult.transitionId === task.id)) === null || _a === void 0 ? void 0 : _a.result;
+            const allResult = checkOneTransition({ text: task.name, conditionCheck });
+            _transitionList.push({
+                data: task,
+                checkResult: allResult,
+            });
+        });
+        setTransitionList(_transitionList);
+    }, [checkResultList, checkOneTransition, itemData, tasks]);
+    return (jsx(ClassNames, { children: ({ cx, css }) => (jsxs(Fragment, { children: [fetching ? (jsx(Spin, { css: css(spinStyle) })) : transitionList.length ? (jsx("div", { className: cx(css(flowNextStyle), `flow-next-global`), children: jsx("div", { className: cx(css(flowWrapperStyle)), children: transitionList
+                            .filter(_task => { var _a; return !((_a = _task === null || _task === void 0 ? void 0 : _task.checkResult) === null || _a === void 0 ? void 0 : _a.isHide); })
+                            .map(_task => {
+                            var _a, _b, _c;
+                            const { data: task, checkResult } = _task;
+                            return (jsx(TransitionButton, { loading: flowing, text: task.name, scriptValidator: (_a = task.parameters) === null || _a === void 0 ? void 0 : _a.scriptValidator, screenId: (_c = (_b = task.parameters) === null || _b === void 0 ? void 0 : _b.screen) === null || _c === void 0 ? void 0 : _c.key, target: task.target, handleTransition: handleTransition, readonly: readonly, conditionCheck: checkResult }, task.id));
                         }) }) })) : (jsx("span", { onClick: () => {
                         setPopoverVisible(false);
                     }, css: css(noPermissionStyle), children: i18n.t('pages.fields.view.noWorkflowOrAuth') })), jsx(View, { workflowData: workflowData, hiddenPopover: () => setPopoverVisible(false), name: name, objectId: objectId })] })) }));

package/dist/components/fields/status/TransitionButton.d.ts

@@ -1,35 +1,20 @@
 import React from 'react';
-import { ItemResultProps } from '../../../lib/types/item';
-import { ApprovalData, CheckInData, ConditionType, ListItemType, NodeItemProps } from '../../../lib/types/workflow';
-interface FlowButtonProps {
-    itemId: string;
+import { NodeItemProps } from '../../../lib/types/workflow';
+interface TransitionButtonProps {
     loading: boolean;
     text: string;
     screenId: string;
-    item: ItemResultProps;
-    workspace: string;
-    authRoles: ListItemType[] | undefined;
-    authUsers: ListItemType[] | undefined;
-    authGroups: ListItemType[] | undefined;
-    authUserFields: ListItemType[] | undefined;
-    authWorkSpaceRoles: ListItemType[] | undefined;
-    creatorAuth: boolean | undefined;
     scriptValidator: string;
-    userId: string;
-    roleIds: string[];
-    groupIds: string[];
-    workspaceRoleIds: string[];
-    currentTaskId: string;
-    conditions?: ConditionType[];
-    approval: ApprovalData;
-    checkIn: CheckInData;
     handleTransition: (updateTask: string, screenId: string, script: string) => void;
     target: NodeItemProps & {
         type?: string;
     };
-    hiddenPopover?: () => void;
     readonly?: boolean;
     flowHandlerActive?: boolean;
+    conditionCheck?: {
+        result: boolean;
+        message: string;
+    };
 }
-declare const _default: React.NamedExoticComponent<FlowButtonProps>;
+declare const _default: React.NamedExoticComponent<TransitionButtonProps>;
 export default _default;

package/dist/components/fields/status/TransitionButton.js

@@ -1,113 +1,22 @@
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
-import { useState, useCallback, useEffect, useMemo, memo } from 'react';
+import { useMemo, memo } from 'react';
 import { css, ClassNames } from '@emotion/react';
 import { Tooltip } from 'antd';
 import { WorkFlowStatusColor } from '../../../lib/global.js';
 import { i18n } from '../../../lib/i18n.js';
-import { checkTransition } from '../../../lib/workflow.js';
 import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip.js';
 import { tipLineStyle, tooltipStyle, iconStyle, stateBoxStyle, flowStateStyle, flowBtnStyle, notAllowedStyle, pointerStyle } from './style/index.js';
 
-const ApprovalStatus = {
-    approved: 'approved',
-    rejected: 'rejected',
-};
-const CheckInStatus = {
-    closed: 'closed',
-    pending: 'pending',
-};
-const FlowButton = ({ loading, screenId, text, item, userId, roleIds, groupIds, workspaceRoleIds, authRoles, authUsers, authGroups, creatorAuth, authUserFields, authWorkSpaceRoles, scriptValidator, approval, checkIn, conditions = [], handleTransition, target, readonly, flowHandlerActive, }) => {
-    const [isCheck, setIsCheck] = useState(true);
-    const [tip, setTip] = useState('');
-    const checkApproval = useCallback(() => {
-        var _a;
-        if (!approval.requireApproval)
-            return true;
-        const approvedTransitions = approval.transition.approved.map(approved => approved.label);
-        const rejectedTransitions = approval.transition.rejected.map(rejected => rejected.label);
-        const unrestrictedTransitions = ((_a = approval.transition.unrestricted) === null || _a === void 0 ? void 0 : _a.map(unrestricted => unrestricted.label)) || [];
-        if ((ApprovalStatus.approved === approval.approvalStatus && approvedTransitions.includes(text)) ||
-            (ApprovalStatus.rejected === approval.approvalStatus && rejectedTransitions.includes(text))) {
-            return true;
-        }
-        if (![ApprovalStatus.approved, ApprovalStatus.rejected].includes(approval.approvalStatus) &&
-            (unrestrictedTransitions === null || unrestrictedTransitions === void 0 ? void 0 : unrestrictedTransitions.includes(text))) {
-            if (!approval.startApproval) {
-                return true;
-            }
-            else {
-                setTip(i18n.t('pages.fields.view.unrestrictedStatus'));
-                return false;
-            }
-        }
-        setTip(i18n.t('pages.fields.view.approvalStatus'));
-        return false;
-    }, [approval, text]);
-    const validateCheckIn = useCallback(() => {
-        if (!checkIn.requireCheckIn)
-            return true;
-        if (checkIn.checkInStatus !== CheckInStatus.pending) {
-            return true;
-        }
-        return false;
-    }, [checkIn]);
-    const checkAuth = useCallback(async () => {
-        setIsCheck(true);
-        if (!checkApproval()) {
-            setIsCheck(false);
-            return;
-        }
-        if (!validateCheckIn()) {
-            setTip(i18n.t('pages.fields.view.checkInStatus'));
-            setIsCheck(false);
-            return;
-        }
-        const transition = {
-            parameters: {
-                fieldType: conditions,
-                permissionType: {
-                    users: authUsers,
-                    roles: authRoles,
-                    groups: authGroups,
-                    workspaceRoles: authWorkSpaceRoles,
-                    customFields: authUserFields,
-                    creatorAuth,
-                },
-            },
-        };
-        const checkResult = checkTransition(item, transition, { userId, roleIds, groupIds, workspaceRoleIds }, flowHandlerActive);
-        if (!checkResult.result) {
-            setTip(checkResult.message);
-            setIsCheck(false);
-        }
-    }, [
-        checkApproval,
-        validateCheckIn,
-        conditions,
-        authUsers,
-        authRoles,
-        authGroups,
-        authWorkSpaceRoles,
-        authUserFields,
-        creatorAuth,
-        item,
-        userId,
-        roleIds,
-        groupIds,
-        workspaceRoleIds,
-        flowHandlerActive,
-    ]);
-    useEffect(() => {
-        checkAuth();
-    }, [checkAuth]);
+const TransitionButton = ({ loading, screenId, text, scriptValidator, handleTransition, target, readonly, conditionCheck, }) => {
     const tipContent = useMemo(() => {
+        const _tip = conditionCheck.message;
         if (readonly)
             return i18n.t('pages.fields.view.readonlyStatus');
-        if (!tip)
+        if (!_tip)
             return '';
-        const contents = tip.split('--');
+        const contents = _tip.split('--');
         return (jsx("div", { children: contents.map((text, index) => (jsx("p", { css: css(tipLineStyle), children: text }, String(index)))) }));
-    }, [tip, readonly]);
+    }, [readonly, conditionCheck]);
     const OverflowText = ({ text, target }) => {
         var _a, _b;
         return (jsxs(Fragment, { children: [jsx(BaseOverflowTooltip, { css: css(tooltipStyle), title: text, children: text }), jsx("span", { css: css(iconStyle), children: " \u2192 " }), jsx("div", { css: css(stateBoxStyle), children: jsx(BaseOverflowTooltip, { css: css(flowStateStyle), style: {
@@ -116,13 +25,13 @@ const FlowButton = ({ loading, screenId, text, item, userId, roleIds, groupIds,
                         }, title: target.name, children: target.name }) })] }));
     };
     return (jsx(ClassNames, { children: ({ cx, css }) => {
-            return isCheck && !readonly ? (jsx("div", { className: cx(css(flowBtnStyle), loading ? css(notAllowedStyle) : css(pointerStyle)), onClick: () => {
+            return conditionCheck ? ((conditionCheck === null || conditionCheck === void 0 ? void 0 : conditionCheck.result) && !readonly ? (jsx("div", { className: cx(css(flowBtnStyle), loading ? css(notAllowedStyle) : css(pointerStyle)), onClick: () => {
                     if (!loading) {
                         handleTransition(text, screenId, scriptValidator);
                     }
-                }, children: jsx(OverflowText, { text: text, target: target }) })) : (jsx(Tooltip, { title: tipContent, placement: "right", children: jsx("div", { className: cx(css(flowBtnStyle), css(notAllowedStyle)), children: jsx(OverflowText, { text: text, target: target }) }) }));
+                }, children: jsx(OverflowText, { text: text, target: target }) })) : (jsx(Tooltip, { title: tipContent, placement: "right", children: jsx("div", { className: cx(css(flowBtnStyle), css(notAllowedStyle)), children: jsx(OverflowText, { text: text, target: target }) }) }))) : null;
         } }));
 };
-var TransitionButton = memo(FlowButton);
+var TransitionButton$1 = memo(TransitionButton);
 
-export { TransitionButton as default };
+export { TransitionButton$1 as default };

package/dist/components/fields/status/TransitionPanel.js

@@ -48,7 +48,7 @@ const TransitionPanel = ({ itemId, itemType, workspace, objectId, onTransitionSu
     }, [itemId, objectId]);
     const { checkTransitionScript, getWorkflowData, getItemStatus, runTransition } = useWorkflowConfig();
     const { currentUser } = useCurrentUser();
-    const [groupIds, roleIds, workspaceRoleIds] = useWorkflowPermission((_a = itemData === null || itemData === void 0 ? void 0 : itemData.workspace) === null || _a === void 0 ? void 0 : _a.objectId);
+    const [groupIds, , workspaceRoleIds] = useWorkflowPermission((_a = itemData === null || itemData === void 0 ? void 0 : itemData.workspace) === null || _a === void 0 ? void 0 : _a.objectId);
     const [tasks, setTasks] = useState([]);
     const [workflowData, setWorkflowData] = useState({ nodes: [], transitions: [] });
     const updateWorkflowMessage = useCallback((workflowData, statusId) => {
@@ -256,7 +256,7 @@ const TransitionPanel = ({ itemId, itemType, workspace, objectId, onTransitionSu
         refreshFlag.current++;
         refresh();
     });
-    return (jsx(ClassNames, { children: () => transitionStep === TransitionStepType.SelectFlowHandler ? (jsx(SelectFlowHandler, { itemId: itemId, task: flowTask, onBack: () => setTransitionStep(TransitionStepType.SelectTransition), users: flowUsers, loading: flowing, loadingUser: loadingFlowUsers, fetchUsers: fetchFlowUsers, handleTransition: handleTransition })) : (jsx(SelectTransition, { fetching: fetching, flowing: flowing, tasks: tasks, itemId: itemId, itemData: itemData, currentUser: currentUser, workspace: workspace, setPopoverVisible: setPopoverVisible, name: name, objectId: objectId, workflowData: workflowData, roleIds: roleIds, groupIds: groupIds, workspaceRoleIds: workspaceRoleIds, approval: approval, checkIn: checkIn, handleTransition: handleTransition, readonly: readonly, flowHandlerActive: flowHandlerActive })) }));
+    return (jsx(ClassNames, { children: () => transitionStep === TransitionStepType.SelectFlowHandler ? (jsx(SelectFlowHandler, { itemId: itemId, task: flowTask, onBack: () => setTransitionStep(TransitionStepType.SelectTransition), users: flowUsers, loading: flowing, loadingUser: loadingFlowUsers, fetchUsers: fetchFlowUsers, handleTransition: handleTransition })) : (jsx(SelectTransition, { fetching: fetching, flowing: flowing, tasks: tasks, itemId: itemId, itemData: itemData, currentUser: currentUser, setPopoverVisible: setPopoverVisible, name: name, objectId: objectId, workflowData: workflowData, approval: approval, checkIn: checkIn, handleTransition: handleTransition, readonly: readonly, flowHandlerActive: flowHandlerActive })) }));
 };
 function getWorkflowConfig(workflow, statusId) {
     var _a, _b, _c, _d, _e;

package/dist/lib/contexts/workflowConfig.d.ts

@@ -5,6 +5,8 @@ export interface IWorkflowConfig {
     getWorkflowData?: (itemId: string) => Promise<any>;
     runTransition?: (params: Record<string, any>) => Promise<any>;
     getItemStatus?: (itemId: string) => Promise<any>;
+    postCheckTransitions?: (params: Record<string, any>[]) => Promise<any>;
+    hideDisabledStatusTransition?: string;
 }
 export interface IWorkflowConfigContext {
     workflow?: IWorkflowConfig;

package/dist/lib/workflow.d.ts

@@ -107,5 +107,6 @@ interface CheckUserPermissionParams {
 export declare function checkUserPermission({ transition, userId, roleIds, groupIds, item, workspaceRoleIds, }: CheckUserPermissionParams): ResultType;
 export declare function checkItemCondition(transition: TransitionProps, item: ItemResultProps): ResultType;
 export declare function checkTransition(item: ItemResultProps, transition: TransitionProps, permissions: WorkflowPermissionType, flowHandlerActive?: boolean): ResultType;
+export declare function checkFlowHandler(item: ItemResultProps, permissions: WorkflowPermissionType, flowHandlerActive?: boolean): ResultType;
 export declare const useWorkflowPermission: (workspaceId: ObjectId) => [ObjectId[], ObjectId[], ObjectId[]];
 export {};

package/dist/lib/workflow.js

@@ -375,6 +375,25 @@ function checkTransition(item, transition, permissions, flowHandlerActive) {
         return conditionCheck;
     return { result: true };
 }
+function checkFlowHandler(item, permissions, flowHandlerActive) {
+    var _a, _b;
+    if (!item)
+        return { result: false };
+    if (flowHandlerActive && ((_b = (_a = item === null || item === void 0 ? void 0 : item.values) === null || _a === void 0 ? void 0 : _a.flowHandler) === null || _b === void 0 ? void 0 : _b.length)) {
+        const flowHandler = item.values.flowHandler;
+        const flowUser = flowHandler.find(user => user.value === permissions.userId);
+        if (flowUser) {
+            return { result: true };
+        }
+        else {
+            const tipUsers = flowHandler.map(user => user.label).join('、');
+            return {
+                result: false,
+                message: i18n.t('libs.default.tipText', { text: `${i18n.t('libs.workflow.flowHandler')}：${tipUsers}` }),
+            };
+        }
+    }
+}
 const useWorkflowPermission = (workspaceId) => {
     const [roles, setRoles] = useState([]);
     const [groups, setGroups] = useState([]);
@@ -397,4 +416,4 @@ const useWorkflowPermission = (workspaceId) => {
     return [groups, roles, workspaceRoles];
 };
 
-export { DropdownConditions, ElementEnum, EmptyConditionList, NodeEnum, NumberConditions, StringConditions, checkItemCondition, checkTransition, checkUserPermission, getScriptUser, isEmptyCondition, useWorkflowPermission };
+export { DropdownConditions, ElementEnum, EmptyConditionList, NodeEnum, NumberConditions, StringConditions, checkFlowHandler, checkItemCondition, checkTransition, checkUserPermission, getScriptUser, isEmptyCondition, useWorkflowPermission };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@giteeteam/apps-team-components",
-  "version": "1.3.2",
+  "version": "1.4.0",
   "description": "Gitee team components",
   "main": "./dist/index.js",
   "module": "./dist/index.js",