@giteeteam/apps-team-components 1.10.3 → 1.10.5

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

@@ -4,7 +4,7 @@ import StatusReadView from './ReadView.js';
 import Transition from './Transition.js';
 
 const StatusCell = React__default.memo(props => {
-    const { overlayClsName = '', itemId, readonly, value, workspaceId, itemTypeId, onChange } = props;
+    const { overlayClsName = '', itemId, readonly, value, workspaceId, itemTypeId, onChange, getPopupContainer } = props;
     const [showData, setShowData] = useState(value);
     useEffect(() => {
         setShowData(value);
@@ -13,7 +13,7 @@ const StatusCell = React__default.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(StatusReadView, { value: showData, readonly: true })) : (jsx(Transition, { itemId: itemId, ...showData, ...(props.flowHandler || {}), apply: "cell", workspace: workspaceId, itemType: itemTypeId, onTransitionSuccess: handleChange })) }));
+    return (jsx("div", { className: `${overlayClsName} field-cell-layout field-layout ${!readonly ? 'pointer' : ''}`, children: readonly ? (jsx(StatusReadView, { value: showData, readonly: true })) : (jsx(Transition, { itemId: itemId, ...showData, ...(props.flowHandler || {}), apply: "cell", workspace: workspaceId, itemType: itemTypeId, onTransitionSuccess: handleChange, getPopupContainer: getPopupContainer })) }));
 });
 StatusCell.displayName = 'StatusCell';
 

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

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

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

@@ -15,6 +15,7 @@ interface TransitionComponentProps {
     flowUsers: Array<Record<string, any>>;
     loadingFlowUsers: boolean;
     fetchFlowUsers: (itemId: string, status: string, keyword?: string) => Promise<void>;
+    getPopupContainer?: (node: HTMLElement) => HTMLElement;
 }
 declare const _default: React.NamedExoticComponent<TransitionComponentProps>;
 export default _default;

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

@@ -12,7 +12,7 @@ import { workflowContentStyle, statePopoverStyle, flowStateStyle, flowStateInWor
 import TransitionPanel from './TransitionPanel.js';
 
 const Transition = props => {
-    const { itemId, itemType, workspace, objectId, onTransitionSuccess, name, type, readonly, apply, flowUsers, loadingFlowUsers, fetchFlowUsers, } = props;
+    const { itemId, itemType, workspace, objectId, onTransitionSuccess, name, type, readonly, apply, flowUsers, loadingFlowUsers, fetchFlowUsers, getPopupContainer, } = props;
     const [popoverVisible, setPopoverVisible] = useState(false);
     const [flowing, setFlowing] = useState(false);
     const isProcessing = useRef(false);
@@ -36,7 +36,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, 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), {
+                    }, getPopupContainer: 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/package.json

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