@giteeteam/apps-team-components 1.2.0-alpha.1 → 1.2.0-alpha.3

package/dist/components/fields/actors/BaseField.d.ts

@@ -1,8 +1 @@
-import type { ObjectId, User as UserTyped } from '../../../lib/types/models';
-type UserOption = {
-    label: string;
-    value: ObjectId;
-    key: string;
-};
-export declare const formatUserOption: (actorData: UserTyped) => UserOption;
-export {};
+export declare const formatUserOption: (actorData: any) => any;

package/dist/components/fields/actors/BaseField.js

@@ -1,5 +1,5 @@
 import { userOptionAdapter } from '../../../lib/users';
-export const formatUserOption = (actorData) => {
+export const formatUserOption = actorData => {
     const isUserData = !!(actorData === null || actorData === void 0 ? void 0 : actorData.username) && (actorData === null || actorData === void 0 ? void 0 : actorData.enabled);
     if (isUserData)
         return userOptionAdapter(actorData);

package/dist/components/fields/data-quote/utils.d.ts

@@ -1,5 +1,3 @@
 import { Item } from '../../../lib/types/models';
 import { selectValue as selectValueProps } from '../dropdown/BaseField';
-export declare const DATA_QUOTE_OPTION_FORMAT_REG: RegExp;
-export declare const dataQuoteOptionFormat: (data: Item, display?: string) => selectValueProps;
 export declare const dataQuoteInit: (dates: Item[], value: string[], display?: string) => selectValueProps[];

package/dist/components/fields/data-quote/utils.js

@@ -1,30 +1,26 @@
-export const DATA_QUOTE_OPTION_FORMAT_REG = /{(\S+?)}/g;
-export const dataQuoteOptionFormat = (data, display) => {
-    var _a, _b, _c;
-    if (!data)
-        return undefined;
-    const dataCopy = {
-        ...data,
-        status: (_a = data.status) === null || _a === void 0 ? void 0 : _a.name,
-        itemType: (_b = data.itemType) === null || _b === void 0 ? void 0 : _b.name,
-    };
-    return {
-        label: display
-            ? display.replace(DATA_QUOTE_OPTION_FORMAT_REG, function (itemKey) {
-                const key = itemKey.slice(1, itemKey.length - 1);
-                return dataCopy[key] || (data.values && data.values[key]) || '';
-            })
-            : data.name,
-        value: data.objectId,
-        name: data.name,
-        key: data.key,
-        itemType: data.itemType,
-        icon: (_c = data === null || data === void 0 ? void 0 : data.itemType) === null || _c === void 0 ? void 0 : _c.icon,
-        values: data.values,
-    };
-};
 export const dataQuoteInit = (dates, value, display) => {
-    const existedDataList = dates === null || dates === void 0 ? void 0 : dates.filter(data => value === null || value === void 0 ? void 0 : value.includes(data.objectId));
-    const dataInit = existedDataList === null || existedDataList === void 0 ? void 0 : existedDataList.map(existedData => dataQuoteOptionFormat(existedData, display));
+    const regex = /({\S+?})/g;
+    const existedDatas = dates === null || dates === void 0 ? void 0 : dates.filter(data => value === null || value === void 0 ? void 0 : value.includes(data.objectId));
+    const dataInit = existedDatas === null || existedDatas === void 0 ? void 0 : existedDatas.map(existedData => {
+        var _a, _b, _c;
+        const dataCopy = {
+            ...existedData,
+            status: (_a = existedData.status) === null || _a === void 0 ? void 0 : _a.name,
+            itemType: (_b = existedData.itemType) === null || _b === void 0 ? void 0 : _b.name,
+        };
+        const values = existedData.values || {};
+        return {
+            label: display
+                ? display.replace(regex, function (itemKey) {
+                    const key = itemKey.slice(1, itemKey.length - 1);
+                    return dataCopy[key] || values[key] || '';
+                })
+                : existedData.name,
+            value: existedData.objectId,
+            itemType: existedData.itemType,
+            icon: (_c = existedData === null || existedData === void 0 ? void 0 : existedData.itemType) === null || _c === void 0 ? void 0 : _c.icon,
+            values: existedData.values,
+        };
+    });
     return dataInit;
 };

package/dist/components/fields/dropdown/BaseField.d.ts

@@ -2,6 +2,5 @@
 export interface selectValue {
     label: React.ReactNode;
     value: string | number;
-    [key: string]: any;
 }
 export declare const handleValue: (value: selectValue | string | number) => string | number;

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

@@ -12,7 +12,7 @@ const StatusCell = React.memo(props => {
         setShowData({ objectId, name, type });
         onChange === null || onChange === void 0 ? void 0 : onChange({ objectId, name, type });
     }, [onChange]);
-    return (_jsx("div", { className: `${overlayClsName} field-cell-layout field-layout ${!readonly ? 'pointer' : ''}`, children: readonly ? (_jsx(ReadView, { value: showData, readonly: true })) : (_jsx(Transition, { itemId: itemId, ...showData, apply: "cell", workspace: workspaceId, itemType: itemTypeId, onTransitionSuccess: handleChange })) }));
+    return (_jsx("div", { className: `${overlayClsName} field-cell-layout field-layout ${!readonly ? 'pointer' : ''}`, children: readonly ? (_jsx(ReadView, { value: showData, readonly: true })) : (_jsx(Transition, { itemId: itemId, ...showData, ...(props.flowHandler || {}), apply: "cell", workspace: workspaceId, itemType: itemTypeId, onTransitionSuccess: handleChange })) }));
 });
 StatusCell.displayName = 'StatusCell';
 export default StatusCell;

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

@@ -23,4 +23,5 @@ export type StatusProps = FieldProps & {
     searchComponent?: boolean;
     onChange?: (value?: any) => void;
     children?: React.ReactNode;
+    flowHandler?: Record<string, any>;
 };

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

