Browse Source

fix: 弹框禁止点击外面关闭

pull/53/head
cp3hnu 1 year ago
parent
commit
7e8935f471
4 changed files with 14 additions and 5 deletions
  1. +10
    -1
      react-ui/src/components/KFModal/index.tsx
  2. +1
    -0
      react-ui/src/pages/Pipeline/editPipeline/utils.tsx
  3. +1
    -2
      react-ui/src/pages/Pipeline/index.jsx
  4. +2
    -2
      react-ui/src/styles/menu.less

+ 10
- 1
react-ui/src/components/KFModal/index.tsx View File

@@ -12,12 +12,21 @@ import './index.less';
export interface KFModalProps extends ModalProps { export interface KFModalProps extends ModalProps {
image?: string; image?: string;
} }
function KFModal({ title, image, children, className = '', centered, ...rest }: KFModalProps) {
function KFModal({
title,
image,
children,
className = '',
centered,
maskClosable,
...rest
}: KFModalProps) {
return ( return (
<Modal <Modal
className={classNames(['kf-modal', className])} className={classNames(['kf-modal', className])}
{...rest} {...rest}
centered={centered ?? true} centered={centered ?? true}
maskClosable={maskClosable ?? false}
title={<ModalTitle title={title} image={image}></ModalTitle>} title={<ModalTitle title={title} image={image}></ModalTitle>}
> >
{children} {children}


+ 1
- 0
react-ui/src/pages/Pipeline/editPipeline/utils.tsx View File

@@ -77,6 +77,7 @@ export function getInParameterComponent(
return null; return null;
} }


// 判断是否允许输入
export function canInput(parameter: PipelineNodeModelParameter) { export function canInput(parameter: PipelineNodeModelParameter) {
const { type, item_type } = parameter; const { type, item_type } = parameter;
return !( return !(


+ 1
- 2
react-ui/src/pages/Pipeline/index.jsx View File

@@ -101,9 +101,8 @@ const Pipeline = () => {
page: pageOption.current.page - 1, page: pageOption.current.page - 1,
size: pageOption.current.size, size: pageOption.current.size,
}; };
console.log(params, pageOption);
getWorkflow(params).then((ret) => { getWorkflow(params).then((ret) => {
if (ret.code == 200) {
if (ret.code === 200) {
setPipeList(ret.data.content); setPipeList(ret.data.content);


setTotal(ret.data.totalElements); setTotal(ret.data.totalElements);


+ 2
- 2
react-ui/src/styles/menu.less View File

@@ -4,7 +4,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
font-size: 16px;
font-size: @font-size-content;


.anticon.kf-menu-item__default-icon { .anticon.kf-menu-item__default-icon {
display: inline !important; display: inline !important;
@@ -54,6 +54,6 @@


.ant-menu-submenu { .ant-menu-submenu {
.ant-menu-submenu-title:hover { .ant-menu-submenu-title:hover {
color: #1664ff !important;
color: @primary-color !important;
} }
} }

Loading…
Cancel
Save