ele-admin-plus 1.1.4 → 1.1.5-beta.2

package/es/ele-pro-layout/components/pro-sidebar.d.ts

@@ -2,19 +2,30 @@ import type { PropType } from 'vue';
 import type { ElScrollbarInstance } from '../../ele-app/types';
 import type { MenuItem, SidebarStyle, MenuItemTrigger, MenuItemProps } from '../types';
 declare const _default: import("vue").DefineComponent<{
+    /** 菜单数据 */
     menus: {
         type: PropType<MenuItem[]>;
         required: true;
     };
+    /** 侧栏风格 */
     sidebarStyle: PropType<SidebarStyle>;
+    /** 侧栏菜单是否彩色图标 */
     colorfulIcon: BooleanConstructor;
+    /** 菜单选中 */
     active: StringConstructor;
+    /** 是否折叠 */
     collapse: BooleanConstructor;
+    /** 是否只保持一个子菜单展开 */
     uniqueOpened: BooleanConstructor;
+    /** 默认展开的子菜单 */
     defaultOpeneds: PropType<string[]>;
+    /** tooltip 主题 */
     popperEffect: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown>>;
+    /** 菜单项触发模式 */
     itemTrigger: PropType<MenuItemTrigger>;
+    /** 标题插槽名称 */
     titleSlot: StringConstructor;
+    /** 图标插槽名称 */
     iconSlot: StringConstructor;
 }, {
     menusRef: import("vue").Ref<ElScrollbarInstance>;
@@ -27,19 +38,30 @@ declare const _default: import("vue").DefineComponent<{
     close: (_index: string, _indexPath: string[]) => true;
     itemClick: (_item: MenuItemProps) => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** 菜单数据 */
     menus: {
         type: PropType<MenuItem[]>;
         required: true;
     };
+    /** 侧栏风格 */
     sidebarStyle: PropType<SidebarStyle>;
+    /** 侧栏菜单是否彩色图标 */
     colorfulIcon: BooleanConstructor;
+    /** 菜单选中 */
     active: StringConstructor;
+    /** 是否折叠 */
     collapse: BooleanConstructor;
+    /** 是否只保持一个子菜单展开 */
     uniqueOpened: BooleanConstructor;
+    /** 默认展开的子菜单 */
     defaultOpeneds: PropType<string[]>;
+    /** tooltip 主题 */
     popperEffect: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown>>;
+    /** 菜单项触发模式 */
     itemTrigger: PropType<MenuItemTrigger>;
+    /** 标题插槽名称 */
     titleSlot: StringConstructor;
+    /** 图标插槽名称 */
     iconSlot: StringConstructor;
 }>> & {
     onOpen?: ((_index: string, _indexPath: string[]) => any) | undefined;

package/es/ele-pro-layout/components/pro-sidebar.js

@@ -6,30 +6,30 @@ const _sfc_main = defineComponent({
   name: "ProSidebar",
   components: { ElScrollbar, EleMenus },
   props: {
-    // 菜单数据
+    /** 菜单数据 */
     menus: {
       type: Array,
       required: true
     },
-    // 侧栏风格
+    /** 侧栏风格 */
     sidebarStyle: String,
-    // 侧栏菜单是否彩色图标
+    /** 侧栏菜单是否彩色图标 */
     colorfulIcon: Boolean,
-    // 菜单选中
+    /** 菜单选中 */
     active: String,
-    // 是否折叠
+    /** 是否折叠 */
     collapse: Boolean,
-    // 是否只保持一个子菜单展开
+    /** 是否只保持一个子菜单展开 */
     uniqueOpened: Boolean,
-    // 默认展开的子菜单
+    /** 默认展开的子菜单 */
     defaultOpeneds: Array,
-    // tooltip 主题
+    /** tooltip 主题 */
     popperEffect: String,
-    // 菜单项触发模式
+    /** 菜单项触发模式 */
     itemTrigger: String,
-    // 标题插槽名称
+    /** 标题插槽名称 */
     titleSlot: String,
-    // 图标插槽名称
+    /** 图标插槽名称 */
     iconSlot: String
   },
   emits: {
@@ -55,14 +55,11 @@ const _sfc_main = defineComponent({
     const onItemClick = (item) => {
       emit("itemClick", item);
     };
-    watch(
-      () => props.active,
-      () => {
-        nextTick(() => {
-          scrollIntoView();
-        });
-      }
-    );
+    watch([() => props.active, () => props.collapse], () => {
+      nextTick(() => {
+        scrollIntoView();
+      });
+    });
     return { menusRef, menuItems, onOpen, onClose, onItemClick };
   }
 });

package/es/ele-pro-layout/components/pro-sidebox.d.ts

@@ -2,18 +2,28 @@ import type { PropType } from 'vue';
 import type { ElScrollbarInstance } from '../../ele-app/types';
 import type { MenuItem, SidebarStyle, MenuItemTrigger, MenuItemProps } from '../types';
 declare const _default: import("vue").DefineComponent<{
+    /** 菜单数据 */
     menus: {
         type: PropType<MenuItem[]>;
         required: true;
     };
+    /** 侧栏风格 */
     sidebarStyle: PropType<SidebarStyle>;
+    /** 侧栏菜单是否彩色图标 */
     colorfulIcon: BooleanConstructor;
+    /** 菜单选中 */
     active: StringConstructor;
+    /** 是否紧凑风格 */
     compact: BooleanConstructor;
+    /** 二级侧栏是否折叠 */
     collapse: BooleanConstructor;
+    /** tooltip 主题 */
     popperEffect: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown>>;
+    /** 菜单项触发模式 */
     itemTrigger: PropType<MenuItemTrigger>;
+    /** 标题插槽名称 */
     titleSlot: StringConstructor;
+    /** 图标插槽名称 */
     iconSlot: StringConstructor;
 }, {
     menusRef: import("vue").Ref<ElScrollbarInstance>;
@@ -22,18 +32,28 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     itemClick: (_item: MenuItemProps) => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** 菜单数据 */
     menus: {
         type: PropType<MenuItem[]>;
         required: true;
     };
+    /** 侧栏风格 */
     sidebarStyle: PropType<SidebarStyle>;
+    /** 侧栏菜单是否彩色图标 */
     colorfulIcon: BooleanConstructor;
+    /** 菜单选中 */
     active: StringConstructor;
+    /** 是否紧凑风格 */
     compact: BooleanConstructor;
+    /** 二级侧栏是否折叠 */
     collapse: BooleanConstructor;
+    /** tooltip 主题 */
     popperEffect: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown>>;
+    /** 菜单项触发模式 */
     itemTrigger: PropType<MenuItemTrigger>;
+    /** 标题插槽名称 */
     titleSlot: StringConstructor;
+    /** 图标插槽名称 */
     iconSlot: StringConstructor;
 }>> & {
     onItemClick?: ((_item: MenuItemProps) => any) | undefined;

package/es/ele-pro-layout/components/pro-sidebox.js

@@ -6,28 +6,28 @@ const _sfc_main = defineComponent({
   name: "ProSidebox",
   components: { ElScrollbar, EleMenus },
   props: {
-    // 菜单数据
+    /** 菜单数据 */
     menus: {
       type: Array,
       required: true
     },
-    // 侧栏风格
+    /** 侧栏风格 */
     sidebarStyle: String,
-    // 侧栏菜单是否彩色图标
+    /** 侧栏菜单是否彩色图标 */
     colorfulIcon: Boolean,
-    // 菜单选中
+    /** 菜单选中 */
     active: String,
-    // 是否紧凑风格
+    /** 是否紧凑风格 */
     compact: Boolean,
-    // 二级侧栏是否折叠
+    /** 二级侧栏是否折叠 */
     collapse: Boolean,
-    // tooltip 主题
+    /** tooltip 主题 */
     popperEffect: String,
-    // 菜单项触发模式
+    /** 菜单项触发模式 */
     itemTrigger: String,
-    // 标题插槽名称
+    /** 标题插槽名称 */
     titleSlot: String,
-    // 图标插槽名称
+    /** 图标插槽名称 */
     iconSlot: String
   },
   emits: {
@@ -45,14 +45,11 @@ const _sfc_main = defineComponent({
     const onItemClick = (item) => {
       emit("itemClick", item);
     };
-    watch(
-      () => props.active,
-      () => {
-        nextTick(() => {
-          scrollIntoView();
-        });
-      }
-    );
+    watch([() => props.active, () => props.compact], () => {
+      nextTick(() => {
+        scrollIntoView();
+      });
+    });
     return { menusRef, menuItems, onItemClick };
   }
 });

package/es/ele-pro-layout/components/pro-tabs.d.ts

@@ -1,31 +1,41 @@
 import type { PropType } from 'vue';
 import type { TabPaneItem, TabEventOption, ContextMenus } from '../../ele-tabs/types';
-import type { EleDropdownProps, DropdownInstance } from '../../ele-file-list/types';
-import type { TabItem, TabStyle, TabItemEventOption, TabTitleInstance, EleTabsInstance } from '../types';
+import type { EleDropdownProps, EleDropdownInstance, EleTabsInstance } from '../../ele-app/types/components';
+import type { TabItem, TabStyle, TabItemEventOption, TabTitleInstance } from '../types';
 declare const _default: import("vue").DefineComponent<{
+    /** 页签数据 */
     tabs: {
         type: PropType<TabItem[]>;
         required: true;
     };
+    /** 页签选中 */
     active: {
         type: StringConstructor;
         required: true;
     };
+    /** 是否需要固定的主页页签 */
     fixedHome: BooleanConstructor;
+    /** 主页路由地址 */
     homePath: StringConstructor;
+    /** 当前路由是否是主页 */
     isHome: BooleanConstructor;
+    /** 页签风格 */
     tabStyle: PropType<TabStyle>;
+    /** 是否支持右键菜单 */
     tabContextMenu: PropType<boolean | EleDropdownProps>;
+    /** 右键菜单 */
     tabContextMenus: PropType<ContextMenus>;
+    /** 是否支持拖动排序 */
     tabSortable: BooleanConstructor;
 }, {
     homeRef: import("vue").Ref<TabTitleInstance>;
     tabRef: import("vue").Ref<EleTabsInstance>;
     items: import("vue").ComputedRef<TabPaneItem[]>;
+    contextMenus: import("vue").ComputedRef<import("../../ele-dropdown/types").DropdownItem[] | undefined>;
     onTabRemove: (key: string) => void;
     onTabItemClick: (opt: TabEventOption) => void;
     onTabContextMenu: (opt: TabEventOption) => void;
-    onTabContextOpen: (ref: DropdownInstance) => void;
+    onTabContextOpen: (ref: EleDropdownInstance) => void;
     onTabSortChange: (data: TabPaneItem[]) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     tabClick: (_opt: TabItemEventOption) => true;
@@ -33,20 +43,29 @@ declare const _default: import("vue").DefineComponent<{
     tabContextMenu: (_opt: TabItemEventOption) => true;
     tabSortChange: (_data: TabItem[]) => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** 页签数据 */
     tabs: {
         type: PropType<TabItem[]>;
         required: true;
     };
+    /** 页签选中 */
     active: {
         type: StringConstructor;
         required: true;
     };
+    /** 是否需要固定的主页页签 */
     fixedHome: BooleanConstructor;
+    /** 主页路由地址 */
     homePath: StringConstructor;
+    /** 当前路由是否是主页 */
     isHome: BooleanConstructor;
+    /** 页签风格 */
     tabStyle: PropType<TabStyle>;
+    /** 是否支持右键菜单 */
     tabContextMenu: PropType<boolean | EleDropdownProps>;
+    /** 右键菜单 */
     tabContextMenus: PropType<ContextMenus>;
+    /** 是否支持拖动排序 */
     tabSortable: BooleanConstructor;
 }>> & {
     onTabContextMenu?: ((_opt: TabItemEventOption) => any) | undefined;

package/es/ele-pro-layout/components/pro-tabs.js

@@ -1,37 +1,44 @@
 import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createVNode, createSlots, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode } from "vue";
 import { ElIcon } from "element-plus";
-import { House } from "@element-plus/icons-vue";
+import { HomeOutlined } from "../../icons";
 import EleTabs from "../../ele-tabs/index";
 import EleTabTool from "../../ele-tab-tool/index";
 import EleTabWrap from "../../ele-tab-wrap/index";
 import TabTitle from "../../ele-tabs/components/tab-title";
 const _sfc_main = defineComponent({
   name: "ProTabs",
-  components: { ElIcon, House, EleTabWrap, EleTabTool, EleTabs, TabTitle },
+  components: {
+    ElIcon,
+    HomeOutlined,
+    EleTabWrap,
+    EleTabTool,
+    EleTabs,
+    TabTitle
+  },
   props: {
-    // 页签数据
+    /** 页签数据 */
     tabs: {
       type: Array,
       required: true
     },
-    // 页签选中
+    /** 页签选中 */
     active: {
       type: String,
       required: true
     },
-    // 是否需要固定的主页页签
+    /** 是否需要固定的主页页签 */
     fixedHome: Boolean,
-    // 主页路由地址
+    /** 主页路由地址 */
     homePath: String,
-    // 当前路由是否是主页
+    /** 当前路由是否是主页 */
     isHome: Boolean,
-    // 页签风格
+    /** 页签风格 */
     tabStyle: String,
-    // 是否支持右键菜单
+    /** 是否支持右键菜单 */
     tabContextMenu: [Boolean, Object],
-    // 右键菜单
+    /** 右键菜单 */
     tabContextMenus: [Array, Function],
-    // 是否支持拖动排序
+    /** 是否支持拖动排序 */
     tabSortable: Boolean
   },
   emits: {
@@ -55,6 +62,12 @@ const _sfc_main = defineComponent({
         };
       });
     });
+    const contextMenus = computed(() => {
+      if (typeof props.tabContextMenus === "function") {
+        return props.tabContextMenus();
+      }
+      return props.tabContextMenus;
+    });
     const onTabItemClick = (opt) => {
       const key = opt.name;
       const item = key ? props.tabs.find((d) => d.key === key) : void 0;
@@ -97,6 +110,7 @@ const _sfc_main = defineComponent({
       homeRef,
       tabRef,
       items,
+      contextMenus,
       onTabRemove,
       onTabItemClick,
       onTabContextMenu,
@@ -113,7 +127,7 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_House = resolveComponent("House");
+  const _component_HomeOutlined = resolveComponent("HomeOutlined");
   const _component_ElIcon = resolveComponent("ElIcon");
   const _component_TabTitle = resolveComponent("TabTitle");
   const _component_EleTabTool = resolveComponent("EleTabTool");
@@ -136,7 +150,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             tabName: _ctx.homePath,
             handleClick: true,
             contextMenu: _ctx.tabContextMenu,
-            contextMenus: typeof _ctx.tabContextMenus === "function" ? _ctx.tabContextMenus() : _ctx.tabContextMenus,
+            contextMenus: _ctx.contextMenus,
             onContextMenu: _ctx.onTabContextMenu,
             onContextOpen: _ctx.onTabContextOpen,
             onItemClick: _ctx.onTabItemClick
@@ -145,10 +159,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               renderSlot(_ctx.$slots, "tabHome", {}, () => [
                 createVNode(_component_ElIcon, {
                   size: 16,
-                  style: { "vertical-align": "-2px" }
+                  style: { "vertical-align": "-3px" }
                 }, {
                   default: withCtx(() => [
-                    createVNode(_component_House, { style: { "transform": "scale(0.98)" } })
+                    createVNode(_component_HomeOutlined, { style: { "transform": "scale(1.08)" } })
                   ]),
                   _: 1
                 })

package/es/ele-pro-layout/components/tab-dropdown.d.ts

@@ -1,21 +1,27 @@
 import type { PropType } from 'vue';
 import type { DropdownItem } from '../../ele-dropdown/types';
-import type { EleDropdownProps, DropdownInstance } from '../../ele-file-list/types';
+import type { EleDropdownProps, EleDropdownInstance } from '../../ele-app/types/components';
 declare const _default: import("vue").DefineComponent<{
+    /** 右键菜单 */
     items: PropType<DropdownItem[]>;
+    /** 右键菜单属性 */
     dropdownProps: PropType<EleDropdownProps>;
+    /** 是否点击后自动关闭菜单 */
     autoClose: {
         type: BooleanConstructor;
         default: boolean;
     };
 }, {
-    dropdownRef: import("vue").Ref<DropdownInstance>;
+    dropdownRef: import("vue").Ref<EleDropdownInstance>;
     onCommand: (command: string) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     menuClick: (_command: string) => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** 右键菜单 */
     items: PropType<DropdownItem[]>;
+    /** 右键菜单属性 */
     dropdownProps: PropType<EleDropdownProps>;
+    /** 是否点击后自动关闭菜单 */
     autoClose: {
         type: BooleanConstructor;
         default: boolean;

package/es/ele-pro-layout/components/tab-dropdown.js

@@ -7,11 +7,11 @@ const _sfc_main = defineComponent({
   name: "TabDropdown",
   components: { ElIcon, ArrowDown, EleDropdown, EleTabTool },
   props: {
-    // 右键菜单
+    /** 右键菜单 */
     items: Array,
-    // 右键菜单属性
+    /** 右键菜单属性 */
     dropdownProps: Object,
-    // 是否点击后自动关闭菜单
+    /** 是否点击后自动关闭菜单 */
     autoClose: {
       type: Boolean,
       default: true

package/es/ele-pro-layout/index.d.ts

@@ -54,11 +54,12 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     headerStyle: {
+        /** 面包屑数据 */
         type: import("vue").PropType<import("./types").HeaderStyle>;
         default: string;
     };
     sidebarStyle: {
-        type: import("vue").PropType<import("./types").SidebarStyle>;
+        type: import("vue").PropType<import("./types").SidebarStyle>; /** 页签选中 */
         default: string;
     };
     tabStyle: {
@@ -76,7 +77,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     logoInHeader: BooleanConstructor;
-    colorfulIcon: BooleanConstructor;
+    colorfulIcon: BooleanConstructor; /** 侧栏一级菜单数据 */
     uniqueOpened: {
         type: BooleanConstructor;
         default: boolean;
@@ -90,18 +91,19 @@ declare const _default: import("vue").DefineComponent<{
     homePath: StringConstructor;
     redirectPath: {
         type: StringConstructor;
+        /** 主页地址 */
         default: string;
     };
     locale: StringConstructor;
     i18n: import("vue").PropType<import("./types").MenuI18n>;
     sidebarOpeneds: import("vue").PropType<string[]>;
-    tabContextMenu: import("vue").PropType<boolean | import("../ele-file-list/types").EleDropdownProps>;
+    tabContextMenu: import("vue").PropType<boolean | import("../ele-app/types/components").EleDropdownProps>;
     tabContextMenus: import("vue").PropType<import("../ele-tabs/types").ContextMenus>;
-    tabSortable: BooleanConstructor;
+    tabSortable: BooleanConstructor; /** 是否混合导航布局 */
     autoScrollTop: {
         type: BooleanConstructor;
         default: boolean;
-    };
+    }; /** 是否双侧栏布局 */
     headerTitleSlot: {
         type: StringConstructor;
         default: string;
@@ -123,7 +125,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     sideboxIconSlot: {
-        type: StringConstructor;
+        type: StringConstructor; /** 布局类名 */
         default: string;
     };
     tooltipEffect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
@@ -243,11 +245,12 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     headerStyle: {
+        /** 面包屑数据 */
         type: import("vue").PropType<import("./types").HeaderStyle>;
         default: string;
     };
     sidebarStyle: {
-        type: import("vue").PropType<import("./types").SidebarStyle>;
+        type: import("vue").PropType<import("./types").SidebarStyle>; /** 页签选中 */
         default: string;
     };
     tabStyle: {
@@ -265,7 +268,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     logoInHeader: BooleanConstructor;
-    colorfulIcon: BooleanConstructor;
+    colorfulIcon: BooleanConstructor; /** 侧栏一级菜单数据 */
     uniqueOpened: {
         type: BooleanConstructor;
         default: boolean;
@@ -279,18 +282,19 @@ declare const _default: import("vue").DefineComponent<{
     homePath: StringConstructor;
     redirectPath: {
         type: StringConstructor;
+        /** 主页地址 */
         default: string;
     };
     locale: StringConstructor;
     i18n: import("vue").PropType<import("./types").MenuI18n>;
     sidebarOpeneds: import("vue").PropType<string[]>;
-    tabContextMenu: import("vue").PropType<boolean | import("../ele-file-list/types").EleDropdownProps>;
+    tabContextMenu: import("vue").PropType<boolean | import("../ele-app/types/components").EleDropdownProps>;
     tabContextMenus: import("vue").PropType<import("../ele-tabs/types").ContextMenus>;
-    tabSortable: BooleanConstructor;
+    tabSortable: BooleanConstructor; /** 是否混合导航布局 */
     autoScrollTop: {
         type: BooleanConstructor;
         default: boolean;
-    };
+    }; /** 是否双侧栏布局 */
     headerTitleSlot: {
         type: StringConstructor;
         default: string;
@@ -312,7 +316,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     sideboxIconSlot: {
-        type: StringConstructor;
+        type: StringConstructor; /** 布局类名 */
         default: string;
     };
     tooltipEffect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
@@ -350,13 +354,13 @@ declare const _default: import("vue").DefineComponent<{
     collapse: boolean;
     ellipsis: boolean;
     transitionDelay: number;
-    layout: import("./types").Layout;
     maximized: boolean;
     compact: boolean;
     expanded: boolean;
     tabBar: boolean;
     keepAlive: boolean;
     responsive: boolean;
+    layout: import("./types").Layout;
     breadcrumb: boolean;
     breadcrumbSeparator: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown> | undefined;
     backTop: boolean;