fcr-ui-scene 1.0.20 → 3.1.0-1

package/lib/modules/setting/audio-settings/index.css

@@ -0,0 +1,144 @@
+.fcr-device-settings-audio {
+  padding-top: 15px;
+}
+
+.fcr-device-settings-audio__section {
+  margin-top: 10px;
+  border-radius: var(--fcr_cornerradius_s);
+  width: 100%;
+  background: var(--fcr_mobile_ui_scene_color_popup_block5);
+}
+.fcr-device-settings-audio__section:first-child {
+  margin-top: 0;
+}
+
+.fcr-device-settings-audio__section:last-child {
+  margin-bottom: 10px;
+}
+
+.fcr-device-settings-audio__section:nth-child(2) {
+  margin-top: 15px;
+}
+
+.fcr-device-settings-audio__section-title {
+  padding: 0 10px 0 12px;
+  font-size: 13px;
+  line-height: 32px;
+  font-weight: 700;
+  color: var(--fcr_ui_scene_icontext1);
+}
+
+.fcr-device-settings-audio__switch-title {
+  padding: 0 10px 0 12px;
+  font-size: 12px;
+  line-height: 32px;
+  color: var(--fcr_ui_scene_icontext1);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.fcr-device-settings-audio__checkbox-item {
+  gap: 8px;
+  font-size: 12px;
+  line-height: 32px;
+  color: var(--fcr_ui_scene_icontext1);
+  display: flex;
+  align-items: center;
+}
+
+.fcr-device-settings-audio__options-section {
+  background-color: var(--fcr_mobile_ui_scene_color_popup_fill2);
+  border-radius: var(--fcr_cornerradius_s);
+  padding: 10px 12px;
+  margin: 10px;
+}
+.fcr-device-settings-audio__options {
+  padding-left: 28px;
+}
+
+.fcr-device-settings-audio__section .fcr-radio {
+  min-width: 100px;
+  height: 28px;
+  padding: 0 8px;
+}
+.fcr-device-settings-audio__section-title + .fcr-radio {
+  margin-top: 4px;
+}
+
+.fcr-device-settings-audio__radio-label-addition {
+  font-size: 12px;
+  line-height: 1;
+  color: var(--fcr_ui_scene_icontext2);
+}
+
+.fcr-device-settings-audio__form-item {
+  height: 28px;
+  padding: 0 10px;
+  display: flex;
+  align-items: center;
+  column-gap: 22px;
+}
+
+.fcr-device-settings-audio__form-label {
+  font-size: 12px;
+  line-height: 16px;
+  font-weight: 300;
+  color: var(--fcr_ui_scene_icontext1);
+}
+
+.fcr-device-settings-audio__form-item .fcr-volume-indicator {
+  flex-grow: 1;
+}
+
+.fcr-device-settings-audio__form-item .fcr-slider {
+  flex-grow: 1;
+}
+
+.fcr-device-settings-audio__checkbox-wrapper--bordered {
+  margin-top: 5px;
+  border-top: 1px solid var(--fcr_ui_scene_line2);
+  height: 46px;
+  padding: 0 8px;
+  display: flex;
+  align-items: center;
+}
+
+.fcr-device-settings-audio__section-reduce-noise {
+  padding-bottom: 10px;
+}
+
+.fcr-device-settings-audio__section-pro-audio {
+  padding-bottom: 10px;
+}
+
+.fcr-device-settings-audio__section-pro-audio .fcr-checkbox {
+  margin-top: 4px;
+  height: 32px;
+  padding: 0 8px;
+}
+
+.fcr-device-settings-audio .fcr-device-settings-advance-link {
+  margin-top: 10px;
+}
+
+.fcr-speaker-detection,
+.fcr-microphone-detection {
+  height: 32px;
+  padding: 0 10px;
+  display: flex;
+  align-items: center;
+  column-gap: 8px;
+}
+
+.fcr-speaker-detection .fcr-select-wrapper,
+.fcr-microphone-detection .fcr-select-wrapper {
+  flex-grow: 1;
+  min-width: 0;
+}
+
+.fcr-speaker-detection .fcr-button,
+.fcr-microphone-detection .fcr-button {
+  flex-shrink: 0;
+  border-radius: var(--fcr_cornerradius_xs);
+}

package/lib/{fcr-ui-scene/src/containers/stream-window/index.d.ts → modules/setting/common/advance-link.d.ts}

@@ -1,3 +1,3 @@
 import { FC } from 'react';
 import './index.css';
-export declare const StreamWindow: FC;
+export declare const AdvanceLink: FC;

package/lib/modules/setting/common/advance-link.js

@@ -0,0 +1,27 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AdvanceLink = void 0;
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _icon = require("agora-ui-foundation/lib/components/icon");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _useNamespace = require("./useNamespace");
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+var AdvanceLink = exports.AdvanceLink = function AdvanceLink() {
+  var ns = (0, _useNamespace.useNamespace)('device-settings-advance-link');
+  var t = (0, _i18n.useI18n)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: ns.b(),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: t('fmt_internalsetting_label_senior')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+      className: ns.b('icon'),
+      type: _type.FcrIconType.FCR_RIGHT5,
+      size: 24
+    })]
+  });
+};

