@giteeteam/apps-team-components 1.2.2-alpha.4 → 1.2.3-alpha.1

package/dist/components/fields/dropdown/ReadView.js

@@ -58,7 +58,22 @@ const DropdownReadView = memo(props => {
             return optionsMap[label] ? getFormattedLabel(optionsMap[label]) : label;
         }
     }, [mode, options, optionsMap, value]);
-    return (_jsx(_Fragment, { children: showValue ? (_jsx(SimpleOverflowToolTip, { title: showValue, children: showValue })) : (_jsx(EmptyField, { readonly: readonly })) }));
+    const showValueTitle = useMemo(() => {
+        var _a;
+        if (!(value === null || value === void 0 ? void 0 : value.length))
+            return '';
+        if ((_a = value[0]) === null || _a === void 0 ? void 0 : _a.label) {
+            return value.map(item => item.label).join(',');
+        }
+        if (!(options === null || options === void 0 ? void 0 : options.length))
+            return '';
+        const result = value
+            .map(item => { var _a; return (item === null || item === void 0 ? void 0 : item.label) || ((_a = options.find(opt => opt.value === handleValue(item))) === null || _a === void 0 ? void 0 : _a.label); })
+            .filter(Boolean)
+            .join(',');
+        return result;
+    }, [options, value]);
+    return (_jsx(_Fragment, { children: showValue ? (_jsx(SimpleOverflowToolTip, { title: showValueTitle, children: showValue })) : (_jsx(EmptyField, { readonly: readonly })) }));
 });
 DropdownReadView.displayName = 'DropdownReadView';
 export default DropdownReadView;

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

@@ -1,15 +1,41 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { memo } from 'react';
+import { memo, useCallback, useEffect, useState } from 'react';
 import { ClassNames } from '@emotion/react';
 import { Spin } from 'antd';
+import useWorkflowConfig from '../../../lib/hooks/useWorkflowConfig';
 import { i18n } from '../../../lib/i18n';
 import { flowNextStyle, flowWrapperStyle, noPermissionStyle, spinStyle } from './style';
 import TransitionButton from './TransitionButton';
 import View from './View';
 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, _s, _t, _u, _v;
