@dpocean/chatui 1.0.0

package/lib/components/Composer/index.js

@@ -0,0 +1,353 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Composer = exports.CLASS_NAME_FOCUSING = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _Recorder = require("../Recorder");
+var _Toolbar = require("../Toolbar");
+var _AccessoryWrap = require("./AccessoryWrap");
+var _Popover = require("../Popover");
+var _ToolbarItem = require("./ToolbarItem");
+var _ComposerInput = require("./ComposerInput");
+var _SendButton = require("./SendButton");
+var _Action = require("./Action");
+var _toggleClass = _interopRequireDefault(require("../../utils/toggleClass"));
+var _ua = require("../../utils/ua");
+var _viewportTop = require("./viewportTop");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var CLASS_NAME_FOCUSING = exports.CLASS_NAME_FOCUSING = 'S--focusing';
+var Composer = exports.Composer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _props$text = props.text,
+    initialText = _props$text === void 0 ? '' : _props$text,
+    oTextOnce = props.textOnce,
+    _props$inputType = props.inputType,
+    initialInputType = _props$inputType === void 0 ? 'text' : _props$inputType,
+    wideBreakpoint = props.wideBreakpoint,
+    _props$placeholder = props.placeholder,
+    oPlaceholder = _props$placeholder === void 0 ? '请输入...' : _props$placeholder,
+    _props$recorder = props.recorder,
+    recorder = _props$recorder === void 0 ? {} : _props$recorder,
+    onInputTypeChange = props.onInputTypeChange,
+    onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    onChange = props.onChange,
+    onSend = props.onSend,
+    onBeforeSend = props.onBeforeSend,
+    onImageSend = props.onImageSend,
+    onAccessoryToggle = props.onAccessoryToggle,
+    _props$toolbar = props.toolbar,
+    toolbar = _props$toolbar === void 0 ? [] : _props$toolbar,
+    onToolbarClick = props.onToolbarClick,
+    rightAction = props.rightAction,
+    inputOptions = props.inputOptions;
+  var _useState = (0, _react.useState)(initialText),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    text = _useState2[0],
+    setText = _useState2[1];
+  var _useState3 = (0, _react.useState)(oTextOnce),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    textOnce = _useState4[0],
+    setTextOnce = _useState4[1];
+  var _useState5 = (0, _react.useState)(!!text),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    hasValue = _useState6[0],
+    setHasValue = _useState6[1];
+  var _useState7 = (0, _react.useState)(oTextOnce || oPlaceholder),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    placeholder = _useState8[0],
+    setPlaceholder = _useState8[1];
+  var _useState9 = (0, _react.useState)(initialInputType || 'text'),
+    _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
+    inputType = _useState0[0],
+    setInputType = _useState0[1];
+  var _useState1 = (0, _react.useState)(false),
+    _useState10 = (0, _slicedToArray2.default)(_useState1, 2),
+    isAccessoryOpen = _useState10[0],
+    setAccessoryOpen = _useState10[1];
+  var _useState11 = (0, _react.useState)(''),
+    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+    accessoryContent = _useState12[0],
+    setAccessoryContent = _useState12[1];
+  var inputRef = (0, _react.useRef)(null);
+  var focused = (0, _react.useRef)(false);
+  var blurTimer = (0, _react.useRef)();
+  var valueTimer = (0, _react.useRef)();
+  var popoverTarget = (0, _react.useRef)();
+  var isMountRef = (0, _react.useRef)(false);
+  var _useState13 = (0, _react.useState)(false),
+    _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+    isWide = _useState14[0],
+    setWide = _useState14[1];
+  (0, _react.useEffect)(function () {
+    var mq = wideBreakpoint && window.matchMedia ? window.matchMedia("(min-width: ".concat(wideBreakpoint, ")")) : false;
+    function handleMq(e) {
+      setWide(e.matches);
+    }
+    setWide(mq && mq.matches);
+    if (mq) {
+      mq.addListener(handleMq);
+    }
+    return function () {
+      if (mq) {
+        mq.removeListener(handleMq);
+      }
+    };
+  }, [wideBreakpoint]);
+  (0, _react.useEffect)(function () {
+    (0, _toggleClass.default)('S--wide', isWide);
+    if (!isWide) {
+      setAccessoryContent('');
+    }
+  }, [isWide]);
+  (0, _react.useEffect)(function () {
+    if (isMountRef.current && onAccessoryToggle) {
+      onAccessoryToggle(isAccessoryOpen);
+    }
+  }, [isAccessoryOpen, onAccessoryToggle]);
+  (0, _react.useEffect)(function () {
+    isMountRef.current = true;
+  }, []);
+  (0, _react.useEffect)(function () {
+    var _window = window,
+      visualViewport = _window.visualViewport;
+    if (!visualViewport) return;
+    var winHeight = window.innerHeight;
+    function toggleFocusing() {
+      if (window.innerHeight > winHeight) {
+        // iOS 下第一次的时候 winHeight 有可能不准
+        winHeight = window.innerHeight;
+      }
+      // 视窗变高做失焦处理
+      // 场景：键盘收起键盘时并没有失去焦点
+      if (focused.current && visualViewport.height >= winHeight) {
+        var _inputRef$current;
+        (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.blur();
+      }
+    }
+    function resizeHandler() {
+      // Android 没有下面安全区且可以悬浮键盘，故不做收起失焦处理
+      if (_ua.isIOS || _ua.isArkWeb && _ua.isAliApp) {
+        toggleFocusing();
+      }
+    }
+    visualViewport.addEventListener('resize', resizeHandler);
+    return function () {
+      visualViewport.removeEventListener('resize', resizeHandler);
+    };
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (text) {
+      clearTimeout(valueTimer.current);
+      setHasValue(true);
+    } else {
+      // 中文上屏时有一瞬间会无值，所以做延迟处理
+      valueTimer.current = setTimeout(function () {
+        setHasValue(false);
+      });
+    }
+  }, [text]);
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      setText: setText
+    };
+  });
+  var handleInputTypeChange = (0, _react.useCallback)(function () {
+    var isVoice = inputType === 'voice';
+    var nextType = isVoice ? 'text' : 'voice';
+    setInputType(nextType);
+    if (isVoice) {
+      var input = inputRef.current;
+      input.focus();
+      // eslint-disable-next-line no-multi-assign
+      input.selectionStart = input.selectionEnd = input.value.length;
+    }
+    if (onInputTypeChange) {
+      onInputTypeChange(nextType);
+    }
+  }, [inputType, onInputTypeChange]);
+  var handleInputFocus = (0, _react.useCallback)(function (e) {
+    clearTimeout(blurTimer.current);
+    (0, _toggleClass.default)(CLASS_NAME_FOCUSING, true);
+    focused.current = true;
+    if (_ua.isIOS) {
+      (0, _viewportTop.updateViewportTop)();
+    }
+    if (onFocus) {
+      onFocus(e);
+    }
+  }, [onFocus]);
+  var handleInputBlur = (0, _react.useCallback)(function (e) {
+    blurTimer.current = setTimeout(function () {
+      (0, _toggleClass.default)(CLASS_NAME_FOCUSING, false);
+      focused.current = false;
+    }, 0);
+    if (_ua.isIOS) {
+      (0, _viewportTop.setViewportTop)(0);
+    }
+    if (onBlur) {
+      onBlur(e);
+    }
+  }, [onBlur]);
+  var send = (0, _react.useCallback)(/*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() {
+    var sendType, sendContent, allowed;
+    return _regenerator.default.wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          sendType = 'text';
+          sendContent = text || textOnce || '';
+          if (sendContent) {
+            _context.next = 1;
+            break;
+          }
+          return _context.abrupt("return");
+        case 1:
+          if (!onBeforeSend) {
+            _context.next = 3;
+            break;
+          }
+          _context.next = 2;
+          return Promise.resolve(onBeforeSend(sendType, sendContent));
+        case 2:
+          allowed = _context.sent;
+          if (allowed) {
+            _context.next = 3;
+            break;
+          }
+          return _context.abrupt("return");
+        case 3:
+          if (text) {
+            onSend(sendType, text);
+            setText('');
+          } else if (textOnce) {
+            onSend(sendType, textOnce);
+          }
+          if (textOnce) {
+            setTextOnce('');
+            setPlaceholder(oPlaceholder);
+          }
+          if (focused.current) {
+            inputRef.current.focus();
+          }
+        case 4:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [oPlaceholder, onBeforeSend, onSend, text, textOnce]);
+  var handleInputKeyDown = (0, _react.useCallback)(function (e) {
+    if (!e.shiftKey && e.keyCode === 13) {
+      send();
+      e.preventDefault();
+    }
+  }, [send]);
+  var handleTextChange = (0, _react.useCallback)(function (value, e) {
+    setText(value);
+    if (onChange) {
+      onChange(value, e);
+    }
+  }, [onChange]);
+  var handleSendBtnClick = (0, _react.useCallback)(function (e) {
+    send();
+    e.preventDefault();
+  }, [send]);
+  var handleAccessoryToggle = (0, _react.useCallback)(function () {
+    setAccessoryOpen(!isAccessoryOpen);
+  }, [isAccessoryOpen]);
+  var handleAccessoryBlur = (0, _react.useCallback)(function () {
+    setTimeout(function () {
+      setAccessoryOpen(false);
+      setAccessoryContent('');
+    });
+  }, []);
+  var handleToolbarClick = (0, _react.useCallback)(function (item, e) {
+    if (onToolbarClick) {
+      onToolbarClick(item, e);
+    }
+    if (item.render) {
+      popoverTarget.current = e.currentTarget;
+      setAccessoryContent(item.render);
+    }
+  }, [onToolbarClick]);
+  var handlePopoverClose = (0, _react.useCallback)(function () {
+    setAccessoryContent('');
+  }, []);
+  var isInputText = inputType === 'text';
+  var inputTypeIcon = isInputText ? 'mic' : 'keyboard';
+  var hasToolbar = toolbar.length > 0;
+  var inputProps = _objectSpread(_objectSpread({}, inputOptions), {}, {
+    value: text,
+    inputRef: inputRef,
+    placeholder: placeholder,
+    onFocus: handleInputFocus,
+    onBlur: handleInputBlur,
+    onKeyDown: handleInputKeyDown,
+    onChange: handleTextChange,
+    onImageSend: onImageSend
+  });
+  if (isWide) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "Composer Composer--lg"
+    }, hasToolbar && toolbar.map(function (item) {
+      return /*#__PURE__*/_react.default.createElement(_ToolbarItem.ToolbarItem, {
+        item: item,
+        onClick: function onClick(e) {
+          return handleToolbarClick(item, e);
+        },
+        key: item.type
+      });
+    }), accessoryContent && /*#__PURE__*/_react.default.createElement(_Popover.Popover, {
+      active: !!accessoryContent,
+      target: popoverTarget.current,
+      onClose: handlePopoverClose
+    }, accessoryContent), /*#__PURE__*/_react.default.createElement("div", {
+      className: "Composer-inputWrap"
+    }, /*#__PURE__*/_react.default.createElement(_ComposerInput.ComposerInput, (0, _extends2.default)({
+      invisible: false
+    }, inputProps))), /*#__PURE__*/_react.default.createElement(_SendButton.SendButton, {
+      onClick: handleSendBtnClick,
+      disabled: !hasValue
+    }));
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "Composer",
+    "data-has-value": hasValue,
+    "data-has-text-once": !!textOnce
+  }, recorder.canRecord && /*#__PURE__*/_react.default.createElement(_Action.Action, {
+    className: "Composer-inputTypeBtn",
+    "data-icon": inputTypeIcon,
+    icon: inputTypeIcon,
+    onClick: handleInputTypeChange,
+    "aria-label": isInputText ? '切换到语音输入' : '切换到键盘输入'
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "Composer-inputWrap"
+  }, /*#__PURE__*/_react.default.createElement(_ComposerInput.ComposerInput, (0, _extends2.default)({
+    invisible: !isInputText
+  }, inputProps)), !isInputText && /*#__PURE__*/_react.default.createElement(_Recorder.Recorder, recorder)), !text && rightAction && /*#__PURE__*/_react.default.createElement(_Action.Action, rightAction), hasToolbar && /*#__PURE__*/_react.default.createElement(_Action.Action, {
+    className: (0, _clsx.default)('Composer-toggleBtn', {
+      active: isAccessoryOpen
+    }),
+    icon: "plus",
+    onClick: handleAccessoryToggle,
+    "aria-label": isAccessoryOpen ? '关闭工具栏' : '展开工具栏'
+  }), hasValue && /*#__PURE__*/_react.default.createElement(_SendButton.SendButton, {
+    onClick: handleSendBtnClick,
+    disabled: !hasValue
+  })), isAccessoryOpen && /*#__PURE__*/_react.default.createElement(_AccessoryWrap.AccessoryWrap, {
+    onClickOutside: handleAccessoryBlur
+  }, accessoryContent || /*#__PURE__*/_react.default.createElement(_Toolbar.Toolbar, {
+    items: toolbar,
+    onClick: handleToolbarClick
+  })));
+});

