fix(trigger): add clickOutsideNotClose prop

This commit is contained in:
yessenia 2025-10-24 13:28:46 +08:00
parent dfed14ba67
commit 29cddc449f
4 changed files with 8 additions and 5 deletions

View File

@ -1,9 +1,9 @@
'use client'
import ImagePreview from '@/app/components/base/image-uploader/image-preview'
import cn from '@/utils/classnames'
import type { FC } from 'react'
import React, { useState } from 'react'
import s from './style.module.css'
import cn from '@/utils/classnames'
import ImagePreview from '@/app/components/base/image-uploader/image-preview'
type Props = {
srcs: string[]
@ -36,7 +36,6 @@ const ImageGallery: FC<Props> = ({
const imgStyle = getWidthStyle(imgNum)
return (
<div className={cn(s[`img-${imgNum}`], 'flex flex-wrap')}>
{/* TODO: support preview */}
{srcs.map((src, index) => (
!src ? null : <img
key={index}
@ -52,7 +51,9 @@ const ImageGallery: FC<Props> = ({
imagePreviewUrl && (
<ImagePreview
url={imagePreviewUrl}
onCancel={() => setImagePreviewUrl('')} title={''} />
onCancel={() => setImagePreviewUrl('')}
title={''}
/>
)
}
</div>

View File

@ -372,6 +372,7 @@ export const CommonCreateModal = ({ onClose, createType, builder }: Props) => {
bottomSlot={currentStep === ApiKeyStep.Verify ? <EncryptedBottom /> : null}
size={createType === SupportedCreationMethods.MANUAL ? 'md' : 'sm'}
containerClassName='min-h-[360px]'
clickOutsideNotClose
>
{createType === SupportedCreationMethods.APIKEY && <MultiSteps currentStep={currentStep} />}
{currentStep === ApiKeyStep.Verify && (

View File

@ -183,6 +183,7 @@ export const OAuthClientSettingsModal = ({ oauthConfig, onClose, showOAuthCreate
cancelButtonText={t('plugin.auth.saveOnly')}
extraButtonText={t('common.operation.cancel')}
showExtraButton
clickOutsideNotClose
extraButtonVariant='secondary'
onExtraButtonClick={onClose}
onClose={onClose}

View File

@ -701,7 +701,7 @@ export const usePluginReadme = ({ plugin_unique_identifier, language }: { plugin
export const usePluginReadmeAsset = ({ file_name, plugin_unique_identifier }: { file_name?: string, plugin_unique_identifier?: string }) => {
return useQuery({
queryKey: ['pluginReadmeAsset', plugin_unique_identifier, file_name],
queryFn: () => get<Blob>('/workspaces/current/plugin/asset', { params: { plugin_unique_identifier, file_name } }),
queryFn: () => get<Blob>('/workspaces/current/plugin/asset', { params: { plugin_unique_identifier, file_name } }, { silent: true }),
enabled: !!plugin_unique_identifier && !!file_name && /(^\.\/_assets|^_assets)/.test(file_name),
})
}