package/lib/modules/setting/common/index.css

@@ -0,0 +1,26 @@
+.fcr-device-settings-advance-link {
+  border-radius: var(--fcr_cornerradius_s);
+  height: 32px;
+  padding: 0 12px;
+  font-size: 13px;
+  line-height: 1;
+  color: var(--fcr_ui_scene_ramp_brand6);
+  cursor: pointer;
+  background: var(--fcr_mobile_ui_scene_color_popup_block5);
+  transition: all 0.2s ease;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.fcr-device-settings-advance-link:hover {
+  background: var(--fcr_web_ui_scene_hover);
+}
+.fcr-device-settings-advance-link:hover .fcr-device-settings-advance-link-icon path {
+  fill: var(--fcr_web_ui_scene_mainicon2);
+}
+
+.fcr-device-settings-advance-link-icon path {
+  fill: var(--fcr_web_ui_scene_mainicon1);
+  fill-opacity: 0.9;
+}

package/lib/modules/setting/common/useNamespace.d.ts

@@ -0,0 +1,15 @@
+export declare const useNamespace: (block: string) => {
+    namespace: string;
+    b: (blockSuffix?: string) => string;
+    e: (element?: string) => string;
+    m: (modifier?: string) => string;
+    be: (blockSuffix?: string, element?: string) => string;
+    em: (element?: string, modifier?: string) => string;
+    bm: (blockSuffix?: string, modifier?: string) => string;
+    bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+    is: {
+        (name: string, state: boolean | undefined): string;
+        (name: string): string;
+    };
+};
+export type UseNamespaceReturn = ReturnType<typeof useNamespace>;

package/lib/modules/setting/common/useNamespace.js

@@ -0,0 +1,66 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useNamespace = void 0;
+require("core-js/modules/es.array.concat.js");
+var defaultNamespace = 'fcr';
+var statePrefix = 'is-';
+var _bem = function _bem(namespace, block, blockSuffix, element, modifier) {
+  var cls = "".concat(namespace, "-").concat(block);
+  if (blockSuffix) {
+    cls += "-".concat(blockSuffix);
+  }
+  if (element) {
+    cls += "__".concat(element);
+  }
+  if (modifier) {
+    cls += "--".concat(modifier);
+  }
+  return cls;
+};
+var useNamespace = exports.useNamespace = function useNamespace(block) {
+  var namespace = defaultNamespace;
+  var b = function b() {
+    var blockSuffix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    return _bem(namespace, block, blockSuffix, '', '');
+  };
+  var e = function e(element) {
+    return element ? _bem(namespace, block, '', element, '') : '';
+  };
+  var m = function m(modifier) {
+    return modifier ? _bem(namespace, block, '', '', modifier) : '';
+  };
+  var be = function be(blockSuffix, element) {
+    return blockSuffix && element ? _bem(namespace, block, blockSuffix, element, '') : '';
+  };
+  var em = function em(element, modifier) {
+    return element && modifier ? _bem(namespace, block, '', element, modifier) : '';
+  };
+  var bm = function bm(blockSuffix, modifier) {
+    return blockSuffix && modifier ? _bem(namespace, block, blockSuffix, '', modifier) : '';
+  };
+  var bem = function bem(blockSuffix, element, modifier) {
+    return blockSuffix && element && modifier ? _bem(namespace, block, blockSuffix, element, modifier) : '';
+  };
+  var is = function is(name) {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+    var state = args.length >= 1 ? args[0] : true;
+    return name && state ? "".concat(statePrefix).concat(name) : '';
+  };
+  return {
+    namespace: namespace,
+    b: b,
+    e: e,
+    m: m,
+    be: be,
+    em: em,
+    bm: bm,
+    bem: bem,
+    is: is
+  };
+};

package/lib/modules/setting/config.d.ts

@@ -0,0 +1,16 @@
+export declare const defaultCameraVideoEncoderConfig: {
+    dimensions: {
+        width: number;
+        height: number;
+    };
+    frameRate: number;
+    bitrate: number;
+};
+export declare const hdCameraVideoEncoderConfig: {
+    dimensions: {
+        width: number;
+        height: number;
+    };
+    frameRate: number;
+    bitrate: number;
+};

package/lib/modules/setting/config.js

@@ -0,0 +1,17 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hdCameraVideoEncoderConfig = exports.defaultCameraVideoEncoderConfig = void 0;
+var _defaultConfig = require("../../utilities/default-config");
+var defaultCameraVideoEncoderConfig = exports.defaultCameraVideoEncoderConfig = _defaultConfig.cameraVideoHighStreamEncoderLowConfig;
+var hdCameraVideoEncoderConfig = exports.hdCameraVideoEncoderConfig = {
+  dimensions: {
+    width: 1920,
+    height: 1080
+  },
+  frameRate: 20,
+  bitrate: 2500
+};

package/lib/modules/setting/context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import DeviceSettingsStore from './store';
+export declare const StoreContext: import("react").Context<DeviceSettingsStore>;

package/lib/modules/setting/context.js

@@ -0,0 +1,9 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StoreContext = void 0;
+var _react = require("react");
+var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);

