@lobehub/ui 1.142.1 → 1.142.3

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.
Files changed (7) hide show
  1. package/es/ActionIcon/index.d.ts +3 -2
  2. package/es/ActionIcon/index.js +5 -4
  3. package/es/ChatInputArea/ChatInputAreaInner.js +2 -1
  4. package/es/Form/components/FormGroup.js +1 -0
  5. package/es/List/ListItem/index.js +1 -1
  6. package/es/Snippet/style.js +3 -4
  7. package/package.json +23 -23
package/es/ActionIcon/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { type FlexboxProps } from 'react-layout-kit';
3
3
  import { type IconProps, type IconSizeConfig, type IconSizeType, LucideIconProps } from "../Icon";
4
4
  import { type TooltipProps } from "../Tooltip";
@@ -30,6 +30,7 @@ export interface ActionIconProps extends LucideIconProps, FlexboxProps {
30
30
  * @description Set the loading status of ActionIcon
31
31
  */
32
32
  loading?: boolean;
33
+ overlayStyle?: React.CSSProperties;
33
34
  /**
34
35
  * @description The position of the tooltip relative to the target
35
36
  * @enum ["top","left","right","bottom","topLeft","topRight","bottomLeft","bottomRight","leftTop","leftBottom","rightTop","rightBottom"]
@@ -57,5 +58,5 @@ export interface ActionIconProps extends LucideIconProps, FlexboxProps {
57
58
  */
58
59
  tooltipDelay?: number;
59
60
  }
60
- declare const ActionIcon: import("react").ForwardRefExoticComponent<ActionIconProps & import("react").RefAttributes<HTMLDivElement>>;
61
+ declare const ActionIcon: React.ForwardRefExoticComponent<ActionIconProps & React.RefAttributes<HTMLDivElement>>;
61
62
  export default ActionIcon;
package/es/ActionIcon/index.js CHANGED
@@ -2,9 +2,9 @@
2
2
 
3
3
  import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
4
4
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
5
- var _excluded = ["color", "fill", "className", "active", "icon", "size", "style", "glass", "title", "placement", "arrow", "spotlight", "onClick", "children", "loading", "tooltipDelay", "fillOpacity", "fillRule", "focusable", "disable", "spin"];
5
+ var _excluded = ["color", "fill", "className", "active", "icon", "size", "style", "glass", "title", "placement", "arrow", "spotlight", "onClick", "children", "loading", "overlayStyle", "tooltipDelay", "fillOpacity", "fillRule", "focusable", "disable", "spin"];
6
+ import React, { forwardRef, useMemo } from 'react';
6
7
  import { Loader2 } from 'lucide-react';
7
- import { forwardRef, useMemo } from 'react';
8
8
  import { Flexbox } from 'react-layout-kit';
9
9
  import Icon from "../Icon";
10
10
  import Spotlight from "../Spotlight";
@@ -31,6 +31,7 @@ var ActionIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
31
31
  onClick = _ref.onClick,
32
32
  children = _ref.children,
33
33
  loading = _ref.loading,
34
+ overlayStyle = _ref.overlayStyle,
34
35
  _ref$tooltipDelay = _ref.tooltipDelay,
35
36
  tooltipDelay = _ref$tooltipDelay === void 0 ? 0.5 : _ref$tooltipDelay,
36
37
  fillOpacity = _ref.fillOpacity,