package/lib/components/Composer/riseInput.d.ts

@@ -0,0 +1 @@
+export default function riseInput(input: Element, wrap?: Element | null): void;

package/lib/components/Composer/riseInput.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = riseInput;
+var _ua = require("../../utils/ua");
+function testScrollType() {
+  if (_ua.isIOS) {
+    if (_ua.isSafariOrIOS11) {
+      /**
+       * 不处理
+       * - Safari
+       * - iOS 11.0-11.3（`scrollTop`/`scrolIntoView` 有 bug）
+       */
+      return 0;
+    }
+    var major = (0, _ua.getIOSMajorVersion)();
+    // iOS 12及以下用 `scrollTop` 的方式
+    if (major < 13) {
+      return 1;
+    }
+  }
+  // 其它的用 `scrollIntoView` 的方式
+  return 2;
+}
+function riseInput(input, wrap) {
+  var scrollType = testScrollType();
+  var scrollTimer;
+  var target = wrap || input;
+  var scrollIntoView = function scrollIntoView() {
+    if (scrollType === 0) return;
+    if (scrollType === 1) {
+      document.body.scrollTop = document.body.scrollHeight;
+    } else {
+      target.scrollIntoView(false);
+    }
+  };
+  input.addEventListener('focus', function () {
+    setTimeout(scrollIntoView, 300);
+    scrollTimer = setTimeout(scrollIntoView, 1000);
+  });
+  input.addEventListener('blur', function () {
+    clearTimeout(scrollTimer);
+
+    // 某些情况下收起键盘后输入框不收回，页面下面空白
+    // 比如：闲鱼、大麦、乐动力、微信
+    if (scrollType && _ua.isIOS) {
+      // 以免点击快捷短语无效
+      setTimeout(function () {
+        document.body.scrollIntoView();
+      });
+    }
+  });
+}