package/lib/modules/setting/dialog-wrapper.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare const DialogWrapper: (props: PropsWithChildren<{}>) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/setting/dialog-wrapper.js

@@ -0,0 +1,110 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DialogWrapper = void 0;
+require("core-js/modules/web.timers.js");
+var _react = require("react");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _dialog = require("agora-ui-foundation/lib/components/dialog");
+var _icon = require("agora-ui-foundation/lib/components/icon");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _useNamespace = require("./common/useNamespace");
+var _mobxReact = require("mobx-react");
+var _context = require("./context");
+var _env = require("agora-foundation/lib/utilities/env");
+var _jsxRuntime = require("react/jsx-runtime");
+var scrollAndHighlightElement = function scrollAndHighlightElement(element) {
+  if (!element) return;
+  element.scrollIntoView({
+    behavior: 'smooth',
+    block: 'center'
+  });
+  var animation = element.animate([{
+    offset: 0,
+    background: 'var(--fcr_ui_scene_ramp_brand2)'
+  }, {
+    offset: 0.5 / 3,
+    background: 'var(--fcr_ui_scene_ramp_brand2)'
+  }, {
+    offset: 1 / 3,
+    background: 'var(--fcr_ui_scene_ramp_brand1)'
+  }, {
+    offset: 1.5 / 3,
+    background: 'var(--fcr_ui_scene_ramp_brand2)'
+  }, {
+    offset: 2 / 3,
+    background: 'var(--fcr_ui_scene_ramp_brand2)'
+  }, {
+    offset: 1,
+    background: 'transparent'
+  }], {
+    duration: 3000,
+    iterations: 1
+  });
+  animation.onfinish = function () {
+    animation.cancel();
+  };
+};
+var DialogWrapper = exports.DialogWrapper = (0, _mobxReact.observer)(function (props) {
+  var t = (0, _i18n.useI18n)();
+  var ns = (0, _useNamespace.useNamespace)('device-settings');
+  var containerRef = (0, _react.useRef)(null);
+  var _useContext = (0, _react.useContext)(_context.StoreContext),
+    dialogConfig = _useContext.dialogConfig,
+    setDialogConfig = _useContext.setDialogConfig,
+    closeDialog = _useContext.closeDialog;
+  (0, _react.useEffect)(function () {
+    if (!dialogConfig.highlightSelector || !containerRef) return;
+    var timer = setTimeout(function () {
+      var element = containerRef.current.querySelector("#".concat(dialogConfig.highlightSelector || ''));
+      scrollAndHighlightElement(element);
+      setDialogConfig({
+        highlightSelector: undefined
+      });
+    }, 100);
+    return function () {
+      clearTimeout(timer);
+    };
+  }, [dialogConfig.highlightSelector]);
+  var onClose = function onClose() {
+    closeDialog();
+  };
+  if ((0, _env.isElectron)()) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ref: containerRef,
+      children: props.children
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_dialog.BaseDialog, {
+      destroyOnClose: true,
+      width: 530,
+      wrapClassName: ns.e('dialog'),
+      visible: true,
+      maskClosable: false,
+      closable: false,
+      onClose: onClose,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: ns.e('dialog-header'),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: ns.e('dialog-title'),
+          children: t('fmt_settings_option_setting')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+          onClick: onClose,
+          className: ns.e('dialog-close'),
+          type: _type.FcrIconType.FCR_CLOSE,
+          colors: {
+            iconPrimary: 'var(--fcr_ui_scene_icontext1)'
+          },
+          size: 14
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ref: containerRef,
+        children: props.children
+      })]
+    })
+  });
+});