@@ -88,9 +89,9 @@ var ActionIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
88
89
  return /*#__PURE__*/_jsx(Tooltip, {
89
90
  arrow: arrow,
90
91
  mouseEnterDelay: tooltipDelay,
91
- overlayStyle: {
92
+ overlayStyle: _objectSpread({
92
93
  pointerEvents: 'none'
93
- },
94
+ }, overlayStyle),
94
95
  placement: placement,
95
96
  title: title,
96
97
  children: actionIconBlock
package/es/ChatInputArea/ChatInputAreaInner.js CHANGED
@@ -38,7 +38,8 @@ var ChatInputAreaInner = /*#__PURE__*/forwardRef(function (_ref, ref) {
38
38
  },
39
39
  onPressEnter: function onPressEnter(e) {
40
40
  _onPressEnter === null || _onPressEnter === void 0 || _onPressEnter(e);
41
- if (!loading && !e.shiftKey && !isChineseInput.current) {
41
+ var isMobile = /mobi|android|iphone/i.test(navigator.userAgent);
42
+ if (!loading && !isChineseInput.current && (!isMobile && !e.shiftKey || isMobile && e.shiftKey)) {
42
43
  e.preventDefault();
43
44
  onSend === null || onSend === void 0 || onSend();
44
45
  }
package/es/Form/components/FormGroup.js CHANGED
@@ -86,6 +86,7 @@ var FormGroup = /*#__PURE__*/memo(function (_ref2) {
86
86
  });
87
87
  return /*#__PURE__*/_jsx(Collapse, _objectSpread({
88
88
  className: cx(styles.group, variantStyle, className),
89
+ collapsible: variant === 'pure' ? 'icon' : undefined,
89
90
  defaultActiveKey: defaultActive ? [1] : undefined,
90
91
  expandIcon: function expandIcon(_ref3) {
91
92
  var isActive = _ref3.isActive;
package/es/List/ListItem/index.js CHANGED
@@ -95,7 +95,7 @@ var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
95
95
  }), date && /*#__PURE__*/_jsx("div", {
96
96
  className: cx(styles.time, classNames === null || classNames === void 0 ? void 0 : classNames.time),
97
97
  style: showAction ? {
98
- opacity: 0
98
+ display: 'none'
99
99
  } : {},
100
100
  children: getChatItemTime(date)
101
101
  })]
package/es/Snippet/style.js CHANGED
@@ -5,10 +5,9 @@ export var useStyles = createStyles(function (_ref, type) {
5
5
  var css = _ref.css,
6
6
  cx = _ref.cx,
7
7
  token = _ref.token,
8
- prefixCls = _ref.prefixCls,
9
- stylish = _ref.stylish;
10
- var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background-color: ", ";\n border: 1px solid ", ";\n "])), type === 'block' ? token.colorFillTertiary : 'transparent', type === 'block' ? 'transparent' : token.colorBorder);
8
+ prefixCls = _ref.prefixCls;
9
+ var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background-color: ", ";\n border: 1px solid ", ";\n "])), type === 'block' ? token.colorFillTertiary : 'transparent', type === 'block' ? 'transparent' : token.colorBorder);
11
10
  return {
12
- container: cx(typeStylish, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: relative;\n\n overflow: hidden;\n\n max-width: 100%;\n height: 38px;\n padding-block: 0;\n padding-inline: 12px 8px;\n\n border-radius: ", "px;\n\n transition: background-color 100ms ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n .", "-highlighter-shiki {\n position: relative;\n overflow: hidden;\n flex: 1;\n }\n\n .prism-code {\n background: none !important;\n }\n\n pre {\n ", ";\n overflow: auto hidden !important;\n display: flex;\n align-items: center;\n\n width: 100%;\n height: 36px !important;\n margin: 0 !important;\n\n line-height: 1;\n\n background: none !important;\n }\n\n code[class*='language-'] {\n background: none !important;\n }\n "])), token.borderRadius, token.motionEaseOut, token.colorFillTertiary, prefixCls, stylish.noScrollbar))
11
+ container: cx(typeStylish, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: relative;\n\n overflow: hidden;\n\n max-width: 100%;\n height: 38px;\n padding-block: 0;\n padding-inline: 12px 8px;\n\n border-radius: ", "px;\n\n transition: background-color 100ms ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n .", "-highlighter-shiki {\n position: relative;\n overflow: hidden;\n flex: 1;\n }\n\n .prism-code {\n background: none !important;\n }\n\n pre {\n overflow: auto hidden !important;\n display: flex;\n align-items: center;\n\n width: 100%;\n height: 36px !important;\n margin: 0 !important;\n\n line-height: 1;\n text-wrap: nowrap !important;\n\n background: none !important;\n }\n\n code[class*='language-'] {\n background: none !important;\n }\n "])), token.borderRadius, token.motionEaseOut, token.colorFillTertiary, prefixCls))
13
12
  };
14
13
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lobehub/ui",
3
- "version": "1.142.1",
3
+ "version": "1.142.3",
4
4
  "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
5
5
  "keywords": [
6
6
  "lobehub",
@@ -74,27 +74,27 @@
74
74
  },
75
75
  "dependencies": {
76
76
  "@ant-design/colors": "^7.0.2",
77
- "@ant-design/icons": "^5.3.6",
78
- "@babel/runtime": "^7.24.4",
77
+ "@ant-design/icons": "^5.3.7",
78
+ "@babel/runtime": "^7.24.7",
79
79
  "@dnd-kit/core": "^6.1.0",
80
80
  "@dnd-kit/modifiers": "^7.0.0",
81
81
  "@dnd-kit/sortable": "^8.0.0",
82
82
  "@dnd-kit/utilities": "^3.2.2",
83
- "@emoji-mart/data": "^1.1.2",
83
+ "@emoji-mart/data": "^1.2.1",
84
84
  "@emoji-mart/react": "^1.1.1",
85
- "@floating-ui/react": "^0.26.12",
85
+ "@floating-ui/react": "^0.26.16",
86
86
  "@giscus/react": "^3.0.0",
87
87
  "@lobehub/emojilib": "latest",
88
88
  "@react-spring/web": "^9.7.3",
89
- "@shikijs/transformers": "^1.3.0",
90
- "@splinetool/runtime": "^0.9.232",
91
- "ahooks": "^3.7.11",
89
+ "@shikijs/transformers": "^1.6.3",
90
+ "@splinetool/runtime": "^0.9.526",
91
+ "ahooks": "^3.8.0",
92
92
  "chroma-js": "^2.4.2",
93
- "dayjs": "^1.11.10",
94
- "emoji-mart": "^5.5.2",
93
+ "dayjs": "^1.11.11",
94
+ "emoji-mart": "^5.6.0",
95
95
  "emoji-regex": "^10.3.0",
96
96
  "fast-deep-equal": "^3.1.3",
97
- "immer": "^10.0.4",
97
+ "immer": "^10.1.1",
98
98
  "leva": "^0.9.35",
99
99
  "lodash-es": "^4.17.21",
100
100
  "lucide-react": "latest",
@@ -103,19 +103,19 @@
103
103
  "prism-react-renderer": "^2.3.1",
104
104
  "query-string": "^9.0.0",
105
105
  "rc-footer": "^0.6.8",
106
- "re-resizable": "^6.9.11",
106
+ "re-resizable": "^6.9.17",
107
107
  "react-error-boundary": "^4.0.13",
108
108
  "react-layout-kit": "^1.9.0",
109
109
  "react-markdown": "^8.0.7",
110
110
  "react-merge-refs": "^2.1.1",
111
- "react-rnd": "^10.4.1",
111
+ "react-rnd": "^10.4.11",
112
112
  "react-simple-code-editor": "^0.13.1",
113
113
  "rehype-katex": "^6.0.3",
114
114
  "rehype-raw": "^7.0.0",
115
115
  "remark-breaks": "^4.0.0",
116
116
  "remark-gfm": "^3.0.1",
117
117
  "remark-math": "^5.1.1",
118
- "shiki": "^1.3.0",
118
+ "shiki": "^1.6.3",
119
119
  "swr": "^2.2.5",
120
120
  "ts-md5": "^1.3.1",
121
121
  "url-join": "^5.0.0",
@@ -125,7 +125,7 @@
125
125
  "zustand-utils": "^1.3.2"
126
126
  },
127
127
  "devDependencies": {
128
- "@commitlint/cli": "^19.2.2",
128
+ "@commitlint/cli": "^19.3.0",
129
129
  "@lobehub/lint": "^1.23.4",
130
130
  "@testing-library/react": "^14.3.1",
131
131
  "@types/chroma-js": "^2.4.4",
@@ -135,12 +135,12 @@
135
135
  "@types/pangu": "^4.0.2",
136
136
  "@types/query-string": "^6.3.0",
137
137
  "@types/react": "18.2.40",
138
- "@types/react-dom": "^18.2.25",
138
+ "@types/react-dom": "^18.3.0",
139
139
  "@types/uuid": "^9.0.8",
140
140
  "@vitest/coverage-v8": "^1.6.0",
141
141
  "antd-style": "^3.6.2",
142
142
  "babel-plugin-antd-style": "latest",
143
- "commitlint": "^19.2.2",
143
+ "commitlint": "^19.3.0",
144
144
  "concurrently": "^8.2.2",
145
145
  "cross-env": "^7.0.3",
146
146
  "dpdm": "^3.14.0",
@@ -148,12 +148,12 @@
148
148
  "dumi-theme-lobehub": "latest",
149
149
  "eslint": "^8.57.0",
150
150
  "father": "4.3.1",
151
- "husky": "^9.0.0",
152
- "jsdom": "^24.0.0",
153
- "lint-staged": "^15.2.2",
154
- "prettier": "^3.2.5",
155
- "react": "^18.2.0",
156
- "react-dom": "^18.2.0",
151
+ "husky": "^9.0.11",
152
+ "jsdom": "^24.1.0",
153
+ "lint-staged": "^15.2.5",
154
+ "prettier": "^3.3.1",
155
+ "react": "^18.3.1",
156
+ "react-dom": "^18.3.1",
157
157
  "remark": "^14.0.3",
158
158
  "remark-cli": "^11.0.0",
159
159
  "semantic-release": "^21.1.2",