package/lib/components/Composer/viewportTop.d.ts

@@ -0,0 +1,2 @@
+export declare function setViewportTop(top: number): void;
+export declare function updateViewportTop(): void;

package/lib/components/Composer/viewportTop.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setViewportTop = setViewportTop;
+exports.updateViewportTop = updateViewportTop;
+var rootEl = document.documentElement;
+var chatApp;
+var requestID;
+var viewportTop = 0;
+function setViewportTop(top) {
+  cancelAnimationFrame(requestID);
+  rootEl.style.setProperty('--viewport-top', "".concat(top, "px"));
+}
+function updateViewportTop() {
+  if (!chatApp) {
+    chatApp = document.querySelector('.ChatApp');
+  }
+  if (!chatApp) return;
+  var _chatApp$getBoundingC = chatApp.getBoundingClientRect(),
+    top = _chatApp$getBoundingC.top;
+  if (top === 0) {
+    requestID = requestAnimationFrame(updateViewportTop);
+  } else {
+    viewportTop = Math.abs(top);
+    setViewportTop(viewportTop);
+  }
+}

package/lib/components/ConfigProvider/index.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+type ILocales = {
+    [k: string]: any;
+};
+export type ConfigContextType = {
+    /**
+     * 当前语言
+     */
+    locale?: string;
+    /**
+     * 多语言
+     */
+    locales?: ILocales;
+    /**
+     * 主题色
+     */
+    colorScheme?: 'light' | 'dark' | 'auto';
+    /**
+     * 适老化模式
+     */
+    elderMode?: boolean;
+};
+export type ConfigProviderProps = ConfigContextType & {
+    children: React.ReactNode;
+};
+export declare const ConfigContext: React.Context<ConfigContextType>;
+export declare const ConfigProvider: ({ locale, locales, colorScheme, elderMode, children, }: ConfigProviderProps) => React.JSX.Element;
+export declare const useConfig: () => ConfigContextType;
+export declare const useLocale: (componentName?: string, fallback?: ILocales) => {
+    locale: string | undefined;
+    trans: (key?: string) => any;
+};
+export {};

