agora-ui-foundation 1.0.0

package/lib/components/chat-manager/index.js

@@ -0,0 +1,156 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatManager = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _type = require("../icon/type");
+var _dropMenu = require("../drop-menu");
+var _tooltip = require("../tooltip");
+var _iconButton = require("../icon-button");
+var _i18n = require("../../i18n");
+require("./index.css");
+var _popover = require("../popover");
+var _iconText = require("../icon-text");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var ChatLevelOption = function ChatLevelOption(_ref) {
+  var txt = _ref.txt,
+    _ref$selected = _ref.selected,
+    selected = _ref$selected === void 0 ? false : _ref$selected;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconText.IconText, {
+    icon: _type.FcrIconType.FCR_CHOOSEIT,
+    txt: txt,
+    colors: selected ? {
+      iconPrimary: 'var(--fcr_web_ui_scene_mainicon2)'
+    } : {},
+    classnames: selected ? {
+      'fcr-icon-text--selected': true
+    } : {}
+  });
+};
+var ChatManager = exports.ChatManager = function ChatManager(_ref2) {
+  var isManager = _ref2.isManager,
+    setAllowChat = _ref2.setAllowChat,
+    setAllowChatWithPayload = _ref2.setAllowChatWithPayload,
+    allowChatLevel = _ref2.allowChatLevel;
+  var t = (0, _i18n.useI18n)();
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    managerVisible = _useState2[0],
+    setManagerVisible = _useState2[1];
+  var actions = [{
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(ChatLevelOption, {
+      txt: t('fmt_chat_send_open'),
+      selected: allowChatLevel === 'everyone'
+    }),
+    key: 'everyone',
+    onButtonClick: function onButtonClick() {
+      if (allowChatLevel === 'everyone') {
+        return;
+      }
+      // 开放聊天
+      setAllowChat === null || setAllowChat === void 0 || setAllowChat(true);
+      setManagerVisible(false);
+    }
+  },
+  // TODO: 环信暂不支持
+  // {
+  //   title: (
+  //     <ChatLevelOption txt={t('chat_permission_public')} selected={allowChatLevel === 'public'} />
+  //   ),
+  //   key: 'public',
+  //   onButtonClick: () => {
+  //     if (allowChatLevel === 'public') {
+  //       return;
+  //     }
+  //     setAllowChatWithPayload?.('public');
+  //   },
+  // },
+  // {
+  //   title: (
+  //     <ChatLevelOption
+  //       txt={t('fmt_additional_options_onlyprivatechat')}
+  //       selected={allowChatLevel === 'private_to_manager'}
+  //     />
+  //   ),
+  //   key: 'private_to_manager',
+  //   onButtonClick: () => {
+  //     if (allowChatLevel === 'private_to_manager') {
+  //       return;
+  //     }
+  //     setAllowChatWithPayload?.('private_to_manager');
+  //   },
+  // },
+  {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(ChatLevelOption, {
+      txt: t('fmt_chat_send_limit'),
+      selected: allowChatLevel === 'no_one'
+    }),
+    key: 'no_one',
+    onButtonClick: function onButtonClick() {
+      if (allowChatLevel === 'no_one') {
+        return;
+      }
+      // 全员禁言
+      setAllowChat === null || setAllowChat === void 0 || setAllowChat(false);
+      setManagerVisible(false);
+    }
+  }];
+  var closePopover = function closePopover() {
+    setManagerVisible(false);
+  };
+  if (!isManager) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    id: "fcr_chat_manager",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.FcrPopover, {
+      visible: managerVisible,
+      trigger: "click",
+      placement: "bottom",
+      overlayClassName: 'fcr_chat_manager_popover_overlay',
+      overlayInnerStyle: {
+        boxShadow: 'none',
+        border: 'none'
+      },
+      content: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        onClick: closePopover,
+        className: "fcr_chat_drop_menu",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropMenu.FcrDropMenu, {
+          title: t('fmt_chat_setting_value'),
+          options: actions
+        })
+      }),
+      onVisibleChange: function onVisibleChange(visible) {
+        setManagerVisible(visible);
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+        content: t('fmt_additional_label_Chatmanagement'),
+        mouseEnterDelay: 0,
+        trigger: "hover",
+        placement: "bottom",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButton.FcrIconButton, {
+          className: "frc-window-header__icon fcr-no-drag",
+          icon: _type.FcrIconType.FCR_MOBILE_MORE,
+          iconColors: {
+            iconPrimary: 'var(--fcr_ui_scene_icontext1)'
+          },
+          onClick: function onClick() {
+            setManagerVisible(true);
+          }
+        })
+      })
+    })
+  });
+};

