agora-ui-foundation 3.4.5 → 3.5.0

package/lib/components/action-bar/device/index.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MicrophoneDevice = exports.CameraDevice = exports.AudioRecordinDeviceIcon = void 0;
 require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/web.timers.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");

package/lib/components/action-bar/index.js

@@ -15,10 +15,6 @@ require("core-js/modules/es.array.reduce.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.includes.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.find.js");
-require("core-js/modules/esnext.async-iterator.map.js");
-require("core-js/modules/esnext.async-iterator.reduce.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.find.js");

package/lib/components/action-bar/index.stories.js

@@ -10,8 +10,6 @@ require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");

package/lib/components/action-bar/item.js

@@ -10,8 +10,6 @@ require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");

package/lib/components/action-bar/more/index.js

@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.More = void 0;
 require("core-js/modules/es.array.map.js");
-require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _react = require("react");
 var _i18n = require("../../../i18n");

package/lib/components/action-phone/index.js

@@ -16,7 +16,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.FcrActionPhone = void 0;
 require("core-js/modules/es.array.for-each.js");
 require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/web.dom-collections.for-each.js");

package/lib/components/action-phone/index.stories.js

@@ -13,8 +13,6 @@ require("core-js/modules/es.object.keys.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/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");

package/lib/components/avatar/index.stories.js

@@ -10,8 +10,6 @@ require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");

package/lib/components/blinking-box/index.js

@@ -10,8 +10,6 @@ require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");

package/lib/components/blinking-box/index.stories.js

@@ -10,8 +10,6 @@ require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");

package/lib/components/button/index.js

@@ -13,8 +13,6 @@ require("core-js/modules/es.object.keys.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/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");

package/lib/components/button/index.stories.js

@@ -9,9 +9,6 @@ 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.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");
@@ -22,6 +19,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Basic = void 0;
 require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.object.to-string.js");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _ = require(".");

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

@@ -10,12 +10,8 @@ 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.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.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/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
-require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.weak-map.delete-all.js");
@@ -29,7 +25,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ChatManager = void 0;
 require("core-js/modules/es.array.map.js");
-require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));

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

@@ -32,7 +32,7 @@ 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 CLEAR_NOTICE_INTERVAL = 1 * 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) {

package/lib/components/checkbox/index.js

@@ -10,8 +10,6 @@ require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");
@@ -90,7 +88,7 @@ var FcrCheckbox = exports.FcrCheckbox = function FcrCheckbox(props) {
           type: _type.FcrIconType.FCR_CHECKBOX_CHECK,
           size: size === 'small' ? 8 : 12,
           colors: {
-            iconPrimary: styleType === 'brand' ? 'var(--fcr_ui_scene_white10)' : 'var(--fcr_ui_scene_ramp_brand6)'
+            iconPrimary: styleType === 'brand' ? 'var(--fcr_ui_scene_white10)' : 'var(--fcr_ui_scene_icontext1)'
           }
         })]
       })]

package/lib/components/confirm-content/index.css

