@lobehub/ui 1.115.3 → 1.115.4
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,9 +16,9 @@ var ErrorContent = /*#__PURE__*/memo(function (_ref) {
|
|
|
16
16
|
}),
|
|
17
17
|
styles = _useStyles.styles;
|
|
18
18
|
return /*#__PURE__*/_jsxs(Flexbox, {
|
|
19
|
+
className: styles.errorContent,
|
|
19
20
|
gap: 8,
|
|
20
21
|
children: [/*#__PURE__*/_jsx(Alert, _objectSpread({
|
|
21
|
-
className: styles.alert,
|
|
22
22
|
showIcon: true,
|
|
23
23
|
type: 'error'
|
|
24
24
|
}, error)), message]
|
package/es/ChatItem/style.d.ts
CHANGED
|
@@ -8,12 +8,12 @@ export declare const useStyles: (props?: {
|
|
|
8
8
|
type?: "block" | "pure" | undefined;
|
|
9
9
|
} | undefined) => import("antd-style").ReturnStyles<{
|
|
10
10
|
actions: string;
|
|
11
|
-
alert: import("antd-style").SerializedStyles;
|
|
12
11
|
avatarContainer: import("antd-style").SerializedStyles;
|
|
13
12
|
avatarGroupContainer: import("antd-style").SerializedStyles;
|
|
14
13
|
container: string;
|
|
15
14
|
editingContainer: string;
|
|
16
15
|
editingInput: import("antd-style").SerializedStyles;
|
|
16
|
+
errorContent: import("antd-style").SerializedStyles;
|
|
17
17
|
loading: import("antd-style").SerializedStyles;
|
|
18
18
|
message: string;
|
|
19
19
|
messageContainer: string;
|
package/es/ChatItem/style.js
CHANGED
|
@@ -21,16 +21,16 @@ export var useStyles = createStyles(function (_ref, _ref2) {
|
|
|
21
21
|
var editingStylish = editing && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n width: 100%;\n "])));
|
|
22
22
|
return {
|
|
23
23
|
actions: cx(css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\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
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
24
|
+
avatarContainer: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n position: relative;\n flex: none;\n width: ", "px;\n height: ", "px;\n "])), avatarSize, avatarSize),
|
|
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 width: 100%;\n max-width: 100vw;\n padding: 12px 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
|
+
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
|
+
editingInput: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n width: 100%;\n "]))),
|
|
29
|
+
errorContent: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n ", " {\n width: 100%;\n }\n "])), responsive.mobile),
|
|
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 "])))),
|
|
32
|
-
messageContainer: cx(editingStylish, css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n position: relative;\n "])))),
|
|
33
|
-
messageContent: cx(editingStylish, css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n position: relative;\n overflow-x: hidden;\n\n ", " {\n flex-direction: column !important;\n }\n "])), responsive.mobile)),
|
|
32
|
+
messageContainer: cx(editingStylish, css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n position: relative;\n\n ", " {\n max-width: 100%;\n }\n "])), responsive.mobile)),
|
|
33
|
+
messageContent: cx(editingStylish, css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n position: relative;\n overflow-x: hidden;\n\n ", " {\n flex-direction: column !important;\n width: 100%;\n }\n "])), responsive.mobile)),
|
|
34
34
|
messageExtra: cx('message-extra'),
|
|
35
35
|
name: css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n position: ", ";\n top: ", ";\n right: ", ";\n left: ", ";\n\n margin-bottom: 6px;\n\n font-size: 12px;\n line-height: 1;\n color: ", ";\n text-align: ", ";\n "])), showTitle ? 'relative' : 'absolute', showTitle ? 'unset' : '-16px', placement === 'right' ? '0' : 'unset', placement === 'left' ? '0' : 'unset', token.colorTextDescription, placement === 'left' ? 'left' : 'right')
|
|
36
36
|
};
|