z-react-ui
Version:
z-react-ui,是一款基于 Dumi,由 React + TypeScript 开发的组件库 🎉。
60 lines (48 loc) • 2.2 kB
JavaScript
"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireWildcard(require("react"));
var _hooks = require("@/_hooks");
var _classnames = _interopRequireDefault(require("classnames"));
var _zReactUi = require("z-react-ui");
// #----------- 上: ts类型定义 ----------- 分割线 ----------- 下: JS代码 -----------
var defaultFieldNames = {};
var ChatPanel = function ChatPanel(_ref, ref) {
var dataSource = _ref.dataSource,
_ref$fieldNames = _ref.fieldNames,
fieldNames = _ref$fieldNames === void 0 ? defaultFieldNames : _ref$fieldNames,
loginId = _ref.loginId,
loadMore = _ref.loadMore,
isLoading = _ref.isLoading,
hasMore = _ref.hasMore,
msgTypeManage = _ref.msgTypeManage,
reachedTopThreshold = _ref.reachedTopThreshold,
props = (0, _objectWithoutProperties2.default)(_ref, ["dataSource", "fieldNames", "loginId", "loadMore", "isLoading", "hasMore", "msgTypeManage", "reachedTopThreshold"]);
var prefixCls = (0, _hooks.usePrefixCls)('chat-panel');
var chatListRef = (0, _react.useRef)();
(0, _react.useImperativeHandle)(ref, function () {
return {
chatListRearchBottom: chatListRef.current.chatListRearchBottom
};
}, []);
return /*#__PURE__*/_react.default.createElement("div", {
className: (0, _classnames.default)(prefixCls)
}, /*#__PURE__*/_react.default.createElement(_zReactUi.ChatList, {
dataSource: dataSource,
loginId: loginId,
loadMore: loadMore,
isLoading: isLoading,
hasMore: hasMore,
fieldNames: fieldNames,
msgTypeManage: msgTypeManage,
reachedTopThreshold: reachedTopThreshold,
ref: chatListRef
}), /*#__PURE__*/_react.default.createElement(_zReactUi.SendMsg, Object.assign({}, props)));
};
var _default = /*#__PURE__*/(0, _react.forwardRef)(ChatPanel);
exports.default = _default;