-                            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, conditionKey: (_s = task.parameters) === null || _s === void 0 ? void 0 : _s.conditionKey, fieldTypeConditionKey: (_t = task.parameters) === null || _t === void 0 ? void 0 : _t.fieldTypeConditionKey, userConditionKey: (_v = (_u = task.parameters) === null || _u === void 0 ? void 0 : _u.permissionType) === null || _v === void 0 ? void 0 : _v.conditionKey }, task.id));
+    const [init, setInit] = useState(false);
+    const { postCheckTransitions, hideDisabledStatusTransition } = useWorkflowConfig();
+    const [checkResultList, setCheckResultList] = useState([]);
+    const [hideIds, setHideIds] = useState([]);
+    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]);
+    const handleHide = useCallback(id => {
+        setHideIds(c => {
+            if (!c.includes(id)) {
+                return c.concat(id);
+            }
+            return c;
+        });
+    }, []);
+    const isAllHide = tasks.every(task => hideIds.includes(task.id));
+    return (_jsx(ClassNames, { children: ({ cx, css }) => (_jsxs(_Fragment, { children: [fetching ? (_jsx(Spin, { css: css(spinStyle) })) : tasks.length && !isAllHide ? (_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, _s, _t, _u, _v, _w;
+                            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, conditionKey: (_s = task.parameters) === null || _s === void 0 ? void 0 : _s.conditionKey, fieldTypeConditionKey: (_t = task.parameters) === null || _t === void 0 ? void 0 : _t.fieldTypeConditionKey, userConditionKey: (_v = (_u = task.parameters) === null || _u === void 0 ? void 0 : _u.permissionType) === null || _v === void 0 ? void 0 : _v.conditionKey, conditionCheck: (_w = checkResultList.find(checkResult => checkResult.transitionId === task.id)) === null || _w === void 0 ? void 0 : _w.result, hideDisabledStatusTransition: hideDisabledStatusTransition, onHide: handleHide }, 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

@@ -33,6 +33,12 @@ interface FlowButtonProps {
     fieldTypeConditionKey: string;
     userConditionKey: string;
     flowHandlerActive?: boolean;
+    conditionCheck?: {
+        result: boolean;
+        message: string;
+    };
+    hideDisabledStatusTransition?: string;
+    onHide?: (id: string) => void;
 }
 declare const _default: React.NamedExoticComponent<FlowButtonProps>;
 export default _default;

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

@@ -4,7 +4,7 @@ import { ClassNames, css } from '@emotion/react';
 import { Tooltip } from 'antd';
 import { WorkFlowStatusColor } from '../../../lib/global';
 import { i18n } from '../../../lib/i18n';
-import { checkTransition } from '../../../lib/workflow';
+import { checkFlowHandler } from '../../../lib/workflow';
 import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
 import { flowBtnStyle, flowStateStyle, iconStyle, notAllowedStyle, pointerStyle, stateBoxStyle, tipLineStyle, tooltipStyle, } from './style';
 const ApprovalStatus = {
@@ -15,9 +15,10 @@ 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, conditionKey, fieldTypeConditionKey, userConditionKey, flowHandlerActive, }) => {
+const FlowButton = ({ loading, screenId, text, item, userId, authRoles, authUsers, authGroups, creatorAuth, authUserFields, authWorkSpaceRoles, scriptValidator, approval, checkIn, conditions = [], handleTransition, target, readonly, conditionKey, fieldTypeConditionKey, userConditionKey, flowHandlerActive, conditionCheck, hideDisabledStatusTransition, onHide, currentTaskId, }) => {
     const [isCheck, setIsCheck] = useState(true);
     const [tip, setTip] = useState('');
+    const [hide, setHide] = useState(false);
     const checkApproval = useCallback(() => {
         var _a;
         if (!approval.requireApproval)
@@ -77,12 +78,20 @@ const FlowButton = ({ loading, screenId, text, item, userId, roleIds, groupIds,
                 fieldTypeConditionKey,
             },
         };
-        const checkResult = checkTransition(item, transition, { userId, roleIds, groupIds, workspaceRoleIds }, flowHandlerActive);
-        if (!checkResult.result) {
-            setTip(checkResult.message);
+        let checkResult = checkFlowHandler(item, transition, { userId }, flowHandlerActive);
+        if (!checkResult) {
+            checkResult = conditionCheck;
+        }
+        if (!(checkResult === null || checkResult === void 0 ? void 0 : checkResult.result)) {
+            setTip(checkResult === null || checkResult === void 0 ? void 0 : checkResult.message);
             setIsCheck(false);
+            if (hideDisabledStatusTransition === 'enabled') {
+                setHide(true);
+                onHide(currentTaskId);
+            }
         }
     }, [
+        hideDisabledStatusTransition,
         checkApproval,
         validateCheckIn,
         conditions,
@@ -94,13 +103,13 @@ const FlowButton = ({ loading, screenId, text, item, userId, roleIds, groupIds,
         creatorAuth,
         item,
         userId,
-        roleIds,
-        groupIds,
-        workspaceRoleIds,
         conditionKey,
         fieldTypeConditionKey,
         userConditionKey,
         flowHandlerActive,
+        conditionCheck,
+        onHide,
+        currentTaskId,
     ]);
     useEffect(() => {
         checkAuth();
@@ -125,7 +134,7 @@ const FlowButton = ({ loading, screenId, text, item, userId, roleIds, groupIds,
                     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 }) })) : hide ? null : (_jsx(Tooltip, { title: tipContent, placement: "right", children: _jsx("div", { className: cx(css(flowBtnStyle), css(notAllowedStyle)), children: _jsx(OverflowText, { text: text, target: target }) }) }));
         } }));
 };
 export default memo(FlowButton);

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, transition: TransitionProps, permissions: WorkflowPermissionType, flowHandlerActive?: boolean): ResultType;
 export declare const useWorkflowPermission: (workspaceId: ObjectId) => [ObjectId[], ObjectId[], ObjectId[]];
 export {};

package/dist/lib/workflow.js

@@ -440,6 +440,25 @@ export function checkTransition(item, transition, permissions, flowHandlerActive
         }
     }
 }
+export function checkFlowHandler(item, transition, permissions, flowHandlerActive) {
+    var _a, _b;
+    if (!item || !transition)
+        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}` }),
+            };
+        }
+    }
+}
 export const useWorkflowPermission = (workspaceId) => {
     const [roles, setRoles] = useState([]);
     const [groups, setGroups] = useState([]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@giteeteam/apps-team-components",
-  "version": "1.2.2-alpha.4",
+  "version": "1.2.3-alpha.1",
   "description": "Gitee team components",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -64,7 +64,6 @@
     "@emotion/cache": "^11.11.0",
     "@emotion/react": "^11.11.1",
     "debug": "^4.3.4",
-    "fs-extra": "^11.2.0",
     "lodash-es": "^4.17.21"
   }
 }