package/lib/modules/setting/general-settings/general-settings.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import './index.css';
+export declare const GeneralSettings: FC;
+export default GeneralSettings;

package/lib/modules/setting/general-settings/general-settings.js

@@ -0,0 +1,66 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.GeneralSettings = void 0;
+var _react = require("react");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _useNamespace = require("../common/useNamespace");
+require("./index.css");
+var _mobxReact = require("mobx-react");
+var _context = require("../context");
+var _checkbox = require("agora-ui-foundation/lib/components/checkbox");
+var _icon = require("agora-ui-foundation/lib/components/icon");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
+var _jsxRuntime = require("react/jsx-runtime");
+var GeneralSettings = exports.GeneralSettings = (0, _mobxReact.observer)(function () {
+  var ns = (0, _useNamespace.useNamespace)('general-settings');
+  var t = (0, _i18n.useI18n)();
+  var _useContext = (0, _react.useContext)(_context.StoreContext),
+    setting = _useContext.setting,
+    setSetting = _useContext.setSetting;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: ns.b(),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: ns.e('basic-form'),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+        size: "small",
+        label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: ns.e('spotlight-label'),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: t('fmt_internalsetting_labels_voicestimulation')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+            trigger: "hover",
+            placement: "top",
+            content: t('fmt_internalsetting_tips_speakerpriority'),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+                type: _type.FcrIconType.FCR_HELPQUESTION,
+                size: 16
+              })
+            })
+          })]
+        }),
+        checked: setting.spotlightEnabled,
+        onChange: function onChange(v) {
+          return setSetting({
+            spotlightEnabled: v
+          });
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+        size: "small",
+        label: t('fmt_internalsetting_options_hidenonvideo'),
+        checked: setting.shouldHideNonVideoParticipants,
+        onChange: function onChange(v) {
+          return setSetting({
+            shouldHideNonVideoParticipants: v
+          });
+        }
+      })]
+    })
+  });
+});
+var _default = exports["default"] = GeneralSettings;

package/lib/modules/setting/general-settings/index.css

@@ -0,0 +1,26 @@
+.fcr-general-settings__basic-form {
+  margin-top: 10px;
+  margin-bottom: 10px;
+  border-radius: var(--fcr_cornerradius_s);
+  width: 100%;
+  padding: 10px;
+  background: var(--fcr_mobile_ui_scene_color_popup_block5);
+}
+
+.fcr-general-settings__basic-form:first-child {
+  margin-top: 12px;
+}
+
+.fcr-general-settings__basic-form .fcr-checkbox {
+  height: 32px;
+}
+
+.fcr-general-settings__basic-form.fcr-video-settings__max-person-form {
+  padding: 5px 10px;
+}
+.fcr-general-settings__basic-form .fcr-general-settings__spotlight-label {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 5px;
+}

package/lib/modules/setting/index.css

