UNPKG

z-react-ui

Version:

z-react-ui,是一款基于 Dumi,由 React + TypeScript 开发的组件库 🎉。

60 lines (48 loc) 2.2 kB
"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;