@lobehub/ui 1.11.0 → 1.11.1
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/lib/ActionIcon/index.js +77 -79
- package/lib/ActionIcon/style.js +17 -61
- package/lib/Avatar/index.js +62 -67
- package/lib/Chat/const.js +6 -27
- package/lib/Chat/index.js +24 -28
- package/lib/Chat/store/index.js +46 -40
- package/lib/Chat/store/initialState.js +6 -27
- package/lib/Chat/store/messageReducer.js +51 -58
- package/lib/Chat/store/selectors.js +44 -46
- package/lib/Chat/store/store.js +242 -115
- package/lib/Chat/types.js +4 -16
- package/lib/Chat/utils/fetch.js +104 -68
- package/lib/ContextMenu/MenuItem/icons.js +48 -66
- package/lib/ContextMenu/MenuItem/index.js +73 -66
- package/lib/ContextMenu/MenuItem/style.js +19 -89
- package/lib/ContextMenu/index.js +194 -178
- package/lib/ContextMenu/style.js +17 -85
- package/lib/ContextMenu/types/index.js +15 -18
- package/lib/ContextMenu/types/menuItem.js +4 -16
- package/lib/Conversation/App.js +47 -50
- package/lib/Conversation/ChatList/MessageItem/Content.js +98 -93
- package/lib/Conversation/ChatList/MessageItem/Toolbar.js +94 -104
- package/lib/Conversation/ChatList/MessageItem/index.js +125 -157
- package/lib/Conversation/ChatList/index.js +64 -58
- package/lib/Conversation/InputArea/ActionBar.js +74 -92
- package/lib/Conversation/InputArea/index.js +103 -142
- package/lib/Conversation/StoreUpdater.js +28 -48
- package/lib/Conversation/index.js +30 -42
- package/lib/CopyButton/index.js +37 -62
- package/lib/DraggablePanel/index.js +192 -207
- package/lib/DraggablePanel/style.js +30 -278
- package/lib/DraggablePanel/utils.js +14 -35
- package/lib/EditableMessage/index.js +66 -89
- package/lib/EditableMessageList/index.js +97 -112
- package/lib/EditableText/index.js +36 -49
- package/lib/Highlighter/SyntaxHighlighter/Prism.js +43 -38
- package/lib/Highlighter/SyntaxHighlighter/index.js +62 -53
- package/lib/Highlighter/SyntaxHighlighter/style.js +18 -56
- package/lib/Highlighter/index.js +52 -58
- package/lib/Highlighter/style.js +22 -101
- package/lib/Icon/index.js +29 -36
- package/lib/Input/index.js +45 -43
- package/lib/Input/style.js +17 -67
- package/lib/List/ListItem/index.js +108 -150
- package/lib/List/ListItem/time.js +15 -47
- package/lib/List/index.js +9 -37
- package/lib/Logo/Divider.js +21 -34
- package/lib/Logo/Logo3D.js +17 -33
- package/lib/Logo/LogoFlat.js +108 -118
- package/lib/Logo/LogoHighContrast.js +30 -33
- package/lib/Logo/LogoText.js +21 -34
- package/lib/Logo/index.js +97 -59
- package/lib/Logo/style.js +13 -36
- package/lib/Markdown/Code.js +16 -30
- package/lib/Markdown/CodeBlock.js +33 -65
- package/lib/Markdown/index.js +35 -54
- package/lib/Markdown/style.js +15 -129
- package/lib/MessageInput/index.js +60 -56
- package/lib/MessageModal/index.js +80 -91
- package/lib/SearchBar/index.js +86 -73
- package/lib/SearchBar/style.js +18 -46
- package/lib/SideNav/index.js +43 -31
- package/lib/SideNav/style.js +13 -43
- package/lib/Snippet/index.js +42 -45
- package/lib/Snippet/style.js +13 -71
- package/lib/StroyBook/index.js +60 -61
- package/lib/StroyBook/style.js +19 -87
- package/lib/Swatches/index.js +35 -53
- package/lib/TabsNav/index.js +23 -31
- package/lib/TabsNav/style.js +17 -60
- package/lib/ThemeProvider/GlobalStyle.js +29 -92
- package/lib/ThemeProvider/index.js +43 -57
- package/lib/ThemeSwitch/index.js +62 -46
- package/lib/Tooltip/index.js +26 -31
- package/lib/Tooltip/style.js +13 -49
- package/lib/components/ControlInput.js +86 -87
- package/lib/hooks/useCopied.js +27 -37
- package/lib/hooks/useHighlight.js +65 -70
- package/lib/index.js +211 -120
- package/lib/styles/algorithms/generateColorPalette.js +28 -60
- package/lib/styles/algorithms/generateCustomStylish.js +22 -117
- package/lib/styles/algorithms/generateCustomToken.js +51 -65
- package/lib/styles/algorithms/generateTheme.js +22 -53
- package/lib/styles/colors.js +121 -1766
- package/lib/styles/index.js +23 -32
- package/lib/styles/theme/base.js +11 -32
- package/lib/styles/theme/dark.js +38 -62
- package/lib/styles/theme/light.js +38 -62
- package/lib/types/index.js +4 -16
- package/lib/utils/colorUtils.js +14 -48
- package/package.json +1 -1
package/lib/ActionIcon/index.js
CHANGED
|
@@ -1,82 +1,80 @@
|
|
|
1
|
-
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
-
};
|
|
9
|
-
var __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
-
}
|
|
15
|
-
return to;
|
|
16
|
-
};
|
|
17
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
1
|
+
"use strict";
|
|
18
2
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
default: () => ActionIcon_default
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
23
6
|
});
|
|
24
|
-
|
|
25
|
-
var
|
|
26
|
-
var
|
|
27
|
-
var
|
|
28
|
-
var
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
);
|
|
75
|
-
if (!title)
|
|
76
|
-
return actionIconBlock;
|
|
77
|
-
return /* @__PURE__ */ React.createElement(import__.Tooltip, { arrow, title, placement }, actionIconBlock);
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
|
+
var _ = require("./..");
|
|
11
|
+
var _react = require("react");
|
|
12
|
+
var _style = require("./style");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
var _excluded = ["className", "active", "icon", "size", "style", "glass", "title", "placement", "arrow"];
|
|
15
|
+
var ActionIcon = /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
16
|
+
var className = _ref.className,
|
|
17
|
+
active = _ref.active,
|
|
18
|
+
icon = _ref.icon,
|
|
19
|
+
_ref$size = _ref.size,
|
|
20
|
+
size = _ref$size === void 0 ? 'normal' : _ref$size,
|
|
21
|
+
style = _ref.style,
|
|
22
|
+
glass = _ref.glass,
|
|
23
|
+
title = _ref.title,
|
|
24
|
+
placement = _ref.placement,
|
|
25
|
+
_ref$arrow = _ref.arrow,
|
|
26
|
+
arrow = _ref$arrow === void 0 ? false : _ref$arrow,
|
|
27
|
+
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
28
|
+
var _useStyles = (0, _style.useStyles)({
|
|
29
|
+
active: Boolean(active),
|
|
30
|
+
glass: Boolean(glass)
|
|
31
|
+
}),
|
|
32
|
+
styles = _useStyles.styles,
|
|
33
|
+
cx = _useStyles.cx;
|
|
34
|
+
var blockSize;
|
|
35
|
+
var borderRadius;
|
|
36
|
+
switch (size) {
|
|
37
|
+
case 'large':
|
|
38
|
+
blockSize = 44;
|
|
39
|
+
borderRadius = 8;
|
|
40
|
+
break;
|
|
41
|
+
case 'normal':
|
|
42
|
+
blockSize = 36;
|
|
43
|
+
borderRadius = 5;
|
|
44
|
+
break;
|
|
45
|
+
case 'small':
|
|
46
|
+
blockSize = 24;
|
|
47
|
+
borderRadius = 5;
|
|
48
|
+
break;
|
|
49
|
+
case 'site':
|
|
50
|
+
blockSize = 34;
|
|
51
|
+
borderRadius = 5;
|
|
52
|
+
break;
|
|
53
|
+
default:
|
|
54
|
+
blockSize = (size === null || size === void 0 ? void 0 : size.blockSize) || 36;
|
|
55
|
+
borderRadius = (size === null || size === void 0 ? void 0 : size.borderRadius) || 5;
|
|
56
|
+
break;
|
|
78
57
|
}
|
|
79
|
-
)
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
58
|
+
var actionIconBlock = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({
|
|
59
|
+
className: cx(styles.block, className),
|
|
60
|
+
style: (0, _objectSpread2.default)({
|
|
61
|
+
width: blockSize,
|
|
62
|
+
height: blockSize,
|
|
63
|
+
borderRadius: borderRadius
|
|
64
|
+
}, style)
|
|
65
|
+
}, props), {}, {
|
|
66
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Icon, {
|
|
67
|
+
size: size === 'site' ? 'normal' : size,
|
|
68
|
+
icon: icon
|
|
69
|
+
})
|
|
70
|
+
}));
|
|
71
|
+
if (!title) return actionIconBlock;
|
|
72
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tooltip, {
|
|
73
|
+
arrow: arrow,
|
|
74
|
+
title: title,
|
|
75
|
+
placement: placement,
|
|
76
|
+
children: actionIconBlock
|
|
77
|
+
});
|
|
78
|
+
});
|
|
79
|
+
var _default = ActionIcon;
|
|
80
|
+
exports.default = _default;
|
package/lib/ActionIcon/style.js
CHANGED
|
@@ -1,64 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
-
};
|
|
9
|
-
var __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
-
}
|
|
15
|
-
return to;
|
|
16
|
-
};
|
|
17
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
1
|
+
"use strict";
|
|
18
2
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
useStyles: () => useStyles
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
23
6
|
});
|
|
24
|
-
|
|
25
|
-
var
|
|
26
|
-
var
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
align-items: center
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
color: ${active ? token.colorText : token.colorTextTertiary};
|
|
38
|
-
|
|
39
|
-
background: ${active ? token.colorFillTertiary : "transparent"};
|
|
40
|
-
|
|
41
|
-
transition: color 600ms ${token.motionEaseOut},
|
|
42
|
-
background-color 100ms ${token.motionEaseOut};
|
|
43
|
-
|
|
44
|
-
${glass && css`
|
|
45
|
-
backdrop-filter: saturate(180%) blur(10px);
|
|
46
|
-
`}
|
|
47
|
-
|
|
48
|
-
&:hover {
|
|
49
|
-
color: ${token.colorText};
|
|
50
|
-
background-color: ${token.colorFillSecondary};
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
&:active {
|
|
54
|
-
color: ${token.colorText};
|
|
55
|
-
background-color: ${token.colorFill};
|
|
56
|
-
}
|
|
57
|
-
`
|
|
58
|
-
};
|
|
59
|
-
}
|
|
60
|
-
);
|
|
61
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
62
|
-
0 && (module.exports = {
|
|
63
|
-
useStyles
|
|
7
|
+
exports.useStyles = void 0;
|
|
8
|
+
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
9
|
+
var _antdStyle = require("antd-style");
|
|
10
|
+
var _templateObject, _templateObject2;
|
|
11
|
+
var useStyles = (0, _antdStyle.createStyles)(function (_ref, _ref2) {
|
|
12
|
+
var css = _ref.css,
|
|
13
|
+
token = _ref.token;
|
|
14
|
+
var active = _ref2.active,
|
|
15
|
+
glass = _ref2.glass;
|
|
16
|
+
return {
|
|
17
|
+
block: css(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n cursor: pointer;\n\n display: flex;\n flex: none;\n align-items: center;\n justify-content: center;\n\n color: ", ";\n\n background: ", ";\n\n transition: color 600ms ", ",\n background-color 100ms ", ";\n\n ", "\n\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n\n &:active {\n color: ", ";\n background-color: ", ";\n }\n "])), active ? token.colorText : token.colorTextTertiary, active ? token.colorFillTertiary : 'transparent', token.motionEaseOut, token.motionEaseOut, glass && css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n backdrop-filter: saturate(180%) blur(10px);\n "]))), token.colorText, token.colorFillSecondary, token.colorText, token.colorFill)
|
|
18
|
+
};
|
|
64
19
|
});
|
|
20
|
+
exports.useStyles = useStyles;
|
package/lib/Avatar/index.js
CHANGED
|
@@ -1,74 +1,69 @@
|
|
|
1
|
-
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
-
};
|
|
9
|
-
var __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
-
}
|
|
15
|
-
return to;
|
|
16
|
-
};
|
|
17
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
1
|
+
"use strict";
|
|
18
2
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
default: () => Avatar_default
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
23
6
|
});
|
|
24
|
-
|
|
25
|
-
var
|
|
26
|
-
var
|
|
27
|
-
var
|
|
28
|
-
var
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
var
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
9
|
+
var _antd = require("antd");
|
|
10
|
+
var _antdStyle = require("antd-style");
|
|
11
|
+
var _reactLayoutKit = require("react-layout-kit");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
var _templateObject, _templateObject2;
|
|
14
|
+
var useStyles = (0, _antdStyle.createStyles)(function (_ref) {
|
|
15
|
+
var css = _ref.css,
|
|
16
|
+
token = _ref.token;
|
|
17
|
+
return {
|
|
18
|
+
container: css(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n cursor: pointer;\n\n > * {\n cursor: pointer;\n }\n "]))),
|
|
19
|
+
border: css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n border: 1px solid ", ";\n "])), token.colorBorder)
|
|
20
|
+
};
|
|
21
|
+
});
|
|
22
|
+
var Avatar = function Avatar(_ref2) {
|
|
23
|
+
var avatar = _ref2.avatar,
|
|
24
|
+
title = _ref2.title,
|
|
25
|
+
_ref2$size = _ref2.size,
|
|
26
|
+
size = _ref2$size === void 0 ? 40 : _ref2$size,
|
|
27
|
+
_ref2$shape = _ref2.shape,
|
|
28
|
+
shape = _ref2$shape === void 0 ? 'circle' : _ref2$shape,
|
|
29
|
+
background = _ref2.background;
|
|
30
|
+
var _useStyles = useStyles(),
|
|
31
|
+
styles = _useStyles.styles,
|
|
32
|
+
theme = _useStyles.theme;
|
|
33
|
+
var backgroundColor = background !== null && background !== void 0 ? background : theme.colorBgContainer;
|
|
34
|
+
var isImage = avatar && ['/', 'http', 'data:'].some(function (i) {
|
|
35
|
+
return avatar.startsWith(i);
|
|
36
|
+
});
|
|
37
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactLayoutKit.Center, {
|
|
38
|
+
style: {
|
|
39
|
+
width: size,
|
|
40
|
+
height: size,
|
|
41
|
+
borderRadius: shape === 'circle' ? '50%' : 6,
|
|
42
|
+
backgroundColor: backgroundColor,
|
|
43
|
+
borderWidth: isImage ? 1 : 0
|
|
44
|
+
},
|
|
45
|
+
className: styles.container,
|
|
46
|
+
children: !avatar ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Avatar, {
|
|
47
|
+
shape: shape,
|
|
48
|
+
size: size,
|
|
49
|
+
children: title === null || title === void 0 ? void 0 : title.slice(0, 2)
|
|
50
|
+
}) : isImage ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Avatar, {
|
|
51
|
+
shape: shape,
|
|
52
|
+
size: size,
|
|
53
|
+
src: avatar,
|
|
54
|
+
className: styles.border
|
|
55
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactLayoutKit.Center, {
|
|
56
|
+
className: styles.border,
|
|
47
57
|
style: {
|
|
48
58
|
width: size,
|
|
49
59
|
height: size,
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
},
|
|
54
|
-
className: styles.container
|
|
55
|
-
},
|
|
56
|
-
!avatar ? /* @__PURE__ */ React.createElement(import_antd.Avatar, { shape, size }, title == null ? void 0 : title.slice(0, 2)) : isImage ? /* @__PURE__ */ React.createElement(import_antd.Avatar, { shape, size, src: avatar, className: styles.border }) : /* @__PURE__ */ React.createElement(
|
|
57
|
-
import_react_layout_kit.Center,
|
|
58
|
-
{
|
|
59
|
-
className: styles.border,
|
|
60
|
-
style: {
|
|
61
|
-
width: size,
|
|
62
|
-
height: size,
|
|
63
|
-
fontSize: size / 2,
|
|
64
|
-
borderRadius: shape === "circle" ? "50%" : 6,
|
|
65
|
-
backgroundColor
|
|
66
|
-
}
|
|
60
|
+
fontSize: size / 2,
|
|
61
|
+
borderRadius: shape === 'circle' ? '50%' : 6,
|
|
62
|
+
backgroundColor: backgroundColor
|
|
67
63
|
},
|
|
68
|
-
avatar
|
|
69
|
-
)
|
|
70
|
-
);
|
|
64
|
+
children: avatar
|
|
65
|
+
})
|
|
66
|
+
});
|
|
71
67
|
};
|
|
72
|
-
var
|
|
73
|
-
|
|
74
|
-
0 && (module.exports = {});
|
|
68
|
+
var _default = Avatar;
|
|
69
|
+
exports.default = _default;
|
package/lib/Chat/const.js
CHANGED
|
@@ -1,29 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
-
};
|
|
9
|
-
var __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
-
}
|
|
15
|
-
return to;
|
|
16
|
-
};
|
|
17
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
1
|
+
"use strict";
|
|
18
2
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
__export(const_exports, {
|
|
22
|
-
LOADING_FLAT: () => LOADING_FLAT
|
|
23
|
-
});
|
|
24
|
-
module.exports = __toCommonJS(const_exports);
|
|
25
|
-
var LOADING_FLAT = "...";
|
|
26
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
27
|
-
0 && (module.exports = {
|
|
28
|
-
LOADING_FLAT
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
29
5
|
});
|
|
6
|
+
exports.LOADING_FLAT = void 0;
|
|
7
|
+
var LOADING_FLAT = '...';
|
|
8
|
+
exports.LOADING_FLAT = LOADING_FLAT;
|
package/lib/Chat/index.js
CHANGED
|
@@ -1,31 +1,27 @@
|
|
|
1
|
-
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
-
};
|
|
9
|
-
var __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
-
}
|
|
15
|
-
return to;
|
|
16
|
-
};
|
|
17
|
-
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
1
|
+
"use strict";
|
|
19
2
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
__export(Chat_exports, {
|
|
23
|
-
messagesReducer: () => import_store.messagesReducer
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
24
5
|
});
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
6
|
+
var _exportNames = {
|
|
7
|
+
messagesReducer: true
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "messagesReducer", {
|
|
10
|
+
enumerable: true,
|
|
11
|
+
get: function get() {
|
|
12
|
+
return _store.messagesReducer;
|
|
13
|
+
}
|
|
31
14
|
});
|
|
15
|
+
var _store = require("./store");
|
|
16
|
+
var _types = require("./types");
|
|
17
|
+
Object.keys(_types).forEach(function (key) {
|
|
18
|
+
if (key === "default" || key === "__esModule") return;
|
|
19
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
20
|
+
if (key in exports && exports[key] === _types[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function get() {
|
|
24
|
+
return _types[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
});
|
package/lib/Chat/store/index.js
CHANGED
|
@@ -1,44 +1,50 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _exportNames = {
|
|
7
|
+
createChatStore: true,
|
|
8
|
+
Provider: true,
|
|
9
|
+
useStore: true,
|
|
10
|
+
useStoreApi: true,
|
|
11
|
+
messagesReducer: true
|
|
8
12
|
};
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
13
|
+
exports.createChatStore = exports.Provider = void 0;
|
|
14
|
+
Object.defineProperty(exports, "messagesReducer", {
|
|
15
|
+
enumerable: true,
|
|
16
|
+
get: function get() {
|
|
17
|
+
return _messageReducer.messagesReducer;
|
|
14
18
|
}
|
|
15
|
-
return to;
|
|
16
|
-
};
|
|
17
|
-
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/Chat/store/index.ts
|
|
21
|
-
var store_exports = {};
|
|
22
|
-
__export(store_exports, {
|
|
23
|
-
Provider: () => Provider,
|
|
24
|
-
createChatStore: () => createChatStore,
|
|
25
|
-
messagesReducer: () => import_messageReducer.messagesReducer,
|
|
26
|
-
useStore: () => useStore,
|
|
27
|
-
useStoreApi: () => useStoreApi
|
|
28
19
|
});
|
|
29
|
-
|
|
30
|
-
var
|
|
31
|
-
var
|
|
32
|
-
var
|
|
33
|
-
var
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
20
|
+
exports.useStoreApi = exports.useStore = void 0;
|
|
21
|
+
var _zustand = require("zustand");
|
|
22
|
+
var _zustandUtils = require("zustand-utils");
|
|
23
|
+
var _store = require("./store");
|
|
24
|
+
var _messageReducer = require("./messageReducer");
|
|
25
|
+
var _selectors = require("./selectors");
|
|
26
|
+
Object.keys(_selectors).forEach(function (key) {
|
|
27
|
+
if (key === "default" || key === "__esModule") return;
|
|
28
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
29
|
+
if (key in exports && exports[key] === _selectors[key]) return;
|
|
30
|
+
Object.defineProperty(exports, key, {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function get() {
|
|
33
|
+
return _selectors[key];
|
|
34
|
+
}
|
|
35
|
+
});
|
|
44
36
|
});
|
|
37
|
+
var createChatStore = function createChatStore() {
|
|
38
|
+
var showDevtools = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
39
|
+
return (0, _zustand.create)()((0, _zustandUtils.optionalDevtools)(showDevtools)(_store.createStore, {
|
|
40
|
+
name: 'CHAT_COMPONENT'
|
|
41
|
+
}));
|
|
42
|
+
};
|
|
43
|
+
exports.createChatStore = createChatStore;
|
|
44
|
+
var _createContext = (0, _zustandUtils.createContext)(),
|
|
45
|
+
Provider = _createContext.Provider,
|
|
46
|
+
useStore = _createContext.useStore,
|
|
47
|
+
useStoreApi = _createContext.useStoreApi;
|
|
48
|
+
exports.useStoreApi = useStoreApi;
|
|
49
|
+
exports.useStore = useStore;
|
|
50
|
+
exports.Provider = Provider;
|
|
@@ -1,29 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
-
};
|
|
9
|
-
var __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
-
}
|
|
15
|
-
return to;
|
|
16
|
-
};
|
|
17
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
1
|
+
"use strict";
|
|
18
2
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
__export(initialState_exports, {
|
|
22
|
-
initialState: () => initialState
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
23
5
|
});
|
|
24
|
-
|
|
6
|
+
exports.initialState = void 0;
|
|
25
7
|
var initialState = {
|
|
26
|
-
message:
|
|
8
|
+
message: '',
|
|
27
9
|
messages: [],
|
|
28
10
|
loading: false,
|
|
29
11
|
changingSystemRole: false,
|
|
@@ -31,7 +13,4 @@ var initialState = {
|
|
|
31
13
|
createAt: -1,
|
|
32
14
|
updateAt: -1
|
|
33
15
|
};
|
|
34
|
-
|
|
35
|
-
0 && (module.exports = {
|
|
36
|
-
initialState
|
|
37
|
-
});
|
|
16
|
+
exports.initialState = initialState;
|