@@ -0,0 +1,115 @@
+.fcr-device-settings__dialog .fcr-dialog-body {
+  padding: 0;
+}
+
+.fcr-device-settings__dialog .fcr-dialog-content {
+  overflow-y: hidden;
+}
+
+.fcr-device-settings__dialog-header {
+  position: relative;
+  height: 46px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.fcr-device-settings__dialog-title {
+  font-size: 14px;
+  line-height: 100%;
+  font-weight: 800;
+  color: var(--fcr_ui_scene_icontext1);
+}
+
+.fcr-device-settings__dialog-close {
+  position: absolute;
+  right: 12px;
+  top: calc(50% - 7px);
+  cursor: pointer;
+}
+
+.fcr-device-settings {
+  border-top: 1px solid var(--fcr_ui_scene_line1);
+  display: flex;
+  width: 100%;
+  min-width: 580px;
+  height: 100%;
+}
+
+.fcr-device-settings__nav {
+  flex: 0 0 190px;
+  border-right: 1px solid var(--fcr_ui_scene_line1);
+  padding: 10px 6px 0;
+}
+
+.fcr-device-settings__nav-list-item {
+  border-radius: var(--fcr_cornerradius_xs);
+  width: 100%;
+  height: 44px;
+  padding-left: 14px;
+  font-size: 14px;
+  line-height: 1;
+  color: var(--fcr_ui_scene_icontext1);
+  cursor: pointer;
+  transition: all 0.2s ease;
+  display: flex;
+  align-items: center;
+  column-gap: 12px;
+}
+
+/* TODO: hover 样式 */
+.fcr-device-settings__nav-list-item:hover {
+  color: var(--fcr_web_ui_scene_mainicon2);
+}
+
+.fcr-device-settings__nav-list-item.is-active {
+  color: var(--fcr_web_ui_scene_mainicon2);
+  background: var(--fcr_web_ui_scene_hover);
+}
+
+.fcr-device-settings__surrounding {
+  border-radius: var(--fcr_cornerradius_xs);
+}
+
+/* TODO: css 变量 */
+.fcr-device-settings__surrounding--green {
+  background: #83bc53;
+}
+
+/* TODO: css 变量 */
+.fcr-device-settings__surrounding--purple {
+  background: #7c79ff;
+}
+
+/* TODO: css 变量 */
+.fcr-device-settings__surrounding--storage {
+  background: #6fcfa2;
+}
+
+.fcr-device-settings__surrounding--blue {
+  background: #5765ff;
+}
+.fcr-device-settings__surrounding--orange {
+  background: var(--fcr_orange6);
+}
+.fcr-device-settings__tab-content-wrapper {
+  flex: 1 1 auto;
+  padding: 15px 15px 0px;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+}
+.fcr-device-settings__tab-content-wrapper .fcr-device-settings-video__bottom {
+  position: inherit;
+  bottom: 8px;
+  width: calc(100% - 30px);
+}
+.fcr-device-settings__tab-content-wrapper.is-tab-content-video-wrapper {
+  overflow: hidden;
+}
+
+/* .fcr-device-settings__tab-content-wrapper.is-electron {
+  height: auto;
+} */

package/lib/modules/setting/index.d.ts

@@ -0,0 +1,21 @@
+import { FcrDesktopMediaControl, FcrMainRoomControl, FcrStreamControl } from 'agora-edu-core';
+import { UIModule } from '../../base';
+import './index.css';
+import { FcrUIEventStore } from '../../common/event-store';
+import { FcrMonitorControl } from 'agora-edu-core';
+import { FcrUISceneConfig } from '../../type';
+import { FcrDeviceStore } from '../../common/device-store';
+export declare class SettingUIModule extends UIModule {
+    private _store;
+    constructor(args: {
+        mediaControl: FcrDesktopMediaControl;
+        config: FcrUISceneConfig;
+        uiEventStore: FcrUIEventStore;
+        monitorControl: FcrMonitorControl;
+        streamControl: FcrStreamControl;
+        roomControl: FcrMainRoomControl;
+        deviceStore: FcrDeviceStore;
+    });
+    getComponent(): import("react/jsx-runtime").JSX.Element;
+    protected onUnload(): void;
+}

package/lib/modules/setting/index.dev.d.ts

@@ -0,0 +1 @@
+export {};