| return ( | return ( | ||||
| <div> | <div> | ||||
| <div className='px-3 pt-5 h-[52px] space-x-3 rounded-lg border border-components-panel-border'> | |||||
| <div className='px-3 pt-5 pb-2 space-x-3 rounded-lg border border-components-panel-border'> | |||||
| <Slider | <Slider | ||||
| className={cn('grow h-0.5 !bg-util-colors-teal-teal-500 rounded-full')} | className={cn('grow h-0.5 !bg-util-colors-teal-teal-500 rounded-full')} | ||||
| max={1.0} | max={1.0} | ||||
| onChange={v => onChange({ value: [v, (10 - v * 10) / 10] })} | onChange={v => onChange({ value: [v, (10 - v * 10) / 10] })} | ||||
| trackClassName='weightedScoreSliderTrack' | trackClassName='weightedScoreSliderTrack' | ||||
| /> | /> | ||||
| <div className='flex justify-between mt-1'> | |||||
| <div className='flex justify-between mt-3'> | |||||
| <div className='shrink-0 flex items-center w-[90px] system-xs-semibold-uppercase text-util-colors-blue-light-blue-light-500'> | <div className='shrink-0 flex items-center w-[90px] system-xs-semibold-uppercase text-util-colors-blue-light-blue-light-500'> | ||||
| <div className='mr-1 truncate uppercase' title={t('dataset.weightedScore.semantic') || ''}> | <div className='mr-1 truncate uppercase' title={t('dataset.weightedScore.semantic') || ''}> | ||||
| {t('dataset.weightedScore.semantic')} | {t('dataset.weightedScore.semantic')} |
| } = item | } = item | ||||
| return ( | return ( | ||||
| <div className='flex justify-end mb-2 last:mb-0 pl-10'> | |||||
| <div className='group relative mr-4'> | |||||
| <div className='flex justify-end mb-2 last:mb-0 pl-14'> | |||||
| <div className='group relative mr-4 max-w-full'> | |||||
| <div | <div | ||||
| className='px-4 py-3 bg-[#D1E9FF]/50 rounded-2xl text-sm text-gray-900' | className='px-4 py-3 bg-[#D1E9FF]/50 rounded-2xl text-sm text-gray-900' | ||||
| style={theme?.chatBubbleColorStyle ? CssTransform(theme.chatBubbleColorStyle) : {}} | style={theme?.chatBubbleColorStyle ? CssTransform(theme.chatBubbleColorStyle) : {}} |
| } | } | ||||
| else if (language === 'echarts') { | else if (language === 'echarts') { | ||||
| return ( | return ( | ||||
| <div style={{ minHeight: '350px', minWidth: '700px' }}> | |||||
| <div style={{ minHeight: '350px', minWidth: '100%', overflowX: 'scroll' }}> | |||||
| <ErrorBoundary> | <ErrorBoundary> | ||||
| <ReactEcharts option={chartData} /> | |||||
| <ReactEcharts option={chartData} style={{ minWidth: '700px' }} /> | |||||
| </ErrorBoundary> | </ErrorBoundary> | ||||
| </div> | </div> | ||||
| ) | ) |
| rename: 'Rename', | rename: 'Rename', | ||||
| audioSourceUnavailable: 'AudioSource is unavailable', | audioSourceUnavailable: 'AudioSource is unavailable', | ||||
| copyImage: 'Copy Image', | copyImage: 'Copy Image', | ||||
| imageCopied: 'Image copied', | |||||
| zoomOut: 'Zoom Out', | zoomOut: 'Zoom Out', | ||||
| zoomIn: 'Zoom In', | zoomIn: 'Zoom In', | ||||
| openInNewTab: 'Open in new tab', | openInNewTab: 'Open in new tab', |
| rename: '重命名', | rename: '重命名', | ||||
| audioSourceUnavailable: '音源不可用', | audioSourceUnavailable: '音源不可用', | ||||
| copyImage: '复制图片', | copyImage: '复制图片', | ||||
| imageCopied: '图片已复制', | |||||
| zoomOut: '缩小', | zoomOut: '缩小', | ||||
| zoomIn: '放大', | zoomIn: '放大', | ||||
| openInNewTab: '在新标签页打开', | openInNewTab: '在新标签页打开', |