@@ -0,0 +1,16 @@
+import React from 'react';
+interface SelectFlowHandlerProps {
+    itemId: string;
+    onBack: () => void;
+    task: Record<string, any>;
+    users: Array<Record<string, any>>;
+    loading: boolean;
+    loadingUser: boolean;
+    fetchUsers: (itemId: string, status: string, keyword?: string) => Promise<void>;
+    handleTransition: (updateTask: string, screenId: string, script: string, flowHandler?: Array<{
+        label: string;
+        value: string;
+    }>) => void;
+}
+declare const _default: React.NamedExoticComponent<SelectFlowHandlerProps>;
+export default _default;

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

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import React, { memo, useCallback, useEffect } from 'react';
+import { ClassNames, css } from '@emotion/react';
+import { Button, Input, message, Spin } from 'antd';
+import { cloneDeep, debounce } from 'lodash-es';
+import { ArrowBackIcon, DoneIcon, SearchIcon } from '../../../icons';
+import { WorkFlowStatusColor } from '../../../lib/global';
+import { i18n } from '../../../lib/i18n';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
+import { FlowHandlerHeader, FlowHandlerSearchWrapper, FlowHandlerSelectContent, FlowHandlerSelectItem, FlowHandlerSelectMessage, FlowHandlerSubmitWrapper, FlowHandlerWrapper, flowStateStyle, iconStyle, overflowStyle, overflowStyleText, stateBoxStyle, tooltipStyle, } from './style';
+const SelectFlowHandler = ({ itemId, task, onBack, users, loading, loadingUser, fetchUsers, handleTransition, }) => {
+    var _a, _b, _c;
+    const [selectedUsers, setSelectedUsers] = React.useState([]);
+    const [selectedUserIds, setSelectedUserIds] = React.useState([]);
+    useEffect(() => {
+        fetchUsers(itemId, task === null || task === void 0 ? void 0 : task.targetId);
+    }, [itemId, task === null || task === void 0 ? void 0 : task.targetId, fetchUsers]);
+    const onSearch = debounce(useCallback((value) => {
+        fetchUsers(itemId, task === null || task === void 0 ? void 0 : task.targetId, value);
+    }, [fetchUsers, task === null || task === void 0 ? void 0 : task.targetId, itemId]), 300);
+    const selectUser = useCallback(userData => {
+        const userId = selectedUserIds.find(id => id === userData.objectId);
+        let newIds = [], newUsers = [];
+        if (!userId) {
+            newIds = selectedUserIds.concat(userData.objectId);
+            newUsers = selectedUsers.concat(userData);
+        }
+        else {
+            newIds = selectedUserIds.filter(id => id !== userData.objectId);
+            newUsers = selectedUsers.filter(user => user.objectId !== userData.objectId);
+        }
+        setSelectedUsers(newUsers);
+        setSelectedUserIds(newIds);
+    }, [selectedUserIds, selectedUsers]);
+    const selectAll = useCallback(() => {
+        setSelectedUsers(cloneDeep(users));
+        setSelectedUserIds(cloneDeep(users.map(user => user.objectId)));
+    }, [users]);
+    const clearSelect = useCallback(() => {
+        setSelectedUsers([]);
+        setSelectedUserIds([]);
+    }, []);
+    const onSubmit = useCallback(() => {
+        var _a, _b, _c;
+        if (!selectedUserIds.length) {
+            message.error(i18n.t('pages.workflow.flowHandler.message'));
+            return;
+        }
+        const submitUsers = selectedUsers.map(user => ({
+            deleted: user.deleted,
+            enabled: user.enabled,
+            nickname: user.nickname,
+            username: user.username,
+            label: user.nickname ? `${user.nickname}(${user.username})` : user.username,
+            value: user.objectId,
+        }));
+        handleTransition(task.name, (_b = (_a = task.parameters) === null || _a === void 0 ? void 0 : _a.screen) === null || _b === void 0 ? void 0 : _b.key, (_c = task.parameters) === null || _c === void 0 ? void 0 : _c.scriptValidator, submitUsers);
+    }, [
+        handleTransition,
+        selectedUserIds.length,
+        selectedUsers,
+        task.name,
+        (_b = (_a = task.parameters) === null || _a === void 0 ? void 0 : _a.screen) === null || _b === void 0 ? void 0 : _b.key,
+        (_c = task.parameters) === null || _c === void 0 ? void 0 : _c.scriptValidator,
+    ]);
+    const OverflowText = () => {
+        var _a, _b;
+        return (_jsxs("div", { css: css(overflowStyle), children: [_jsx(BaseOverflowTooltip, { css: css(tooltipStyle, overflowStyleText), title: task.name, children: task.name }), _jsx("span", { css: css(iconStyle), children: " \u2192 " }), _jsx("div", { css: css(stateBoxStyle), children: _jsx(BaseOverflowTooltip, { css: css(flowStateStyle, overflowStyleText), style: {
+                            backgroundColor: (_a = WorkFlowStatusColor[task.target.type]) === null || _a === void 0 ? void 0 : _a.bgColor,
+                            color: (_b = WorkFlowStatusColor[task.target.type]) === null || _b === void 0 ? void 0 : _b.color,
+                        }, title: task.target.name, children: task.target.name }) })] }));
+    };
+    return (_jsx(ClassNames, { children: ({ cx, css }) => (_jsxs("div", { className: cx(css(FlowHandlerWrapper)), children: [_jsxs("header", { className: cx(css(FlowHandlerHeader)), children: [_jsx("span", { className: "back-wrapper", onClick: () => onBack === null || onBack === void 0 ? void 0 : onBack(), children: _jsx(ArrowBackIcon, { className: "icon-back" }) }), _jsx("span", { children: i18n.t('pages.workflow.flowHandler.title') })] }), task && _jsx(OverflowText, {}), _jsxs("div", { className: cx(css(FlowHandlerSearchWrapper)), children: [_jsx(SearchIcon, { className: "icon-search" }), _jsx(Input, { className: "search-input", placeholder: i18n.t('pages.workflow.flowHandler.search'), onChange: e => onSearch === null || onSearch === void 0 ? void 0 : onSearch(e.target.value), allowClear: true })] }), _jsxs("div", { className: cx(css(FlowHandlerSelectMessage)), children: [_jsx("span", { onClick: selectAll, children: i18n.t('pages.workflow.flowHandler.selectAll') }), _jsx("span", { children: i18n.t('pages.workflow.flowHandler.count', { count: selectedUserIds.length }) }), _jsx("span", { onClick: clearSelect, children: i18n.t('pages.workflow.flowHandler.clear') })] }), _jsx("div", { className: cx(css(FlowHandlerSelectContent)), children: _jsx(Spin, { spinning: loadingUser, className: "loading", children: users.map(user => (_jsxs("div", { className: cx(css(FlowHandlerSelectItem), { active: selectedUserIds.includes(user.objectId) }), onClick: () => selectUser(user), children: [user.username, " ", user.nickname ? `(${user.nickname})` : '', _jsx("span", { children: selectedUserIds.includes(user.objectId) && _jsx(DoneIcon, { className: "icon-done" }) })] }, user.objectId))) }) }), _jsx("div", { className: cx(css(FlowHandlerSubmitWrapper)), children: _jsx(Button, { type: "primary", onClick: onSubmit, loading: loading, children: i18n.t('pages.workflow.flowHandler.submit') }) })] })) }));
+};
+export default memo(SelectFlowHandler);

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { ItemResultProps } from '../../../lib/types/item';
+import { ApprovalData, CheckInData, WorkflowDataProps } from '../../../lib/types/workflow';
+interface SelectTransitionProps {
+    fetching: boolean;
+    flowing: boolean;
+    tasks: Record<string, any>[];
+    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;
+    readonly: boolean;
+    flowHandlerActive?: boolean;
+}
+declare const _default: React.NamedExoticComponent<SelectTransitionProps>;
+export default _default;

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { memo } from 'react';
+import { ClassNames } from '@emotion/react';
+import { Spin } from 'antd';
+import { i18n } from '../../../lib/i18n';
+import { flowNextStyle, 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", { 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));
+                        }) }) })) : (_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 })] })) }));
+};
+export default memo(SelectTransition);

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

@@ -11,6 +11,10 @@ interface TransitionComponentProps {
     apply?: string;
     readonly?: boolean;
     onTransitionSuccess?: (status: Status) => void;
+    flowHandlerActive?: boolean;
+    flowUsers: Array<Record<string, any>>;
+    loadingFlowUsers: boolean;
+    fetchFlowUsers: (itemId: string, status: string, keyword?: string) => Promise<void>;
 }
 declare const _default: React.NamedExoticComponent<TransitionComponentProps>;
 export default _default;

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