package/lib/components/chat-wrapper/chat-top.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ChatTopBarMock: React.FC;

package/lib/components/chat-wrapper/chat-top.js

@@ -0,0 +1,59 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatTopBarMock = void 0;
+var _icon = require("../icon");
+var _type = require("../icon/type");
+var _jsxRuntime = require("react/jsx-runtime");
+// TODO: 用 sideBar 代替 chat-top-bar
+var ChatTopBarMock = exports.ChatTopBarMock = function ChatTopBarMock() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      padding: '9px 9px 9px 12px'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        display: 'flex',
+        lineHeight: '14px',
+        fontSize: '14px',
+        fontWeight: 700,
+        fontFamily: 'Verdana',
+        color: 'var(--fcr_ui_scene_icontext1)'
+      },
+      children: "Chat"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+        size: 22,
+        type: _type.FcrIconType.FCR_MOBILE_MORE,
+        colors: {
+          iconPrimary: 'gray'
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+        size: 22,
+        type: _type.FcrIconType.FCR_WINDOWPAGE_BIGGER,
+        colors: {
+          iconPrimary: 'gray'
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+        size: 22,
+        type: _type.FcrIconType.FCR_CLOSE,
+        colors: {
+          iconPrimary: 'gray'
+        }
+      })]
+    })]
+  });
+};

package/lib/components/chat-wrapper/index.css

@@ -0,0 +1,96 @@
+/* chat wrapper */
+.fcr-chat-wrapper {
+  height: 100%;
+  width: 100%;
+  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
+
+  display: flex;
+  justify-content: space-between;
+  flex: 1;
+  flex-direction: column;
+  grid-template-rows: auto 0fr;
+  position: relative;
+
+  min-width: 320px;
+}
+
+.fcr-chat-wrapper-radius {
+  border-radius: var(--fcr_cornerradius_m);
+}
+
+/* chat container */
+.fcr-chat-container-wrapper {
+  position: relative;
+  overflow: hidden;
+
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+  flex: 1;
+
+  min-height: 113px;
+}
+
+.fcr-chat-top-bar {
+  position: sticky;
+  top: 0;
+}
+
+.fcr-chat-container {
+  scrollbar-width: none;
+
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  align-items: center;
+}
+
+/* chat input */
+.fcr-chat-msg-box {
+  display: flex;
+  flex-direction: column;
+  align-self: flex-end;
+  width: 100%;
+  padding: 0 4px 5px;
+}
+
+.fcr-chat-container .ReactVirtualized__Grid__innerScrollContainer {
+  min-height: 100%;
+}
+
+.fcr-user-offline-nickname {
+  font-weight: 600;
+  max-width: 75px;
+  white-space: nowrap;
+  display: inline-block;
+}
+
+.fcr-user-offline-txt {
+  font-weight: 400;
+
+  word-break: break-word;
+  margin-left: 4px;
+}
+
+.fcr-blink-content--user-state {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+}
+
+.fcr-blink-content--user-state p {
+  margin: unset;
+  font-family: Inter;
+}
+
+.fcr-chat-msg-box .fcr-text-bubble {
+  width: 100%;
+}
+
+.fcr-message-bar .fcr-text-bubble {
+  justify-content: flex-start;
+  width: auto;
+}

package/lib/components/chat-wrapper/index.d.ts

@@ -0,0 +1,26 @@
+import React, { CSSProperties } from 'react';
+import './index.css';
+export interface ChatWrapperProps {
+    msgBarElement?: any;
+    errorMsg?: string;
+    forbiddenTxt?: string;
+    styles?: CSSProperties;
+    singling?: boolean;
+    forbidden?: boolean;
+    isHost?: boolean;
+    handMsg?: (msg: string) => void;
+    onClose?: () => void;
+    onTypeChange?: () => void;
+    onSelectCancel?: () => void;
+    onSelectConfirm?: () => void;
+    multiSelectActive?: boolean;
+    selectCnt?: number;
+    targetUserIsOnline?: boolean;
+    selectTargetNickname?: string;
+    handleClickUploadImage?: () => void;
+    defaultMsg?: string;
+    updateChatTextMsg?: (msg: string) => void;
+    privateTarget: string;
+}
+export declare const CHAT_WRAPPER_CLASS = "fcr-chat-wrapper";
+export declare const ChatWrapper: React.FC<React.PropsWithChildren<ChatWrapperProps>>;

package/lib/components/chat-wrapper/index.js

