@lobehub/ui 1.128.3 → 1.128.5
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.
|
@@ -16,7 +16,7 @@ var useStyles = createStyles(function (_ref) {
|
|
|
16
16
|
token = _ref.token;
|
|
17
17
|
return {
|
|
18
18
|
container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 12px 0;\n background: ", ";\n border-top: 1px solid ", ";\n "])), token.colorFillQuaternary, rgba(token.colorBorder, 0.25)),
|
|
19
|
-
expand: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n height: 100%;\n "]))),
|
|
19
|
+
expand: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: absolute;\n height: 100%;\n background: ", ";\n "])), token.colorBgLayout),
|
|
20
20
|
expandButton: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: absolute;\n left: 14px;\n "]))),
|
|
21
21
|
expandTextArea: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n flex: 1;\n "]))),
|
|
22
22
|
inner: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n height: inherit;\n padding: 0 8px;\n "])))
|
|
@@ -11,7 +11,8 @@ var Title = /*#__PURE__*/memo(function (_ref) {
|
|
|
11
11
|
avatar = _ref.avatar;
|
|
12
12
|
var _useStyles = useStyles({
|
|
13
13
|
placement: placement,
|
|
14
|
-
showTitle: showTitle
|
|
14
|
+
showTitle: showTitle,
|
|
15
|
+
time: time
|
|
15
16
|
}),
|
|
16
17
|
styles = _useStyles.styles;
|
|
17
18
|
return /*#__PURE__*/_jsxs(Flexbox, {
|
package/es/ChatItem/index.js
CHANGED
package/es/ChatItem/style.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ export declare const useStyles: (props?: {
|
|
|
4
4
|
placement?: "left" | "right" | undefined;
|
|
5
5
|
primary?: boolean | undefined;
|
|
6
6
|
showTitle?: boolean | undefined;
|
|
7
|
+
time?: number | undefined;
|
|
7
8
|
title?: string | undefined;
|
|
8
9
|
type?: "block" | "pure" | undefined;
|
|
9
10
|
} | undefined) => import("antd-style").ReturnStyles<{
|
package/es/ChatItem/style.js
CHANGED
|
@@ -12,8 +12,8 @@ export var useStyles = createStyles(function (_ref, _ref2) {
|
|
|
12
12
|
title = _ref2.title,
|
|
13
13
|
primary = _ref2.primary,
|
|
14
14
|
avatarSize = _ref2.avatarSize,
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
editing = _ref2.editing,
|
|
16
|
+
time = _ref2.time;
|
|
17
17
|
var blockStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 8px 12px;\n background-color: ", ";\n border-radius: ", "px;\n transition: background-color 100ms ", ";\n "])), primary ? isDarkMode ? token.colorFill : token.colorBgElevated : isDarkMode ? token.colorFillSecondary : token.colorBgContainer, token.borderRadiusLG, token.motionEaseOut);
|
|
18
18
|
var pureStylish = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding-top: ", ";\n "])), title ? 0 : '6px');
|
|
19
19
|
var pureContainerStylish = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n margin-bottom: -16px;\n transition: background-color 100ms ", ";\n "])), token.motionEaseOut);
|
|
@@ -23,15 +23,15 @@ export var useStyles = createStyles(function (_ref, _ref2) {
|
|
|
23
23
|
actions: cx(css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n flex: none;\n align-self: ", ";\n justify-content: ", ";\n "])), type === 'block' ? 'flex-end' : placement === 'left' ? 'flex-start' : 'flex-end', placement === 'left' ? 'flex-end' : 'flex-start'), editing && css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n pointer-events: none !important;\n opacity: 0 !important;\n "])))),
|
|
24
24
|
avatarContainer: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n position: relative;\n flex: none;\n width: ", "px;\n height: ", "px;\n "])), avatarSize, avatarSize),
|
|
25
25
|
avatarGroupContainer: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n width: ", "px;\n "])), avatarSize),
|
|
26
|
-
container: cx(type === 'pure' && pureContainerStylish, css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n position: relative;\n
|
|
26
|
+
container: cx(type === 'pure' && pureContainerStylish, css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n position: relative;\n width: 100%;\n max-width: 100vw;\n padding: 16px;\n\n time {\n display: inline-block;\n white-space: nowrap;\n }\n\n div[role='menubar'] {\n display: flex;\n }\n\n time,\n div[role='menubar'] {\n pointer-events: none;\n opacity: 0;\n transition: opacity 200ms ", ";\n }\n\n &:hover {\n time,\n div[role='menubar'] {\n pointer-events: unset;\n opacity: 1;\n }\n }\n\n ", " {\n padding: 4px 8px;\n }\n "])), token.motionEaseOut, responsive.mobile)),
|
|
27
27
|
editingContainer: cx(editingStylish, css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n padding: 8px 12px 12px;\n border: 1px solid ", ";\n\n &:active,\n &:hover {\n border-color: ", ";\n }\n "])), token.colorBorderSecondary, token.colorBorder), type === 'pure' && css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n background: ", ";\n border-radius: ", "px;\n "])), token.colorFillQuaternary, token.borderRadius)),
|
|
28
28
|
editingInput: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n width: 100%;\n "]))),
|
|
29
29
|
errorContainer: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n position: relative;\n overflow: hidden;\n width: 100%;\n "]))),
|
|
30
30
|
loading: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n position: absolute;\n right: ", ";\n bottom: 0;\n left: ", ";\n\n width: 16px;\n height: 16px;\n\n color: ", ";\n\n background: ", ";\n border-radius: 50%;\n "])), placement === 'left' ? '-4px' : 'unset', placement === 'right' ? '-4px' : 'unset', token.colorBgLayout, token.colorPrimary),
|
|
31
31
|
message: cx(typeStylish, css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n position: relative;\n\n ", " {\n width: 100%;\n }\n "])), responsive.mobile)),
|
|
32
|
-
messageContainer: cx(editingStylish, css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n position: relative;\n overflow: hidden;\n max-width: 100%;\n\n ", " {\n overflow-x: auto;\n }\n "])), responsive.mobile)),
|
|
32
|
+
messageContainer: cx(editingStylish, css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n position: relative;\n overflow: hidden;\n max-width: 100%;\n margin-top: ", "px;\n\n ", " {\n overflow-x: auto;\n }\n "])), time ? -16 : 0, responsive.mobile)),
|
|
33
33
|
messageContent: cx(editingStylish, css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n position: relative;\n overflow-x: hidden;\n max-width: 100%;\n\n ", " {\n flex-direction: column !important;\n }\n "])), responsive.mobile)),
|
|
34
34
|
messageExtra: cx('message-extra'),
|
|
35
|
-
name: css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n
|
|
35
|
+
name: css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n margin-bottom: 6px;\n\n font-size: 12px;\n line-height: 1;\n color: ", ";\n text-align: ", ";\n "])), token.colorTextDescription, placement === 'left' ? 'left' : 'right')
|
|
36
36
|
};
|
|
37
37
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lobehub/ui",
|
|
3
|
-
"version": "1.128.
|
|
3
|
+
"version": "1.128.5",
|
|
4
4
|
"description": "Lobe UI is an open-source UI component library for building AIGC web apps",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"lobehub",
|
|
@@ -31,7 +31,6 @@
|
|
|
31
31
|
"build:watch": "father dev",
|
|
32
32
|
"ci": "npm run lint && npm run type-check",
|
|
33
33
|
"clean": "rm -r es lib dist coverage .dumi/tmp .eslintcache node_modules/.cache",
|
|
34
|
-
"dev": "father dev",
|
|
35
34
|
"docs:build": "dumi build",
|
|
36
35
|
"docs:build-analyze": "ANALYZE=1 dumi build",
|
|
37
36
|
"docs:dev": "dumi dev",
|