@@ -11,7 +11,7 @@ import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowToolt
 import { caretDownStyle, flowStateButtonStyle, flowStateInWorkflowStyle, flowStateStyle, noStateStyle, stateBtnStyle, statePopoverStyle, workflowContentStyle, } from './style';
 import TransitionPanel from './TransitionPanel';
 const Transition = props => {
-    const { itemId, itemType, workspace, objectId, onTransitionSuccess, name, type, readonly, apply } = props;
+    const { itemId, itemType, workspace, objectId, onTransitionSuccess, name, type, readonly, apply, flowUsers, loadingFlowUsers, fetchFlowUsers, } = props;
     const [popoverVisible, setPopoverVisible] = useState(false);
     const [flowing, setFlowing] = useState(false);
     const isProcessing = useRef(false);
@@ -35,7 +35,7 @@ const Transition = props => {
                             return;
                         }
                         setPopoverVisible(visible);
-                    }, getPopupContainer: () => document.body, trigger: "click", placement: "bottomLeft", content: _jsx(TransitionPanel, { itemId: itemId, itemType: itemType, workspace: workspace, objectId: showData.objectId, onTransitionSuccess: transitionSuccess, name: name, readonly: readonly, setPopoverVisible: setPopoverVisible, isProcessing: isProcessing, flowing: flowing, setFlowing: setFlowing }), children: _jsxs(Button, { type: "link", className: cx('status-btn', css(flowStateStyle), css(flowStateInWorkflowStyle), css(flowStateButtonStyle), css(stateBtnStyle), {
+                    }, getPopupContainer: () => document.body, trigger: "click", placement: "bottomLeft", content: _jsx(TransitionPanel, { itemId: itemId, itemType: itemType, workspace: workspace, objectId: showData.objectId, onTransitionSuccess: transitionSuccess, name: name, readonly: readonly, setPopoverVisible: setPopoverVisible, isProcessing: isProcessing, flowing: flowing, setFlowing: setFlowing, flowHandlerActive: props.flowHandlerActive, flowUsers: flowUsers, loadingFlowUsers: loadingFlowUsers, fetchFlowUsers: fetchFlowUsers }), children: _jsxs(Button, { type: "link", className: cx('status-btn', css(flowStateStyle), css(flowStateInWorkflowStyle), css(flowStateButtonStyle), css(stateBtnStyle), {
                             [css(noStateStyle)]: !showData.name,
                         }), style: {
                             backgroundColor: (_a = WorkFlowStatusColor[showData.type]) === null || _a === void 0 ? void 0 : _a.bgColor,

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

@@ -29,9 +29,7 @@ interface FlowButtonProps {
     };
     hiddenPopover?: () => void;
     readonly?: boolean;
-    conditionKey: string;
-    fieldTypeConditionKey: string;
-    userConditionKey: string;
+    flowHandlerActive?: boolean;
 }
 declare const _default: React.NamedExoticComponent<FlowButtonProps>;
 export default _default;

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

@@ -15,7 +15,7 @@ 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, }) => {
+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(() => {
@@ -62,7 +62,6 @@ const FlowButton = ({ loading, screenId, text, item, userId, roleIds, groupIds,
             return;
         }
         const transition = {
-            conditionKey,
             parameters: {
                 fieldType: conditions,
                 permissionType: {
@@ -72,12 +71,10 @@ const FlowButton = ({ loading, screenId, text, item, userId, roleIds, groupIds,
                     workspaceRoles: authWorkSpaceRoles,
                     customFields: authUserFields,
                     creatorAuth,
-                    conditionKey: userConditionKey,
                 },
-                fieldTypeConditionKey,
             },
         };
-        const checkResult = checkTransition(item, transition, { userId, roleIds, groupIds, workspaceRoleIds });
+        const checkResult = checkTransition(item, transition, { userId, roleIds, groupIds, workspaceRoleIds }, flowHandlerActive);
         if (!checkResult.result) {
             setTip(checkResult.message);
             setIsCheck(false);
@@ -97,9 +94,7 @@ const FlowButton = ({ loading, screenId, text, item, userId, roleIds, groupIds,
         roleIds,
         groupIds,
         workspaceRoleIds,
-        conditionKey,
-        fieldTypeConditionKey,
-        userConditionKey,
+        flowHandlerActive,
     ]);
     useEffect(() => {
         checkAuth();

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

@@ -13,6 +13,10 @@ interface TransitionPanelProps {
     isProcessing: React.MutableRefObject<boolean>;
     flowing: boolean;
     setFlowing: (flowing: boolean) => void;
+    flowHandlerActive?: boolean;
+    flowUsers: Array<Record<string, any>>;
+    loadingFlowUsers: boolean;
+    fetchFlowUsers: (itemId: string, status: string, keyword?: string) => Promise<void>;
 }
 declare const _default: React.NamedExoticComponent<TransitionPanelProps>;
 export default _default;

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

@@ -1,8 +1,8 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { memo, useCallback, useEffect, useRef, useState } from 'react';
 import { ClassNames } from '@emotion/react';
 import { proximaSdk, useListener } from '@giteeteam/proxima-sdk-js';
-import { message, Spin } from 'antd';
+import { message } from 'antd';
 import debug from 'debug';
 import { cloneDeep } from 'lodash-es';
 import useCurrentUser from '../../../lib/hooks/useCurrentUser';
@@ -10,10 +10,14 @@ import useWorkflowConfig from '../../../lib/hooks/useWorkflowConfig';
 import { i18n } from '../../../lib/i18n';
 import { getScriptUser, useWorkflowPermission } from '../../../lib/workflow';
 import { useItem } from '../../item/hooks';
-import { flowNextStyle, noPermissionStyle, spinStyle } from './style';
-import TransitionButton from './TransitionButton';
-import View from './View';
+import SelectFlowHandler from './SelectFlowHandler';
+import SelectTransition from './SelectTransition';
 const logger = debug('TransitionPanel');
+var TransitionStepType;
+(function (TransitionStepType) {
+    TransitionStepType["SelectTransition"] = "SelectTransition";
+    TransitionStepType["SelectFlowHandler"] = "SelectFlowHandler";
+})(TransitionStepType || (TransitionStepType = {}));
 const PROPERTY_ACTION_SORT_KEY = 'opsbar-sequence';
 const DEFAULT_APPROVAL_DATA = {
     requireApproval: false,
@@ -22,7 +26,7 @@ const DEFAULT_APPROVAL_DATA = {
     startApproval: false,
 };
 const DEFAULT_CHECK_IN_DATA = { requireCheckIn: false, checkInStatus: '', transition: null };
-const TransitionPanel = ({ itemId, itemType, workspace, objectId, onTransitionSuccess, name, readonly, setPopoverVisible, isProcessing, flowing, setFlowing, }) => {
+const TransitionPanel = ({ itemId, itemType, workspace, objectId, onTransitionSuccess, name, readonly, setPopoverVisible, isProcessing, flowing, setFlowing, flowHandlerActive, flowUsers, loadingFlowUsers, fetchFlowUsers, }) => {
     var _a;
     const [updateTransitionText, setUpdateTransitionText] = useState('');
     const { itemData, mutate: itemMutate } = useItem(itemId, true);
@@ -31,6 +35,9 @@ const TransitionPanel = ({ itemId, itemType, workspace, objectId, onTransitionSu
     const [fetching, setFetching] = useState(true);
     const [approval, setApproval] = useState(cloneDeep(DEFAULT_APPROVAL_DATA));
     const [checkIn, setCheckIn] = useState(cloneDeep(DEFAULT_CHECK_IN_DATA));
+    const [transitionStep, setTransitionStep] = useState(TransitionStepType.SelectTransition);
+    const [flowTask, setFlowTask] = useState({});
+    const [currentFlowHandler, setCurrentFlowHandler] = useState(undefined);
     const newItem = useRef(itemId);
     useEffect(() => {
         setStatusId(objectId);
@@ -111,6 +118,7 @@ const TransitionPanel = ({ itemId, itemType, workspace, objectId, onTransitionSu
         proximaSdk.execute('updateCheckInInfo', status.objectId);
     }, [itemId, itemMutate, onTransitionSuccess]);
     const submitHandle = useCallback(async (transitionText, itemDetail = null) => {
+        console.info('currentFlowHandler', currentFlowHandler);
         const params = {
             workflowId: workflowData.objectId,
             currentState: statusId,
@@ -120,6 +128,7 @@ const TransitionPanel = ({ itemId, itemType, workspace, objectId, onTransitionSu
             reporter: itemDetail === null || itemDetail === void 0 ? void 0 : itemDetail.reporter,
             securityLevel: itemDetail === null || itemDetail === void 0 ? void 0 : itemDetail.securityLevel,
             values: itemDetail === null || itemDetail === void 0 ? void 0 : itemDetail.values,
+            flowHandler: (itemDetail === null || itemDetail === void 0 ? void 0 : itemDetail.flowHandler) || currentFlowHandler,
         };
         try {
             setFlowing(true);
@@ -158,11 +167,23 @@ const TransitionPanel = ({ itemId, itemType, workspace, objectId, onTransitionSu
             setFlowing(false);
             setPopoverVisible(false);
         }
-    }, [itemId, workflowData.objectId, statusId, onTransitionSuccess, runTransition, getItemStatus]);
+    }, [itemId, workflowData.objectId, statusId, onTransitionSuccess, runTransition, getItemStatus, currentFlowHandler]);
     const submitTransition = useCallback(async (itemDetail) => {
         await submitHandle(updateTransitionText, itemDetail);
     }, [submitHandle, updateTransitionText]);
-    const handleTransition = useCallback(async (transitionText, screenId, scriptValidator) => {
+    const handleTransition = useCallback(async (transitionText, screenId, scriptValidator, flowHandler) => {
+        if (flowHandlerActive) {
+            if (transitionStep === TransitionStepType.SelectTransition) {
+                setCurrentFlowHandler(undefined);
+                setFlowTask(tasks.find(task => task.name === transitionText));
+                setTransitionStep(TransitionStepType.SelectFlowHandler);
+                return;
+            }
+            else {
+                console.info('flowHandler', flowHandler);
+                setCurrentFlowHandler(flowHandler);
+            }
+        }
         setFlowing(true);
         try {
             const params = {
@@ -185,7 +206,7 @@ const TransitionPanel = ({ itemId, itemType, workspace, objectId, onTransitionSu
             setFlowing(false);
         }
         if (!screenId) {
-            submitHandle(transitionText);
+            submitHandle(transitionText, { flowHandler });
         }
         else {
             isProcessing.current = true;
@@ -198,7 +219,10 @@ const TransitionPanel = ({ itemId, itemType, workspace, objectId, onTransitionSu
             setUpdateTransitionText(transitionText);
         }
     }, [
+        flowHandlerActive,
+        transitionStep,
         setFlowing,
+        tasks,
         itemId,
         itemType,
         workspace,
@@ -207,9 +231,9 @@ const TransitionPanel = ({ itemId, itemType, workspace, objectId, onTransitionSu
         itemData,
         workspaceRoleIds,
         groupIds,
-        isProcessing,
-        submitHandle,
         checkTransitionScript,
+        submitHandle,
+        isProcessing,
     ]);
     useListener('itemTransitionSuccess', async ({ itemId: editItemId, transition: editTransition, itemData }) => {
         if (editItemId === itemId && editTransition === updateTransitionText && isProcessing.current) {
@@ -231,12 +255,7 @@ const TransitionPanel = ({ itemId, itemType, workspace, objectId, onTransitionSu
         refreshFlag.current++;
         refresh();
     });
-    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", { 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, 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));
-                        }) }) })) : (_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 })] })) }));
+    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 })) }));
 };
 function getWorkflowConfig(workflow, statusId) {
     var _a, _b, _c, _d, _e;

package/dist/components/fields/status/style/index.d.ts

@@ -10,11 +10,21 @@ export declare const noStateStyle = "\n  color: #909aaa;\n  background: #F1F2F4;
 export declare const caretDownStyle = "\n  padding-left: 2px;\n  margin-left: 0;\n  line-height: 10px;\n";
 export declare const statusViewGlobalStyle = "\n.field-layout.status-view {\n  position: relative;\n  padding: 10px;\n  margin: -12px;\n  margin-top: 10px;\n  font-size: 12px;\n  cursor: pointer;\n  border-top: 1px solid #ddd;\n}\n\n.field-layout.status-view .status-view-watch {\n  width: 12px;\n  height: 12px;\n  margin-right: 5px;\n  font-size: 12px;\n  vertical-align: middle;\n}\n";
 export declare const tipLineStyle = "\n  margin-bottom: 0;\n";
-export declare const tooltipStyle = "\n  width: 80px;\n";
+export declare const tooltipStyle = "\n  width: 98px;\n";
 export declare const iconStyle = "\n  padding: 0 6px;\n  color: #848C9F;\n";
-export declare const stateBoxStyle = "\n  display: flex;\n  width: 80px;\n\n  span {\n    padding-right: 8px;\n  }\n";
+export declare const stateBoxStyle = "\n  display: flex;\n  width: 98px;\n\n  span {\n    padding-right: 8px;\n  }\n";
 export declare const flowBtnStyle = "\n  display: flex;\n  padding: 5px 10px;\n  margin: 0;\n\n  &:hover {\n    background-color: var(--select-item-selected-bg, #e6f3ff);\n  }\n";
 export declare const notAllowedStyle = "\n  cursor: not-allowed;\n  opacity: 0.3;\n";
 export declare const pointerStyle = "\n  cursor: pointer;\n";
 export declare const spinStyle = "\n  width: 150px;\n  height: 50px;\n";
 export declare const noPermissionStyle = "\n  display: block;\n  width: 120px;\n  padding: 20px 10px 10px;\n  font-size: 12px;\n  color: #2e405e;\n";
+export declare const overflowStyle = "\n  display: flex;\n  margin-top: 4px;\n";
+export declare const overflowStyleText = "\n  flex: 1;\n";
+export declare const FlowHandlerWrapper = "\n  width: 216px;\n";
+export declare const FlowHandlerHeader = "\n  position: relative;\n  font-size: 14px;\n  text-align: center;\n  line-height: 22px;\n  .back-wrapper {\n    position: absolute;\n    left: 0;\n    top: 0;\n    cursor: pointer;\n  }\n  .icon-back {\n    font-size: 16px !important;\n    width: 16px !important;\n  }\n";
+export declare const FlowHandlerSearchWrapper = "\n  margin: 0 -12px;\n  margin-top: 6px;\n  padding: 5px 10px;\n  border-top: 1px solid #f1f2f4;\n  border-bottom: 1px solid #f1f2f4;\n\n  .icon-search {\n    position: relative;\n    top: 2px;\n    color: #b5bac5;\n    font-size: 16px !important;\n    width: 16px !important;\n  }\n  .search-input {\n    padding-left: 6px;\n    border: none;\n    width: 196px;\n    outline: none;\n    fill: none;\n    box-shadow: none !important;\n  }\n";
+export declare const FlowHandlerSelectWrapper = "\n  margin: 0 -12px;\n  padding: 9px 10px;\n  .icon-arrow-down {\n    position: relative;\n    top: 2px; \n    color: #b5bac5;\n    font-size: 16px !important;\n    width: 16px !important;\n  }\n  .select-input {\n    border: none;\n    display: inline-block;\n    width: 196px;\n    outline: none;\n    fill: none;\n    box-shadow: none;\n    &:focus {\n      box-shadow: none;\n    }\n  }\n  .select-input::placeholder {\n    color: #b5bac5;\n  }\n  }\n";
+export declare const FlowHandlerSelectMessage = "\n  margin: 0 -12px;\n  padding: 6px 12px;\n  display: flex;\n  font-size: 12px;\n  color: #091940;\n  border-bottom: 1px solid #f1f2f4;\n\n  span:nth-child(1) {\n    position: relative;\n    color: #0C62FF;\n    cursor: pointer;\n    &:hover {\n      color: #091940;\n    }\n\n    &:after {\n      content: '';\n      position: absolute;\n      height: 14px;\n      top: 2px;\n      right: -10px;\n      border-right: 1px solid #f1f2f4;\n    }\n  }\n  span:nth-child(2) {\n    padding-left: 18px;\n    flex: 1;\n    \n  }\n  span:nth-child(3) {\n    color: #0c62ff;\n    cursor: pointer;\n    &:hover {\n      color: #091940;\n    }\n  }\n";
+export declare const FlowHandlerSelectContent = "\n  min-height: 200px;\n  max-height: 200px;\n  overflow-y: auto;\n  margin: 0 -12px;\n  .loading {\n    height: 200px !important;\n  }\n";
+export declare const FlowHandlerSelectItem = "\n  position: relative;\n  margin: 0 4px;\n  padding: 5px 12px;\n  font-size: 14px;\n  color: #091940;\n  cursor: pointer;\n  border-radius: 4px;\n\n  .icon-done {\n    position: absolute;\n    top: 10px;\n    right: 14px;\n    width: 12px;\n    height: 12px;\n    color: #0C62FF;\n    scale: 1.2;\n  }\n\n  &:hover {\n    background-color: #f1f2f4;\n  }\n\n  &.active {\n    background-color: #E6F3FF;\n    font-weight: 600;\n  }\n";
+export declare const FlowHandlerSubmitWrapper = "\n  border-top: 1px solid #f1f2f4;\n  padding: 6px 0;\n  margin-bottom: -12px;\n  text-align: right;\n";

package/dist/components/fields/status/style/index.js

@@ -111,7 +111,7 @@ export const tipLineStyle = `
   margin-bottom: 0;
 `;
 export const tooltipStyle = `
-  width: 80px;
+  width: 98px;
 `;
 export const iconStyle = `
   padding: 0 6px;
@@ -119,7 +119,7 @@ export const iconStyle = `
 `;
 export const stateBoxStyle = `
   display: flex;
-  width: 80px;
+  width: 98px;
 
   span {
     padding-right: 8px;
@@ -152,3 +152,159 @@ export const noPermissionStyle = `
   font-size: 12px;
   color: #2e405e;
 `;
+export const overflowStyle = `
+  display: flex;
+  margin-top: 4px;
+`;
+export const overflowStyleText = `
+  flex: 1;
+`;
+export const FlowHandlerWrapper = `
+  width: 216px;
+`;
+export const FlowHandlerHeader = `
+  position: relative;
+  font-size: 14px;
+  text-align: center;
+  line-height: 22px;
+  .back-wrapper {
+    position: absolute;
+    left: 0;
+    top: 0;
+    cursor: pointer;
+  }
+  .icon-back {
+    font-size: 16px !important;
+    width: 16px !important;
+  }
+`;
+export const FlowHandlerSearchWrapper = `
+  margin: 0 -12px;
+  margin-top: 6px;
+  padding: 5px 10px;
+  border-top: 1px solid #f1f2f4;
+  border-bottom: 1px solid #f1f2f4;
+
+  .icon-search {
+    position: relative;
+    top: 2px;
+    color: #b5bac5;
+    font-size: 16px !important;
+    width: 16px !important;
+  }
+  .search-input {
+    padding-left: 6px;
+    border: none;
+    width: 196px;
+    outline: none;
+    fill: none;
+    box-shadow: none !important;
+  }
+`;
+export const FlowHandlerSelectWrapper = `
+  margin: 0 -12px;
+  padding: 9px 10px;
+  .icon-arrow-down {
+    position: relative;
+    top: 2px; 
+    color: #b5bac5;
+    font-size: 16px !important;
+    width: 16px !important;
+  }
+  .select-input {
+    border: none;
+    display: inline-block;
+    width: 196px;
+    outline: none;
+    fill: none;
+    box-shadow: none;
+    &:focus {
+      box-shadow: none;
+    }
+  }
+  .select-input::placeholder {
+    color: #b5bac5;
+  }
+  }
+`;
+export const FlowHandlerSelectMessage = `
+  margin: 0 -12px;
+  padding: 6px 12px;
+  display: flex;
+  font-size: 12px;
+  color: #091940;
+  border-bottom: 1px solid #f1f2f4;
+
+  span:nth-child(1) {
+    position: relative;
+    color: #0C62FF;
+    cursor: pointer;
+    &:hover {
+      color: #091940;
+    }
+
+    &:after {
+      content: '';
+      position: absolute;
+      height: 14px;
+      top: 2px;
+      right: -10px;
+      border-right: 1px solid #f1f2f4;
+    }
+  }
+  span:nth-child(2) {
+    padding-left: 18px;
+    flex: 1;
+    
+  }
+  span:nth-child(3) {
+    color: #0c62ff;
+    cursor: pointer;
+    &:hover {
+      color: #091940;
+    }
+  }
+`;
+export const FlowHandlerSelectContent = `
+  min-height: 200px;
+  max-height: 200px;
+  overflow-y: auto;
+  margin: 0 -12px;
+  .loading {
+    height: 200px !important;
+  }
+`;
+export const FlowHandlerSelectItem = `
+  position: relative;
+  margin: 0 4px;
+  padding: 5px 12px;
+  font-size: 14px;
+  color: #091940;
+  cursor: pointer;
+  border-radius: 4px;
+
+  .icon-done {
+    position: absolute;
+    top: 10px;
+    right: 14px;
+    width: 12px;
+    height: 12px;
+    color: #0C62FF;
+    scale: 1.2;
+  }
+
+  &:hover {
+    background-color: #f1f2f4;
+  }
+
+  &.active {
+    background-color: #E6F3FF;
+    font-weight: 600;
+  }
+`;
+export const FlowHandlerSubmitWrapper = `
+  border-top: 1px solid #f1f2f4;
+  padding: 6px 0;
+  margin-bottom: -12px;
+  text-align: right;
+`;

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

@@ -14,7 +14,7 @@ const UserReadView = memo(({ value, readonly }) => {
         })) || EMPTY_ARRAY);
     }, [value]);
     const tooltipValues = useMemo(() => {
-        return value === null || value === void 0 ? void 0 : value.map(val => {
+        return value === null || value === void 0 ? void 0 : value.map((val) => {
             const item = userDataFormat(val);
             return generateUserDisplayName(item);
         });
@@ -22,7 +22,7 @@ const UserReadView = memo(({ value, readonly }) => {
     if (!displayValues.length) {
         return _jsx(EmptyField, { readonly: readonly, isUser: true });
     }
-    return (_jsx(BaseOverflowTooltip, { title: tooltipValues.join(','), maxline: 1, children: displayValues }));
+    return _jsx(BaseOverflowTooltip, { title: tooltipValues.join(','), maxline: 1, children: displayValues });
 });
 UserReadView.displayName = 'UserReadView';
 export default UserReadView;

package/dist/icons/index.d.ts

@@ -6,3 +6,6 @@ export interface IconProps {
 export declare const HollowCircleIcon: React.FC<IconProps>;
 export declare const WorkflowIcon: React.FC<IconProps>;
 export declare const DottedCircleIcon: React.FC<IconProps>;
+export declare const ArrowBackIcon: React.FC<IconProps>;
+export declare const SearchIcon: React.FC<IconProps>;
+export declare const DoneIcon: React.FC<IconProps>;

package/dist/icons/index.js

@@ -1,7 +1,10 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import AntdIcon from '@ant-design/icons';
+import ArrowBack from './svg/ArrowBack.svg';
+import Done from './svg/Done.svg';
 import DottedCircle from './svg/DottedCircle.svg';
 import HollowCircle from './svg/HollowCircle.svg';
+import Search from './svg/Search.svg';
 import Workflow from './svg/Workflow.svg';
 export const HollowCircleIcon = props => {
     return _jsx(AntdIcon, { ...props, component: HollowCircle });
@@ -12,3 +15,12 @@ export const WorkflowIcon = props => {
 export const DottedCircleIcon = props => {
     return _jsx(AntdIcon, { ...props, style: { fontSize: 10, width: 10, marginLeft: 2 }, component: DottedCircle });
 };
+export const ArrowBackIcon = props => {
+    return _jsx(AntdIcon, { ...props, style: { fontSize: 10, width: 10, marginLeft: 2 }, component: ArrowBack });
+};
+export const SearchIcon = props => {
+    return _jsx(AntdIcon, { ...props, style: { fontSize: 10, width: 10, marginLeft: 2 }, component: Search });
+};
+export const DoneIcon = props => {
+    return _jsx(AntdIcon, { ...props, style: { fontSize: 10, width: 10, marginLeft: 2 }, component: Done });
+};

package/dist/icons/svg/ArrowBack.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1720087015972" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13078" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M521.856 137.984l2.24 2.24a38.4 38.4 0 0 1 0 54.272l-275.2 275.2h624.64a41.6 41.6 0 1 1 0 83.2H247.488l276.608 276.672a38.4 38.4 0 0 1 4.48 48.96l-4.48 5.312-2.24 2.304-5.312 4.416a38.4 38.4 0 0 1-43.712 0l-5.312-4.48-343.872-343.936a38.272 38.272 0 0 1-11.136-23.872v-12.48a38.272 38.272 0 0 1 11.136-23.872l343.872-343.936a38.4 38.4 0 0 1 54.336 0z" p-id="13079"></path></svg>

package/dist/icons/svg/Done.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1720427435830" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13078" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M380.352 842.176l-305.664-305.28a38.4 38.4 0 0 1-0.064-54.272l2.048-2.048a38.464 38.464 0 0 1 54.272 0l275.328 274.88 482.816-575.36a38.4 38.4 0 0 1 54.144-4.736l2.432 2.112a38.4 38.4 0 0 1 4.736 54.08l-510.08 607.936a38.336 38.336 0 0 1-29.376 13.696h-6.72a38.336 38.336 0 0 1-23.872-11.008z" p-id="13079"></path></svg>

package/dist/icons/svg/Search.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1720090255506" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13220" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M457.6 112a345.6 345.6 0 0 1 270.08 561.28l173.056 173.184a38.4 38.4 0 0 1-48.96 58.752l-5.312-4.48-173.184-173.056a345.6 345.6 0 1 1-215.68-615.68z m0 76.8a268.8 268.8 0 1 0 186.944 461.952 18.112 18.112 0 0 1 2.816-3.392l3.392-2.816A268.8 268.8 0 0 0 457.6 188.8z" p-id="13221"></path></svg>

package/dist/lib/array.d.ts

@@ -6,5 +6,5 @@ export declare const arrayDiff: (origin: Array<any>, target: Array<any>) => IDif
 export declare const serializationArrayByKey: (list: any[], keyPath: string) => Record<string, any> | null;
 export declare const createHash: () => number;
 export declare function parseArray(str: string): string[];
-export declare const getArrayValue: <T = any>(value: T) => T[];
+export declare const getArrayValue: (value: any) => any[];
 export {};

package/dist/lib/array.js

@@ -41,4 +41,4 @@ export function parseArray(str) {
     }
     return [];
 }
-export const getArrayValue = (value) => { var _a; return (_a = ((isArray(value) ? value : [value]))) === null || _a === void 0 ? void 0 : _a.filter(Boolean); };
+export const getArrayValue = (value) => { var _a; return (_a = (isArray(value) ? value : [value])) === null || _a === void 0 ? void 0 : _a.filter(Boolean); };

package/dist/lib/hooks/useI18n.d.ts

@@ -1,3 +1,4 @@
-import { i18n } from '../i18n';
-declare const useI18n: () => Pick<typeof i18n, 't'>;
+declare const useI18n: () => {
+    t: (key: string, opts?: Record<string, any>) => string;
+};
 export default useI18n;

package/dist/lib/workflow.d.ts

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

package/dist/lib/workflow.js

@@ -118,7 +118,7 @@ function listToCompare(list1, list2, compareString) {
 export function checkUserPermission({ transition, userId, roleIds, groupIds, item, workspaceRoleIds, }) {
     var _a, _b, _c;
     const values = (item === null || item === void 0 ? void 0 : item.values) || {};
-    const { users: authUsers, roles: authRoles, groups: authGroups, customFields: authUserFields, workspaceRoles: authWorkspaceRoles, creatorAuth, conditionKey, } = ((_a = transition.parameters) === null || _a === void 0 ? void 0 : _a.permissionType) || {};
+    const { users: authUsers, roles: authRoles, groups: authGroups, customFields: authUserFields, workspaceRoles: authWorkspaceRoles, creatorAuth, } = ((_a = transition.parameters) === null || _a === void 0 ? void 0 : _a.permissionType) || {};
     const hasUsers = (authUsers === null || authUsers === void 0 ? void 0 : authUsers.length) > 0;
     const hasRoles = (authRoles === null || authRoles === void 0 ? void 0 : authRoles.length) > 0;
     const hasGroups = (authGroups === null || authGroups === void 0 ? void 0 : authGroups.length) > 0;
@@ -128,16 +128,12 @@ export function checkUserPermission({ transition, userId, roleIds, groupIds, ite
     if (!hasUsers && !hasRoles && !hasGroups && !hasUserFields && !hasWorkspaceRoles && !creatorAuth) {
         return { result: true };
     }
-    const defaultConditionKey = conditionKey || 'any';
-    const isAny = defaultConditionKey === 'any';
     if (creatorAuth) {
         if (![(_b = item.createdBy) === null || _b === void 0 ? void 0 : _b.objectId, (_c = item.createdBy) === null || _c === void 0 ? void 0 : _c.id].includes(userId)) {
             tipText.push(i18n.t('pages.workflow.default.userType.creatorAuth'));
         }
         else {
-            if (isAny) {
-                return { result: true };
-            }
+            return { result: true };
         }
     }
     if (hasUsers) {
@@ -147,9 +143,7 @@ export function checkUserPermission({ transition, userId, roleIds, groupIds, ite
             tipText.push(`${i18n.t('libs.workflow.user')}：${tipUsers}`);
         }
         else {
-            if (isAny) {
-                return { result: true };
-            }
+            return { result: true };
         }
     }
     if (hasRoles) {
@@ -159,9 +153,7 @@ export function checkUserPermission({ transition, userId, roleIds, groupIds, ite
             tipText.push(`${i18n.t('libs.workflow.role')}：${tipRoles}`);
         }
         else {
-            if (isAny) {
-                return { result: true };
-            }
+            return { result: true };
         }
     }
     if (hasGroups) {
@@ -171,9 +163,7 @@ export function checkUserPermission({ transition, userId, roleIds, groupIds, ite
             tipText.push(`${i18n.t('libs.workflow.group')}：${tipGroup}`);
         }
         else {
-            if (isAny) {
-                return { result: true };
-            }
+            return { result: true };
         }
     }
     if (hasUserFields) {
@@ -204,9 +194,7 @@ export function checkUserPermission({ transition, userId, roleIds, groupIds, ite
             tipText.push(`${i18n.t('libs.workflow.userFields')}：${tipRoles}`);
         }
         else {
-            if (isAny) {
-                return { result: true };
-            }
+            return { result: true };
         }
     }
     if (hasWorkspaceRoles) {
@@ -218,9 +206,7 @@ export function checkUserPermission({ transition, userId, roleIds, groupIds, ite
             tipText.push(`${i18n.t('libs.workflow.workspaceRoles')}：${tipWorkspaceRoles}`);
         }
         else {
-            if (isAny) {
-                return { result: true };
-            }
+            return { result: true };
         }
     }
     if (tipText.length) {
@@ -229,10 +215,8 @@ export function checkUserPermission({ transition, userId, roleIds, groupIds, ite
     return { result: true };
 }
 export function checkItemCondition(transition, item) {
-    var _a, _b, _c;
-    const defaultConditionKey = ((_a = transition === null || transition === void 0 ? void 0 : transition.parameters) === null || _a === void 0 ? void 0 : _a.fieldTypeConditionKey) || 'all';
-    const conditions = ((_b = transition.parameters) === null || _b === void 0 ? void 0 : _b.fieldType) || [];
-    const isAny = defaultConditionKey === 'any';
+    var _a, _b;
+    const conditions = ((_a = transition.parameters) === null || _a === void 0 ? void 0 : _a.fieldType) || [];
     for (const i in conditions) {
         const { comparedValue, numberCompare, stringCompare, dropDownCompare, field, pickerType } = conditions[i];
         let fieldValue;
@@ -247,12 +231,12 @@ export function checkItemCondition(transition, item) {
             fieldValue = item[field.key].objectId;
         }
         else {
-            fieldValue = (_c = item.values) === null || _c === void 0 ? void 0 : _c[field.key];
+            fieldValue = (_b = item.values) === null || _b === void 0 ? void 0 : _b[field.key];
         }
         let sourceValue = null, targetValue = null;
         switch (field.componentType) {
             case CustomFieldComponentTypes.Number:
-            case CustomFieldComponentTypes.Date: {
+            case CustomFieldComponentTypes.Date:
                 targetValue = comparedValue;
                 if (field.componentType === CustomFieldComponentTypes.Date && NumberConditions.equalTo.key === numberCompare) {
                     targetValue = getFormat(targetValue || null, getDateType(pickerType));
@@ -267,13 +251,6 @@ export function checkItemCondition(transition, item) {
                             }),
                         };
                     }
-                    else {
-                        if (isAny) {
-                            return {
-                                result: true,
-                            };
-                        }
-                    }
                 }
                 else if (!numberToCompare(fieldValue, Number(targetValue), numberCompare)) {
                     if (isEmptyCondition(numberCompare)) {
@@ -298,14 +275,7 @@ export function checkItemCondition(transition, item) {
                         }),
                     };
                 }
-                else {
-                    if (isAny) {
-                        return {
-                            result: true,
-                        };
-                    }
-                }
-            }
+                break;
             case CustomFieldComponentTypes.Text:
             case CustomFieldComponentTypes.LongText:
                 targetValue = comparedValue;
@@ -329,13 +299,7 @@ export function checkItemCondition(transition, item) {
                         message,
                     };
                 }
-                else {
-                    if (isAny) {
-                        return {
-                            result: true,
-                        };
-                    }
-                }
+                break;
             case CustomFieldComponentTypes.User:
             case CustomFieldComponentTypes.Dropdown:
             case CustomFieldComponentTypes.File:
@@ -373,39 +337,41 @@ export function checkItemCondition(transition, item) {
                         }),
                     };
                 }
-                else {
-                    if (isAny) {
-                        return {
-                            result: true,
-                        };
-                    }
-                }
+                break;
+            default:
+                break;
         }
     }
     return { result: true };
 }
-export function checkTransition(item, transition, permissions) {
+export function checkTransition(item, transition, permissions, flowHandlerActive) {
+    var _a, _b;
     if (!item || !transition)
         return { result: false };
-    const defaultConditionKey = (transition === null || transition === void 0 ? void 0 : transition.conditionKey) || 'all';
-    const isAll = defaultConditionKey === 'all';
+    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 roleCheck = checkUserPermission({
         transition,
         item,
         ...permissions,
     });
+    if (!roleCheck.result)
+        return roleCheck;
     const conditionCheck = checkItemCondition(transition, item);
-    if (isAll) {
-        if (!roleCheck.result)
-            return roleCheck;
-        if (!conditionCheck.result)
-            return conditionCheck;
-    }
-    else {
-        if (roleCheck.result || conditionCheck.result) {
-            return { result: true };
-        }
-    }
+    if (!conditionCheck.result)
+        return conditionCheck;
     return { result: true };
 }
 export const useWorkflowPermission = (workspaceId) => {

package/dist/locales/index.d.ts

@@ -29,6 +29,13 @@ export declare const en: {
     'pages.workflow.condition.notEqualTo': string;
     'pages.workflow.condition.containedIn': string;
     'pages.workflow.condition.notContainedIn': string;
+    'pages.workflow.flowHandler.title': string;
+    'pages.workflow.flowHandler.search': string;
+    'pages.workflow.flowHandler.selectAll': string;
+    'pages.workflow.flowHandler.clear': string;
+    'pages.workflow.flowHandler.count': string;
+    'pages.workflow.flowHandler.submit': string;
+    'pages.workflow.flowHandler.message': string;
     'global.stateless': string;
     'global.haveDelete': string;
     'global.columns.forbiddenActive': string;
@@ -39,6 +46,7 @@ export declare const en: {
     'libs.workflow.group': string;
     'libs.workflow.userFields': string;
     'libs.workflow.workspaceRoles': string;
+    'libs.workflow.flowHandler': string;
     'libs.default.tipText': string;
     'libs.default.flowTextTip.0': string;
     'libs.default.flowTextTip.1': string;
@@ -76,6 +84,13 @@ export declare const zh: {
     'pages.workflow.condition.notEqualTo': string;
     'pages.workflow.condition.containedIn': string;
     'pages.workflow.condition.notContainedIn': string;
+    'pages.workflow.flowHandler.title': string;
+    'pages.workflow.flowHandler.search': string;
+    'pages.workflow.flowHandler.selectAll': string;
+    'pages.workflow.flowHandler.clear': string;
+    'pages.workflow.flowHandler.count': string;
+    'pages.workflow.flowHandler.submit': string;
+    'pages.workflow.flowHandler.message': string;
     'global.stateless': string;
     'global.haveDelete': string;
     'global.columns.forbiddenActive': string;
@@ -86,6 +101,7 @@ export declare const zh: {
     'libs.workflow.group': string;
     'libs.workflow.userFields': string;
     'libs.workflow.workspaceRoles': string;
+    'libs.workflow.flowHandler': string;
     'libs.default.tipText': string;
     'libs.default.flowTextTip.0': string;
     'libs.default.flowTextTip.1': string;
@@ -123,6 +139,13 @@ export declare const ru: {
     'pages.workflow.condition.notEqualTo': string;
     'pages.workflow.condition.containedIn': string;
     'pages.workflow.condition.notContainedIn': string;
+    'pages.workflow.flowHandler.title': string;
+    'pages.workflow.flowHandler.search': string;
+    'pages.workflow.flowHandler.selectAll': string;
+    'pages.workflow.flowHandler.clear': string;
+    'pages.workflow.flowHandler.count': string;
+    'pages.workflow.flowHandler.submit': string;
+    'pages.workflow.flowHandler.message': string;
     'global.stateless': string;
     'global.haveDelete': string;
     'global.columns.forbiddenActive': string;
@@ -133,6 +156,7 @@ export declare const ru: {
     'libs.workflow.group': string;
     'libs.workflow.userFields': string;
     'libs.workflow.workspaceRoles': string;
+    'libs.workflow.flowHandler': string;
     'libs.default.tipText': string;
     'libs.default.flowTextTip.0': string;
     'libs.default.flowTextTip.1': string;

package/dist/locales/index.js

@@ -29,6 +29,13 @@ export const en = {
     'pages.workflow.condition.notEqualTo': 'not equal to',
     'pages.workflow.condition.containedIn': 'is contained',
     'pages.workflow.condition.notContainedIn': "isn't contained",
+    'pages.workflow.flowHandler.title': 'Next Flow Handler',
+    'pages.workflow.flowHandler.search': 'Please enter keywords for search',
+    'pages.workflow.flowHandler.selectAll': 'Select All',
+    'pages.workflow.flowHandler.clear': 'Clear Selected',
+    'pages.workflow.flowHandler.count': 'Selected {{count}} users',
+    'pages.workflow.flowHandler.submit': 'Confirm And Transition',
+    'pages.workflow.flowHandler.message': 'Please select at least one handler',
     'global.stateless': 'Stateless',
     'global.haveDelete': 'deleted',
     'global.columns.forbiddenActive': 'disabled',
@@ -39,6 +46,7 @@ export const en = {
     'libs.workflow.group': 'User group',
     'libs.workflow.userFields': 'User fields',
     'libs.workflow.workspaceRoles': 'Workspace roles',
+    'libs.workflow.flowHandler': 'Flow handler',
     'libs.default.tipText': 'This process allows only {{text}}, please contact support',
     'libs.default.flowTextTip.0': 'The issue field [{{field}}] should be [{{condition}}] specified field [{{target}}]',
     'libs.default.flowTextTip.1': 'The issue field [{{field}}] should be [{{condition}}]',
@@ -76,6 +84,13 @@ export const zh = {
     'pages.workflow.condition.notEqualTo': '不等于',
     'pages.workflow.condition.containedIn': '包含',
     'pages.workflow.condition.notContainedIn': '不包含',
+    'pages.workflow.flowHandler.title': '下一流程处理人',
+    'pages.workflow.flowHandler.search': '请输入关键字搜索',
+    'pages.workflow.flowHandler.selectAll': '全选',
+    'pages.workflow.flowHandler.clear': '清空已选',
+    'pages.workflow.flowHandler.count': '已选{{count}}项',
+    'pages.workflow.flowHandler.submit': '确认并流转',
+    'pages.workflow.flowHandler.message': '请至少选择一个处理人',
     'global.stateless': '无状态',
     'global.haveDelete': '已删除',
     'global.columns.forbiddenActive': '已禁用',
@@ -86,6 +101,7 @@ export const zh = {
     'libs.workflow.group': '用户组',
     'libs.workflow.userFields': '用户字段',
     'libs.workflow.workspaceRoles': '空间角色',
+    'libs.workflow.flowHandler': '流程处理人',
     'libs.default.tipText': '此流程只有{{text}}可以进行操作，请联系相关人员处理',
     'libs.default.flowTextTip.0': '当前事项字段[{{field}}]应该[{{condition}}]指定条件值[{{target}}]',
     'libs.default.flowTextTip.1': '当前事项字段[{{field}}]应该[{{condition}}]',
@@ -123,6 +139,13 @@ export const ru = {
     'pages.workflow.condition.notEqualTo': 'не равняется',
     'pages.workflow.condition.containedIn': 'содержится',
     'pages.workflow.condition.notContainedIn': 'не содержится',
+    'pages.workflow.flowHandler.title': 'Следующий процессор',
+    'pages.workflow.flowHandler.search': 'Введите ключевое слово для поиска',
+    'pages.workflow.flowHandler.selectAll': 'Полная выборка',
+    'pages.workflow.flowHandler.clear': 'Очистить выбрано',
+    'pages.workflow.flowHandler.count': 'Выбранный элемент {{{count}}',
+    'pages.workflow.flowHandler.submit': 'Подтверждение и обращение',
+    'pages.workflow.flowHandler.message': 'Пожалуйста, выберите хотя бы одного человека.',
     'global.stateless': 'Stateless',
     'global.haveDelete': 'deleted',
     'global.columns.forbiddenActive': 'disabled',
@@ -133,6 +156,7 @@ export const ru = {
     'libs.workflow.group': 'Группа пользователей',
     'libs.workflow.userFields': 'Поле пользователя',
     'libs.workflow.workspaceRoles': 'Роль рабочего пространства',
+    'libs.workflow.flowHandler': 'Оператор процессов',
     'libs.default.tipText': 'В этом процессе можно использовать только "{{text}}". Пожалуйста, свяжитесь с администратором.',
     'libs.default.flowTextTip.0': `Поле задачи "{{field}}" должно при условии "{{condition}}" указывать значение условия "{{target}}"`,
     'libs.default.flowTextTip.1': `Поле задачи "{{field}}" должно при условии "{{condition}}"`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@giteeteam/apps-team-components",
-  "version": "1.2.0-alpha.1",
+  "version": "1.2.0-alpha.3",
   "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"
   }
 }