@@ -0,0 +1,228 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatWrapper = exports.CHAT_WRAPPER_CLASS = void 0;
+require("core-js/modules/web.timers.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+require("./index.css");
+var _messageTextarea = require("../message-textarea");
+var _blinkingBox = require("../blinking-box");
+var _type = require("../icon/type");
+var _icon = require("../icon");
+var _iconText = require("../icon-text");
+var _textBubble = require("../text-bubble");
+var _multiSelect = require("../multi-select");
+var _i18n = require("../../i18n");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var CLEAR_NOTICE_INTERVAL = 10 * 1000;
+var FADE_OUT_INTERVAL = 1 * 1000;
+var CHAT_WRAPPER_CLASS = exports.CHAT_WRAPPER_CLASS = 'fcr-chat-wrapper';
+var ChatWrapper = exports.ChatWrapper = function ChatWrapper(_ref) {
+  var styles = _ref.styles,
+    errorMsg = _ref.errorMsg,
+    singling = _ref.singling,
+    forbidden = _ref.forbidden,
+    isHost = _ref.isHost,
+    forBiddenTxt = _ref.forbiddenTxt,
+    children = _ref.children,
+    handMsg = _ref.handMsg,
+    msgBarElement = _ref.msgBarElement,
+    onSelectCancel = _ref.onSelectCancel,
+    onSelectConfirm = _ref.onSelectConfirm,
+    _ref$multiSelectActiv = _ref.multiSelectActive,
+    multiSelectActive = _ref$multiSelectActiv === void 0 ? false : _ref$multiSelectActiv,
+    selectCnt = _ref.selectCnt,
+    _ref$targetUserIsOnli = _ref.targetUserIsOnline,
+    targetUserIsOnline = _ref$targetUserIsOnli === void 0 ? false : _ref$targetUserIsOnli,
+    selectTargetNickname = _ref.selectTargetNickname,
+    handleClickUploadImage = _ref.handleClickUploadImage,
+    _ref$defaultMsg = _ref.defaultMsg,
+    defaultMsg = _ref$defaultMsg === void 0 ? '' : _ref$defaultMsg,
+    updateChatTextMsg = _ref.updateChatTextMsg,
+    privateTarget = _ref.privateTarget;
+  var cls = (0, _classnames["default"])(CHAT_WRAPPER_CLASS, (0, _defineProperty2["default"])({}, "".concat(CHAT_WRAPPER_CLASS, "-radius"), singling));
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    errVisible = _useState2[0],
+    setErrVisible = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    showUserOffline = _useState4[0],
+    setShowUserOffline = _useState4[1];
+  var _useState5 = (0, _react.useState)('info'),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    noticeType = _useState6[0],
+    setNoticeType = _useState6[1];
+  var _useState7 = (0, _react.useState)('fcr-notice-animation-in'),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    tipClassnames = _useState8[0],
+    setTipClassnames = _useState8[1];
+  var _useState9 = (0, _react.useState)(privateTarget),
+    _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
+    lastTarget = _useState10[0],
+    setLastTarget = _useState10[1];
+  var hideNoticeTimeout = (0, _react.useRef)(0);
+  var animationTimeout = (0, _react.useRef)(0);
+  var t = (0, _i18n.useI18n)();
+  (0, _react.useEffect)(function () {
+    if (privateTarget !== lastTarget) {
+      setLastTarget(privateTarget);
+      // 选择其他在线用户
+      if (targetUserIsOnline) {
+        handleTipsAnimation(FADE_OUT_INTERVAL);
+      }
+    }
+    return function () {
+      clearTimeout(hideNoticeTimeout.current);
+      clearTimeout(animationTimeout.current);
+    };
+  }, [privateTarget]);
+
+  // 渐出
+  (0, _react.useEffect)(function () {
+    // 用户重新进来, 一定时间后消失
+    if (targetUserIsOnline && showUserOffline) {
+      handleTipsAnimation(CLEAR_NOTICE_INTERVAL);
+    }
+    return function () {
+      clearTimeout(hideNoticeTimeout.current);
+      clearTimeout(animationTimeout.current);
+    };
+  }, [targetUserIsOnline]);
+
+  // 渐入
+  (0, _react.useEffect)(function () {
+    if (targetUserIsOnline) {
+      return;
+    }
+
+    // 选中的用户不在线
+    setShowUserOffline(true);
+    setNoticeType('info');
+    setTipClassnames('fcr-notice-animation-in');
+    clearTimeout(hideNoticeTimeout.current);
+    clearTimeout(animationTimeout.current);
+  }, [selectTargetNickname, targetUserIsOnline]);
+  var handleTipsAnimation = function handleTipsAnimation(delay) {
+    hideNoticeTimeout.current = window.setTimeout(function () {
+      setShowUserOffline(false);
+      setNoticeType('info');
+      setTipClassnames('fcr-notice-animation-in');
+    }, delay);
+    animationTimeout.current = window.setTimeout(function () {
+      setTipClassnames('fcr-notice-animation-out');
+    }, delay - FADE_OUT_INTERVAL);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: cls,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames["default"])('fcr-chat-container-wrapper'),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fcr-chat-container",
+        children: children
+      })
+    }), multiSelectActive ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_multiSelect.MultiSelect, {
+      onCancel: onSelectCancel,
+      onConfirm: onSelectConfirm,
+      selectCnt: selectCnt
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "fcr-chat-msg-box",
+      children: forbidden ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_textBubble.TextBubble, {
+        styles: {
+          minWidth: 312,
+          maxHeight: 37
+        },
+        txt: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconText.IconText, {
+          icon: _type.FcrIconType.FCR_SETTING_NONE,
+          colors: {
+            iconPrimary: 'var(--fcr_ui_scene_icontext1)'
+          },
+          txt: forBiddenTxt
+        }),
+        type: "gray_2",
+        lineHeight: "large"
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blinkingBox.BlinkingBox, {
+          visible: errVisible,
+          type: 'error',
+          onChange: function onChange(val) {
+            if (!val) {
+              setErrVisible(false);
+            }
+          },
+          content: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: errorMsg
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blinkingBox.BlinkingBox, {
+          classnames: tipClassnames,
+          animationType: "slide",
+          styles: {
+            justifyContent: 'flex-start'
+          },
+          visible: showUserOffline,
+          type: noticeType,
+          onChange: function onChange(val) {
+            if (!val) {
+              setShowUserOffline(false);
+            }
+          },
+          content: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "fcr-blink-content--user-state",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              style: {
+                width: 32,
+                height: 32
+              },
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+                size: 32,
+                type: _type.FcrIconType.FCR_ONELEAVE,
+                colors: {
+                  iconPrimary: noticeType === 'info' ? 'var(--fcr_ui_scene_white10)' : 'var(--fcr_ui_scene_black6)'
+                }
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                className: "fcr-user-offline-nickname fcr-break-one-line fcr-word-break",
+                children: selectTargetNickname
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                className: "fcr-user-offline-txt",
+                children: t('fmt_chat_tips_otherpartyleave')
+              })]
+            })]
+          })
+        }), msgBarElement, /*#__PURE__*/(0, _jsxRuntime.jsx)(_messageTextarea.MessageTextArea, {
+          updateErrVisible: function updateErrVisible(visible) {
+            setErrVisible(visible);
+          },
+          onMsg: function onMsg(msg) {
+            if (showUserOffline) {
+              setNoticeType('warn');
+              return;
+            }
+            setErrVisible(false);
+            handMsg && handMsg(msg);
+          },
+          handleClickUploadImage: handleClickUploadImage,
+          defaultMsg: defaultMsg,
+          updateChatTextMsg: updateChatTextMsg
+        })]
+      })
+    })]
+  });
+};

