@lobehub/chat 0.160.7 → 0.160.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,31 @@
2
2
 
3
3
  # Changelog
4
4
 
5
+ ### [Version 0.160.8](https://github.com/lobehub/lobe-chat/compare/v0.160.7...v0.160.8)
6
+
7
+ <sup>Released on **2024-05-21**</sup>
8
+
9
+ #### 💄 Styles
10
+
11
+ - **misc**: `Tooltip` should not be selected & Model selector overlaps with reset button.
12
+
13
+ <br/>
14
+
15
+ <details>
16
+ <summary><kbd>Improvements and Fixes</kbd></summary>
17
+
18
+ #### Styles
19
+
20
+ - **misc**: `Tooltip` should not be selected & Model selector overlaps with reset button, closes [#2500](https://github.com/lobehub/lobe-chat/issues/2500) [#2511](https://github.com/lobehub/lobe-chat/issues/2511) [#2581](https://github.com/lobehub/lobe-chat/issues/2581) ([0c62fb7](https://github.com/lobehub/lobe-chat/commit/0c62fb7))
21
+
22
+ </details>
23
+
24
+ <div align="right">
25
+
26
+ [![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
27
+
28
+ </div>
29
+
5
30
  ### [Version 0.160.7](https://github.com/lobehub/lobe-chat/compare/v0.160.6...v0.160.7)
6
31
 
7
32
  <sup>Released on **2024-05-21**</sup>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lobehub/chat",
3
- "version": "0.160.7",
3
+ "version": "0.160.8",
4
4
  "description": "Lobe Chat - an open-source, high-performance chatbot framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
5
5
  "keywords": [
6
6
  "framework",
@@ -55,6 +55,7 @@ const ModelFetcher = memo<ModelFetcherProps>(({ provider }) => {
55
55
  <Flexbox align={'center'} gap={0} horizontal justify={'space-between'}>
56
56
  <div>{t('llm.modelList.total', { count: totalModels })}</div>
57
57
  <Tooltip
58
+ overlayStyle={{ pointerEvents: 'none' }}
58
59
  title={
59
60
  latestFetchTime
60
61
  ? t('llm.fetcher.latestTime', {
@@ -16,6 +16,13 @@ import ModelFetcher from './ModelFetcher';
16
16
  import OptionRender from './Option';
17
17
 
18
18
  const styles = {
19
+ divStyle: css`
20
+ position: relative;
21
+
22
+ .ant-select-selector {
23
+ padding-inline-end: 50px !important;
24
+ }
25
+ `,
19
26
  popup: css`
20
27
  &.ant-select-dropdown {
21
28
  .ant-select-item-option-selected {
@@ -69,7 +76,7 @@ const ProviderModelListSelect = memo<CustomModelSelectProps>(
69
76
  return (
70
77
  <>
71
78
  <Flexbox gap={8}>
72
- <div style={{ position: 'relative' }}>
79
+ <div className={cx(styles.divStyle)}>
73
80
  <div className={cx(styles.reset)}>
74
81
  {showReset && (
75
82
  <ActionIcon
@@ -79,14 +79,22 @@ export const ModelInfoTags = memo<ModelInfoTagsProps>(
79
79
  return (
80
80
  <Flexbox direction={directionReverse ? 'horizontal-reverse' : 'horizontal'} gap={4}>
81
81
  {model.files && (
82
- <Tooltip placement={placement} title={t('ModelSelect.featureTag.file')}>
83
- <div className={cx(styles.tag, styles.tagGreen)}>
82
+ <Tooltip
83
+ overlayStyle={{ pointerEvents: 'none' }}
84
+ placement={placement}
85
+ title={t('ModelSelect.featureTag.file')}
86
+ >
87
+ <div className={cx(styles.tag, styles.tagGreen)} style={{ cursor: 'pointer' }} title="">
84
88
  <Icon icon={LucidePaperclip} />
85
89
  </div>
86
90
  </Tooltip>
87
91
  )}
88
92
  {model.vision && (
89
- <Tooltip placement={placement} title={t('ModelSelect.featureTag.vision')}>
93
+ <Tooltip
94
+ overlayStyle={{ pointerEvents: 'none' }}
95
+ placement={placement}
96
+ title={t('ModelSelect.featureTag.vision')}
97
+ >
90
98
  <div className={cx(styles.tag, styles.tagGreen)} style={{ cursor: 'pointer' }} title="">
91
99
  <Icon icon={LucideEye} />
92
100
  </div>
@@ -94,7 +102,7 @@ export const ModelInfoTags = memo<ModelInfoTagsProps>(
94
102
  )}
95
103
  {model.functionCall && (
96
104
  <Tooltip
97
- overlayStyle={{ maxWidth: 'unset' }}
105
+ overlayStyle={{ maxWidth: 'unset', pointerEvents: 'none' }}
98
106
  placement={placement}
99
107
  title={t('ModelSelect.featureTag.functionCall')}
100
108
  >
@@ -105,7 +113,7 @@ export const ModelInfoTags = memo<ModelInfoTagsProps>(
105
113
  )}
106
114
  {model.tokens !== undefined && (
107
115
  <Tooltip
108
- overlayStyle={{ maxWidth: 'unset' }}
116
+ overlayStyle={{ maxWidth: 'unset', pointerEvents: 'none' }}
109
117
  placement={placement}
110
118
  title={t('ModelSelect.featureTag.tokens', {
111
119
  tokens: model.tokens === 0 ? '∞' : numeral(model.tokens).format('0,0'),
@@ -132,4 +132,4 @@ const AgentMeta = memo(() => {
132
132
  return <Form items={[metaData]} itemsType={'group'} variant={'pure'} {...FORM_STYLE} />;
133
133
  });
134
134
 
135
- export default AgentMeta;
135
+ export default AgentMeta;
@@ -50,4 +50,4 @@ export const PluginStore = memo<PluginStoreProps>(({ setOpen, open }) => {
50
50
  );
51
51
  });
52
52
 
53
- export default PluginStore;
53
+ export default PluginStore;