@@ -10,8 +10,8 @@
 
 .fcr-confirm-content-dialog-close {
   border-radius: var(--fcr_cornerradius_round);
-  width: 28px;
-  height: 28px;
+  width: 22px;
+  height: 22px;
   cursor: pointer;
   display: flex;
   justify-content: center;
@@ -30,7 +30,7 @@
 .fcr-confirm-content-icon {
   width: 50px;
   height: 50px;
-  margin-right: 24px;
+  margin-right: 20px;
   float: left;
   border-radius: var(--fcr_cornerradius_xl);
   background: var(--fcr_ui_scene_ramp_green6);
@@ -56,16 +56,30 @@
   /* padding: 12px 0 24px; */
   white-space: pre-wrap;
   word-break: break-word;
-  overflow: hidden;
+  position: relative;
+}
+
+.fcr-confirm-content-tip {
+  font-size: 12px;
+  position: absolute;
+  width: 100%;
+  bottom: 0;
+  line-height: 20px;
+  text-align: left;
+  padding: 0 10px;
+  color: var(--fcr_ui_scene_ramp_red6);
+}
+.fcr-confirm-content-tip-error {
+  color: var(--fcr_ui_scene_ramp_red6);
 }
 
 .fcr-confirm-container .fcr-confirm-content-content {
-  padding: 12px 12px 24px;
+  padding: 12px 0 20px;
 }
 
 .fcr-confirm-container .fcr-confirm-content-title {
-  padding-left: 12px;
-  padding-right: 12px;
+  /* padding-left: 12px;
+  padding-right: 12px; */
 }
 
 .fcr-confirm-container.align-center .fcr-confirm-content-title,

package/lib/components/confirm-content/index.d.ts

@@ -49,6 +49,10 @@ export interface ConfirmContentProps {
     cancelButtonProps?: ButtonProps;
     okButtonProps?: ButtonProps;
     reverseButton?: boolean;
+    tip?: {
+        type?: 'error' | 'success';
+        message: string;
+    };
 }
 declare const ConfirmContent: FC<React.PropsWithChildren<ConfirmContentProps>>;
 export { ConfirmContent };

package/lib/components/confirm-content/index.js

@@ -10,8 +10,6 @@ require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");
@@ -57,7 +55,8 @@ var ConfirmContent = exports.ConfirmContent = function ConfirmContent(props) {
     alignCenter = props.alignCenter,
     cancelButtonProps = props.cancelButtonProps,
     okButtonProps = props.okButtonProps,
-    reverseButton = props.reverseButton;
+    reverseButton = props.reverseButton,
+    tip = props.tip;
   var wrapperRef = (0, _react.useRef)(null);
   var defaultColor = 'var(--fcr_ui_scene_icontext1)';
   var hoverColor = 'var(--fcr_ui_scene_ramp_brand6)';
@@ -106,7 +105,7 @@ var ConfirmContent = exports.ConfirmContent = function ConfirmContent(props) {
         colors: {
           iconPrimary: color
         },
-        size: 18
+        size: 14
       })
     }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _classnames["default"])("fcr-confirm-container", {
@@ -122,9 +121,12 @@ var ConfirmContent = exports.ConfirmContent = function ConfirmContent(props) {
       }), title && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "fcr-confirm-content-title",
         children: title
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "fcr-confirm-content-content",
-        children: content
+        children: [content, tip && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          className: "fcr-confirm-content-tip fcr-confirm-content-tip-".concat(tip.type || 'error'),
+          children: tip.message
+        })]
       })]
     }), (showCancel || showOk) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames["default"])('fcr-confirm-content-footer', {

package/lib/components/device-pretest/index.js

@@ -3,7 +3,6 @@
 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/esnext.weak-map.delete-all.js");
@@ -17,7 +16,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.SpeakerPhoneTest = exports.FcrDevicePretestPage = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 require("core-js/modules/es.array.map.js");
-require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));

package/lib/components/device-pretest-settings/index.js

@@ -7,7 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FcrVideoSettingTabs = exports.FcrDevicePretestPageSettings = void 0;
 require("core-js/modules/es.array.map.js");
-require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));

package/lib/components/device-settings/audio-settings/audio-settings.js

@@ -9,7 +9,8 @@ exports.AudioSettings = void 0;
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.number.constructor.js");
 require("core-js/modules/es.number.to-fixed.js");
-require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.timers.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));

package/lib/components/dialog/class-dialog.js

@@ -9,9 +9,6 @@ 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.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
-require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/web.dom-collections.for-each.js");
@@ -26,7 +23,7 @@ require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.date.to-string.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.regexp.to-string.js");
-require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _button = require("../button");
 var _ = require(".");

package/lib/components/dialog/confirm-dialog.js