package/lib/components/chat-wrapper/index.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { ChatWrapper, ChatWrapperProps } from '.';
+declare const meta: Meta<typeof ChatWrapper>;
+export declare const Doc: (props: ChatWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export default meta;

package/lib/components/chat-wrapper/index.stories.js

@@ -0,0 +1,56 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Doc = void 0;
+var _ = require(".");
+var _jsxRuntime = require("react/jsx-runtime");
+var meta = {
+  title: 'Components/ChatWrapper',
+  tags: ['autodocs'],
+  component: _.ChatWrapper,
+  args: {
+    errorMsg: '超过限制',
+    forbiddenTxt: '全体禁言',
+    singling: true,
+    forbidden: false,
+    styles: {
+      display: 'flex'
+    },
+    isHost: false
+  },
+  argTypes: {}
+};
+var Doc = exports.Doc = function Doc(props) {
+  var styles = props.styles,
+    forbiddenTxt = props.forbiddenTxt,
+    forbidden = props.forbidden,
+    errorMsg = props.errorMsg,
+    singling = props.singling,
+    isHost = props.isHost;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      background: 'aliceblue'
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: {
+        marginBottom: 50,
+        display: 'flex',
+        height: 460,
+        width: 320
+      },
+      children: ["Basic:", /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ChatWrapper, {
+        styles: styles,
+        errorMsg: errorMsg,
+        forbiddenTxt: forbiddenTxt,
+        singling: singling,
+        forbidden: forbidden,
+        isHost: isHost,
+        privateTarget: "All"
+      })]
+    })
+  });
+};
+var _default = exports["default"] = meta;