package/lib/components/ConfigProvider/index.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLocale = exports.useConfig = exports.ConfigProvider = exports.ConfigContext = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _locales = _interopRequireDefault(require("./locales"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DEFAULT_LOCALE = 'en-US';
+var ConfigContext = exports.ConfigContext = /*#__PURE__*/_react.default.createContext({});
+var ConfigProvider = exports.ConfigProvider = function ConfigProvider(_ref) {
+  var _ref$locale = _ref.locale,
+    locale = _ref$locale === void 0 ? DEFAULT_LOCALE : _ref$locale,
+    locales = _ref.locales,
+    colorScheme = _ref.colorScheme,
+    elderMode = _ref.elderMode,
+    children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(ConfigContext.Provider, {
+    value: {
+      locale: locale,
+      locales: locales,
+      colorScheme: colorScheme,
+      elderMode: elderMode
+    }
+  }, children);
+};
+var useConfig = exports.useConfig = function useConfig() {
+  return (0, _react.useContext)(ConfigContext);
+};
+var useLocale = exports.useLocale = function useLocale(componentName, fallback) {
+  var _useContext = (0, _react.useContext)(ConfigContext),
+    locale = _useContext.locale,
+    locales = _useContext.locales;
+  var defaultStrings = locale && _locales.default[locale] || _locales.default[DEFAULT_LOCALE];
+  var strings = _objectSpread(_objectSpread({}, defaultStrings), locales);
+  if (!locale && !locales && fallback) {
+    strings = fallback;
+  } else if (componentName) {
+    strings = strings[componentName] || {};
+  }
+  return {
+    locale: locale,
+    trans: function trans(key) {
+      return key ? strings[key] : strings;
+    }
+  };
+};

package/lib/components/ConfigProvider/locales/en_US.d.ts

@@ -0,0 +1,38 @@
+declare const _default: {
+    BackBottom: {
+        newMsgOne: string;
+        newMsgOther: string;
+        bottom: string;
+    };
+    Time: {
+        weekdays: string[];
+        formats: {
+            LT: string;
+            lll: string;
+            WT: string;
+            YT: string;
+        };
+    };
+    Composer: {
+        send: string;
+    };
+    SendConfirm: {
+        title: string;
+        send: string;
+        cancel: string;
+    };
+    RateActions: {
+        up: string;
+        down: string;
+    };
+    Recorder: {
+        hold2talk: string;
+        release2send: string;
+        releaseOrSwipe: string;
+        release2cancel: string;
+    };
+    Search: {
+        search: string;
+    };
+};
+export default _default;

package/lib/components/ConfigProvider/locales/en_US.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = {
+  BackBottom: {
+    newMsgOne: '{n} new message',
+    newMsgOther: '{n} new messages',
+    bottom: 'Bottom'
+  },
+  Time: {
+    weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+    formats: {
+      LT: 'HH:mm',
+      lll: 'M/D/YYYY HH:mm',
+      WT: 'dddd HH:mm',
+      YT: 'Yesterday HH:mm'
+    }
+  },
+  Composer: {
+    send: 'Send'
+  },
+  SendConfirm: {
+    title: 'Send photo',
+    send: 'Send',
+    cancel: 'Cancel'
+  },
+  RateActions: {
+    up: 'Up vote',
+    down: 'Down vote'
+  },
+  Recorder: {
+    hold2talk: 'Hold to Talk',
+    release2send: 'Release to Send',
+    releaseOrSwipe: 'Release to send, swipe up to cancel',
+    release2cancel: 'Release to cancel'
+  },
+  Search: {
+    search: 'Search'
+  }
+};

package/lib/components/ConfigProvider/locales/es.d.ts

@@ -0,0 +1,38 @@
+declare const _default: {
+    BackBottom: {
+        newMsgOne: string;
+        newMsgOther: string;
+        bottom: string;
+    };
+    Time: {
+        weekdays: string[];
+        formats: {
+            LT: string;
+            lll: string;
+            WT: string;
+            YT: string;
+        };
+    };
+    Composer: {
+        send: string;
+    };
+    SendConfirm: {
+        title: string;
+        send: string;
+        cancel: string;
+    };
+    RateActions: {
+        up: string;
+        down: string;
+    };
+    Recorder: {
+        hold2talk: string;
+        release2send: string;
+        releaseOrSwipe: string;
+        release2cancel: string;
+    };
+    Search: {
+        search: string;
+    };
+};
+export default _default;