@@ -10,8 +10,6 @@ require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");

package/lib/components/dialog/confirm.js

@@ -9,7 +9,6 @@ require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.weak-map.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.weak-map.delete-all.js");
 require("core-js/modules/esnext.weak-map.emplace.js");
@@ -24,7 +23,6 @@ require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.map.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.map.delete-all.js");

package/lib/components/divider/index.js

@@ -13,8 +13,6 @@ require("core-js/modules/es.object.keys.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/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");

package/lib/components/divider/index.stories.js

@@ -10,8 +10,6 @@ require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");

package/lib/components/drop-menu/index.css

@@ -1,11 +1,12 @@
 .fcr-drop-menu {
+  --drop-menu-padding: 10px;
   box-sizing: border-box;
   background-color: var(--fcr_mobile_ui_scene_color_popup_fill2);
   border: 1px solid var(--fcr_ui_scene_line1);
   box-shadow: var(--fcr_web_light_dropup_l);
   border-radius: var(--fcr_cornerradius_l);
   width: 100%;
-  padding: 10px;
+  padding: var(--drop-menu-padding);
 }
 
 .fcr-drop-menu-option {
@@ -16,17 +17,15 @@
   flex-direction: row;
   align-items: center;
   flex-wrap: nowrap;
-  gap: 8px;
-  height: 30px;
+  min-height: 32px;
   color: var(--fcr_ui_scene_icontext1);
-  padding: 0 8px;
   cursor: pointer;
+  padding: 4px 8px;
 }
 
 .fcr-drop-menu-options {
   display: flex;
   flex-direction: column;
-  gap: 10px;
 }
 
 .fcr-drop-menu-option-disabled {
@@ -47,6 +46,10 @@
 .fcr-drop-menu-title {
   font-size: 12px;
   color: var(--fcr_ui_scene_icontext1);
+  padding: 0 10px;
+  height: 32px;
+  display: flex;
+  align-items: center;
 }
 
 .fcr-drop-menu-option-danger {
@@ -57,8 +60,6 @@
   flex-direction: row;
   align-items: center;
   flex-wrap: nowrap;
-  gap: 8px;
-  height: 30px;
   color: var(--fcr_ui_scene_icontext5);
   padding: 0 8px;
 }
@@ -85,6 +86,20 @@
 .fcr-drop-menu-option-text {
   flex: 1;
   text-align: left;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.fcr-drop-menu-option-icon {
+  margin-right: 8px;
+}
+
+.fcr-drop-menu-line {
+  width: calc(100% + (var(--drop-menu-padding) * 2));
+  height: 1px;
+  background-color: var(--fcr_ui_scene_line1);
+  margin: 8px calc(-1 * var(--drop-menu-padding));
 }
 
 .fcr-drop-menu svg.fcr-drop-menu-item-icon {

package/lib/components/drop-menu/index.d.ts

@@ -1,12 +1,12 @@
 import { FC, ReactNode } from 'react';
 import './index.css';
-export interface MenuData {
+export interface FcrDropMenuOption {
     title: ReactNode;
     key: string;
     icon?: ReactNode;
     onButtonClick?: () => void;
     classNames?: string;
-    type?: 'primary' | 'danger' | 'title' | 'disabled' | 'group';
+    type?: 'primary' | 'danger' | 'title' | 'disabled' | 'group' | 'line';
     [key: string]: any;
 }
 export interface FcrDropMenuProps {
@@ -16,9 +16,9 @@ export interface FcrDropMenuProps {
         menuStyle?: React.CSSProperties;
     };
     footer?: ReactNode;
-    options?: MenuData[];
+    options?: FcrDropMenuOption[];
     children?: ReactNode;
     className?: string;
 }
-export declare const FcrDropOption: FC<MenuData>;
+export declare const FcrDropOption: FC<FcrDropMenuOption>;
 export declare const FcrDropMenu: FC<FcrDropMenuProps>;

package/lib/components/drop-menu/index.js

@@ -9,10 +9,6 @@ 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.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
-require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/web.dom-collections.for-each.js");
@@ -22,7 +18,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FcrDropOption = exports.FcrDropMenu = void 0;
 require("core-js/modules/es.array.map.js");
-require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 require("./index.css");
@@ -37,33 +34,37 @@ var FcrDropOption = exports.FcrDropOption = function FcrDropOption(option) {
   var _option$type = option.type,
     type = _option$type === void 0 ? 'primary' : _option$type,
     loading = option.loading;
-  if (type === 'title') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "fcr-drop-menu-title",
-      children: option.title
-    });
-  }
-  if (type === 'group') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "fcr-drop-menu-group",
-      children: option.title
-    });
+  switch (type) {
+    case 'title':
+    case 'group':
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fcr-drop-menu-".concat(type),
+        children: option.title
+      });
+    case 'line':
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fcr-drop-menu-line"
+      });
+    default:
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: (0, _classnames2["default"])(option.classNames, 'fcr-drop-menu-option', (0, _defineProperty2["default"])({}, "fcr-drop-menu-option-".concat(type), !!type), {
+          'fcr-drop-menu-option-disabled': option.disabled
+        }),
+        onClick: !option.disabled ? option.onButtonClick : undefined,
+        children: [option.icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "fcr-drop-menu-option-icon",
+          children: option.icon
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "fcr-drop-menu-option-text",
+          children: option.title
+        }), loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+          className: (0, _classnames2["default"])('fcr-drop-menu-item-icon', {
+            'fcr-drop-menu-item-loading': loading
+          }),
+          type: _type.FcrIconType.FCR_BTN_LOADING
+        })]
+      });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames2["default"])(option.classNames, 'fcr-drop-menu-option', (0, _defineProperty2["default"])({}, "fcr-drop-menu-option-".concat(type), !!type), {
-      'fcr-drop-menu-option-disabled': option.disabled
-    }),
-    onClick: !option.disabled ? option.onButtonClick : undefined,
-    children: [option.icon, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "fcr-drop-menu-option-text",
-      children: option.title
-    }), loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-      className: (0, _classnames2["default"])('fcr-drop-menu-item-icon', {
-        'fcr-drop-menu-item-loading': loading
-      }),
-      type: _type.FcrIconType.FCR_BTN_LOADING
-    })]
-  });
 };
 var FcrDropMenu = exports.FcrDropMenu = function FcrDropMenu(props) {
   var title = props.title,

package/lib/components/icon/index.js

@@ -10,8 +10,6 @@ require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");

package/lib/components/icon/index.stories.js

@@ -3,7 +3,6 @@
 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/esnext.weak-map.delete-all.js");
@@ -16,7 +15,8 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = exports.IconSet = void 0;
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.object.keys.js");
-require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _ = require(".");
 var svgExports = _interopRequireWildcard(require("./svg-exports"));

package/lib/components/icon/paths/fcr_host.js

@@ -15,7 +15,7 @@ var path = exports.path = function path(_ref) {
       fillRule: "evenodd",
       clipRule: "evenodd",
       d: "M13.2482 6.94651C13.2482 8.712 11.7936 10.143 9.99901 10.143C8.20443 10.143 6.74984 8.712 6.74984 6.94651C6.74984 5.18101 8.20443 3.75 9.99901 3.75C11.7936 3.75 13.2482 5.18101 13.2482 6.94651ZM9.99935 11.6667C6.7778 11.6667 4.16602 12.5996 4.16602 13.7493C4.16602 14.8991 6.7778 15.8333 9.99935 15.8333C13.2209 15.8333 15.8327 14.9004 15.8327 13.7507C15.8327 12.6009 13.2209 11.6667 9.99935 11.6667Z",
-      fill: "white"
+      fill: iconPrimary
     })
   });
 };