ele-admin-plus 1.0.0 → 1.0.2

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

@@ -0,0 +1,370 @@
+import type { Ref } from 'vue';
+import type { ClassValue } from '../ele-app/types';
+import type { MenuItem, TabItem, LevelItem, TabItemEventOption } from './types';
+declare const _sfc_main: import("vue").DefineComponent<{
+    menus: import("vue").PropType<MenuItem[] | null>;
+    tabs: import("vue").PropType<TabItem[] | null>;
+    collapse: BooleanConstructor;
+    compact: BooleanConstructor;
+    maximized: BooleanConstructor;
+    tabBar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    breadcrumb: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    breadcrumbSeparator: {
+        type: import("vue").PropType<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>;
+        default: string;
+    };
+    backTop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    backTopVisibilityHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    backTopRight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    backTopBottom: {
+        type: NumberConstructor;
+        default: number;
+    };
+    ellipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    menuTrigger: {
+        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "hover" | "click", unknown>>;
+        default: string;
+    };
+    layout: {
+        type: import("vue").PropType<import("./types").Layout>;
+        default: string;
+    };
+    sidebarLayout: {
+        type: import("vue").PropType<import("./types").SidebarLayout>;
+        default: string;
+    };
+    headerStyle: {
+        type: import("vue").PropType<import("./types").HeaderStyle>;
+        default: string;
+    };
+    sidebarStyle: {
+        type: import("vue").PropType<import("./types").SidebarStyle>;
+        default: string;
+    };
+    tabStyle: {
+        type: import("vue").PropType<import("./types").TabStyle>;
+        default: string;
+    };
+    fixedHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedSidebar: BooleanConstructor;
+    fixedBody: BooleanConstructor;
+    fluid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    logoInHeader: BooleanConstructor;
+    colorfulIcon: BooleanConstructor;
+    uniqueOpened: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    expanded: BooleanConstructor;
+    compressOnEsc: BooleanConstructor;
+    fixedHome: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    homePath: StringConstructor;
+    redirectPath: {
+        type: StringConstructor;
+        default: string;
+    };
+    locale: StringConstructor;
+    i18n: import("vue").PropType<import("./types").MenuI18n>;
+    sidebarOpeneds: import("vue").PropType<string[]>;
+    tabContextMenu: BooleanConstructor;
+    tabSortable: BooleanConstructor;
+    autoScrollTop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    headerTitleSlot: {
+        type: StringConstructor;
+        default: string;
+    };
+    headerIconSlot: {
+        type: StringConstructor;
+        default: string;
+    };
+    sidebarTitleSlot: {
+        type: StringConstructor;
+        default: string;
+    };
+    sidebarIconSlot: {
+        type: StringConstructor;
+        default: string;
+    };
+    sideboxTitleSlot: {
+        type: StringConstructor;
+        default: string;
+    };
+    sideboxIconSlot: {
+        type: StringConstructor;
+        default: string;
+    };
+    tooltipEffect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown>>;
+    keepAlive: BooleanConstructor;
+    transitionName: StringConstructor;
+    transitionDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    responsive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    authenticated: Ref<boolean>;
+    contentRef: Ref<HTMLElement | null>;
+    levelData: import("vue").ShallowRef<LevelItem[]>;
+    tabData: import("vue").ShallowRef<TabItem[]>;
+    tabActive: Ref<string>;
+    headerData: import("vue").ShallowRef<MenuItem[]>;
+    headerActive: Ref<string | undefined>;
+    sidebarData: import("vue").ShallowRef<MenuItem[]>;
+    sidebarActive: Ref<string | undefined>;
+    sideboxData: import("vue").ShallowRef<MenuItem[]>;
+    sideboxActive: Ref<string | undefined>;
+    hideFooter: Ref<boolean>;
+    homeMenuPath: Ref<string>;
+    isHome: Ref<boolean>;
+    sidebox: import("vue").ComputedRef<boolean>;
+    sidebar: import("vue").ComputedRef<boolean>;
+    layoutClass: import("vue").ComputedRef<ClassValue>;
+    sidebarCollapse: import("vue").ComputedRef<boolean>;
+    sidebarTheme: import("vue").ComputedRef<"light" | "dark">;
+    updateCollapse: (val?: boolean | MouseEvent) => void;
+    onTabClick: (option: TabItemEventOption) => void;
+    onTabRemove: (option: TabItemEventOption) => void;
+    onTabContextMenu: (option: TabItemEventOption) => void;
+    onTabSortChange: (data: TabItem[]) => void;
+    onLogoClick: () => void;
+    onSideMenuOpen: (index: string, indexPath: string[]) => void;
+    onSideMenuClose: (index: string, indexPath: string[]) => void;
+    onHeadMenuOpen: (index: string, indexPath: string[]) => void;
+    onHeadMenuClose: (index: string, indexPath: string[]) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:collapse': (_collapse: boolean) => boolean;
+    'update:maximized': (_val: boolean) => boolean;
+    tabAdd: (_data: TabItem) => boolean;
+    tabClick: (_option: TabItemEventOption) => boolean;
+    tabRemove: (_option: TabItemEventOption) => boolean;
+    tabContextMenu: (_option: TabItemEventOption) => boolean;
+    tabSortChange: (_data: TabItem[]) => boolean;
+    logoClick: (_isHome: boolean) => boolean;
+    sideMenuOpen: (_index: string, _indexPath: string[]) => boolean;
+    sideMenuClose: (_index: string, _indexPath: string[]) => boolean;
+    headMenuOpen: (_index: string, _indexPath: string[]) => boolean;
+    headMenuClose: (_index: string, _indexPath: string[]) => boolean;
+    bodySizeChange: (_option: import("./types").BodySizeChangeOption) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    menus: import("vue").PropType<MenuItem[] | null>;
+    tabs: import("vue").PropType<TabItem[] | null>;
+    collapse: BooleanConstructor;
+    compact: BooleanConstructor;
+    maximized: BooleanConstructor;
+    tabBar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    breadcrumb: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    breadcrumbSeparator: {
+        type: import("vue").PropType<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>;
+        default: string;
+    };
+    backTop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    backTopVisibilityHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    backTopRight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    backTopBottom: {
+        type: NumberConstructor;
+        default: number;
+    };
+    ellipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    menuTrigger: {
+        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "hover" | "click", unknown>>;
+        default: string;
+    };
+    layout: {
+        type: import("vue").PropType<import("./types").Layout>;
+        default: string;
+    };
+    sidebarLayout: {
+        type: import("vue").PropType<import("./types").SidebarLayout>;
+        default: string;
+    };
+    headerStyle: {
+        type: import("vue").PropType<import("./types").HeaderStyle>;
+        default: string;
+    };
+    sidebarStyle: {
+        type: import("vue").PropType<import("./types").SidebarStyle>;
+        default: string;
+    };
+    tabStyle: {
+        type: import("vue").PropType<import("./types").TabStyle>;
+        default: string;
+    };
+    fixedHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedSidebar: BooleanConstructor;
+    fixedBody: BooleanConstructor;
+    fluid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    logoInHeader: BooleanConstructor;
+    colorfulIcon: BooleanConstructor;
+    uniqueOpened: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    expanded: BooleanConstructor;
+    compressOnEsc: BooleanConstructor;
+    fixedHome: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    homePath: StringConstructor;
+    redirectPath: {
+        type: StringConstructor;
+        default: string;
+    };
+    locale: StringConstructor;
+    i18n: import("vue").PropType<import("./types").MenuI18n>;
+    sidebarOpeneds: import("vue").PropType<string[]>;
+    tabContextMenu: BooleanConstructor;
+    tabSortable: BooleanConstructor;
+    autoScrollTop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    headerTitleSlot: {
+        type: StringConstructor;
+        default: string;
+    };
+    headerIconSlot: {
+        type: StringConstructor;
+        default: string;
+    };
+    sidebarTitleSlot: {
+        type: StringConstructor;
+        default: string;
+    };
+    sidebarIconSlot: {
+        type: StringConstructor;
+        default: string;
+    };
+    sideboxTitleSlot: {
+        type: StringConstructor;
+        default: string;
+    };
+    sideboxIconSlot: {
+        type: StringConstructor;
+        default: string;
+    };
+    tooltipEffect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown>>;
+    keepAlive: BooleanConstructor;
+    transitionName: StringConstructor;
+    transitionDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    responsive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:collapse"?: ((_collapse: boolean) => any) | undefined;
+    "onUpdate:maximized"?: ((_val: boolean) => any) | undefined;
+    onTabAdd?: ((_data: TabItem) => any) | undefined;
+    onTabClick?: ((_option: TabItemEventOption) => any) | undefined;
+    onTabRemove?: ((_option: TabItemEventOption) => any) | undefined;
+    onTabContextMenu?: ((_option: TabItemEventOption) => any) | undefined;
+    onTabSortChange?: ((_data: TabItem[]) => any) | undefined;
+    onLogoClick?: ((_isHome: boolean) => any) | undefined;
+    onSideMenuOpen?: ((_index: string, _indexPath: string[]) => any) | undefined;
+    onSideMenuClose?: ((_index: string, _indexPath: string[]) => any) | undefined;
+    onHeadMenuOpen?: ((_index: string, _indexPath: string[]) => any) | undefined;
+    onHeadMenuClose?: ((_index: string, _indexPath: string[]) => any) | undefined;
+    onBodySizeChange?: ((_option: import("./types").BodySizeChangeOption) => any) | undefined;
+}, {
+    uniqueOpened: boolean;
+    menuTrigger: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "hover" | "click", unknown>;
+    collapse: boolean;
+    ellipsis: boolean;
+    tabContextMenu: boolean;
+    compact: boolean;
+    maximized: boolean;
+    tabBar: boolean;
+    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;
+    backTopVisibilityHeight: number;
+    backTopRight: number;
+    backTopBottom: number;
+    layout: import("./types").Layout;
+    sidebarLayout: import("./types").SidebarLayout;
+    headerStyle: import("./types").HeaderStyle;
+    sidebarStyle: import("./types").SidebarStyle;
+    tabStyle: import("./types").TabStyle;
+    fixedHeader: boolean;
+    fixedSidebar: boolean;
+    fixedBody: boolean;
+    fluid: boolean;
+    logoInHeader: boolean;
+    colorfulIcon: boolean;
+    expanded: boolean;
+    compressOnEsc: boolean;
+    fixedHome: boolean;
+    redirectPath: string;
+    tabSortable: boolean;
+    autoScrollTop: boolean;
+    headerTitleSlot: string;
+    headerIconSlot: string;
+    sidebarTitleSlot: string;
+    sidebarIconSlot: string;
+    sideboxTitleSlot: string;
+    sideboxIconSlot: string;
+    keepAlive: boolean;
+    transitionDelay: number;
+    responsive: boolean;
+}, {}>;
+export default _sfc_main;

package/es/ele-pro-layout/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, unref, provide, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, createBlock, createCommentVNode } from "vue";
+import { defineComponent, ref, shallowRef, computed, watch, unref, provide, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, createBlock, createCommentVNode } from "vue";
 import { useRouter } from "vue-router";
 import { ElBacktop } from "element-plus";
 import { mapTree } from "../utils/core";
@@ -27,15 +27,15 @@ const _sfc_main = defineComponent({
     const { authenticated } = useLicense();
     const { currentRoute } = useRouter();
     const contentRef = ref(null);
-    const levelData = ref([]);
-    const tabData = ref([]);
+    const levelData = shallowRef([]);
+    const tabData = shallowRef([]);
     const tabActive = ref(getHomePath(props.homePath));
-    const menuData = ref([]);
-    const headerData = ref([]);
+    const menuData = shallowRef([]);
+    const headerData = shallowRef([]);
     const headerActive = ref();
-    const sidebarData = ref([]);
+    const sidebarData = shallowRef([]);
     const sidebarActive = ref();
-    const sideboxData = ref([]);
+    const sideboxData = shallowRef([]);
     const sideboxActive = ref();
     const hideSidebar = ref(false);
     const hideSidebox = ref(false);

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

@@ -69,10 +69,7 @@ export declare const proLayoutProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    fixedSidebar: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    fixedSidebar: BooleanConstructor;
     fixedBody: BooleanConstructor;
     fluid: {
         type: BooleanConstructor;

package/es/ele-pro-layout/props.js

@@ -85,10 +85,7 @@ const proLayoutProps = {
     default: false
   },
   // 是否固定侧栏
-  fixedSidebar: {
-    type: Boolean,
-    default: true
-  },
+  fixedSidebar: Boolean,
   // 是否固定内容区
   fixedBody: Boolean,
   // 内容区是否撑满
@@ -129,7 +126,7 @@ const proLayoutProps = {
   sidebarOpeneds: Array,
   // 是否支持页签右键菜单
   tabContextMenu: Boolean,
-  // 是否支持
+  // 是否支持页签拖动排序
   tabSortable: Boolean,
   // 固定主体时切换路由自动滚到顶部
   autoScrollTop: {

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

@@ -10,7 +10,7 @@ export interface MenuMeta extends RouteMeta {
     /** 菜单标题 */
     title?: string;
     /** 菜单图标 */
-    icon?: string;
+    icon?: MenuItemProps['icon'];
     /** 菜单是否隐藏 */
     hide?: boolean;
     /** 选中其它菜单 */

package/es/ele-pro-table/components/table-view.d.ts

@@ -79,10 +79,6 @@ declare const _default: import("vue").DefineComponent<{
     };
     lazy: BooleanConstructor;
     load: import("vue").PropType<((row: any, treeNode: import("element-plus/es/components/table/src/table/defaults").TreeNode, resolve: (data: any[]) => void) => void) | undefined>;
-    style: {
-        type: import("vue").PropType<import("vue").CSSProperties>;
-        default: () => {};
-    };
     className: {
         type: StringConstructor;
         default: string;
@@ -209,10 +205,6 @@ declare const _default: import("vue").DefineComponent<{
     };
     lazy: BooleanConstructor;
     load: import("vue").PropType<((row: any, treeNode: import("element-plus/es/components/table/src/table/defaults").TreeNode, resolve: (data: any[]) => void) => void) | undefined>;
-    style: {
-        type: import("vue").PropType<import("vue").CSSProperties>;
-        default: () => {};
-    };
     className: {
         type: StringConstructor;
         default: string;
@@ -246,13 +238,10 @@ declare const _default: import("vue").DefineComponent<{
     onHeaderDragend?: ((_width: number, _old: number, _column: import("../types").Column, _e: MouseEvent) => any) | undefined;
     onExpandChange?: ((_row: import("../types").DataItem, _expanded: boolean) => any) | undefined;
 }, {
-    className: string;
-    style: import("vue").CSSProperties;
-    stripe: boolean;
-    border: boolean;
-    loading: boolean;
     data: any[];
     fit: boolean;
+    stripe: boolean;
+    border: boolean;
     showHeader: boolean;
     showSummary: boolean;
     highlightCurrentRow: boolean;
@@ -264,8 +253,10 @@ declare const _default: import("vue").DefineComponent<{
         children?: string | undefined;
     } | undefined;
     lazy: boolean;
+    className: string;
     tableLayout: "fixed" | "auto";
     scrollbarAlwaysOn: boolean;
     flexible: boolean;
+    loading: boolean;
 }, {}>;
 export default _default;

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

@@ -139,10 +139,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     lazy: BooleanConstructor;
     load: import("vue").PropType<((row: any, treeNode: import("element-plus/es/components/table/src/table/defaults").TreeNode, resolve: (data: any[]) => void) => void) | undefined>;
-    style: {
-        type: import("vue").PropType<CSSProperties>;
-        default: () => {};
-    };
     className: {
         type: StringConstructor;
         default: string;
@@ -187,16 +183,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
         hideInTable?: boolean | undefined;
         hideInSetting?: boolean | undefined;
         children?: any[] | undefined;
-        type?: string | undefined;
         width?: string | number | undefined;
+        type?: string | undefined;
         minWidth?: string | number | undefined;
         sortable?: string | boolean | undefined;
         resizable?: boolean | undefined;
         reserveSelection?: boolean | undefined;
         filterMultiple?: boolean | undefined;
         sortOrders?: ("ascending" | "descending" | null)[] | undefined;
-        label?: string | undefined;
         className?: string | undefined;
+        label?: string | undefined;
         labelClassName?: string | undefined;
         property?: string | undefined;
         prop?: string | undefined;
@@ -346,7 +342,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     tableIndex: import("vue").ComputedRef<number>;
     paginationProps: import("vue").ComputedRef<Partial<PaginationProps> | null>;
     tableProps: import("vue").ComputedRef<Partial<TableViewProps>>;
-    tableStyle: import("vue").ComputedRef<CSSProperties>;
+    proTableStyle: import("vue").ComputedRef<CSSProperties>;
     tableTools: import("vue").ComputedRef<TableTool[]>;
     tableLoad: (row: DataItem, treeNode: import("element-plus/es/components/table/src/table/defaults").TreeNode, resolve: (data: DataItem[]) => void) => void;
     onRefresh: () => void;
@@ -543,10 +539,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     lazy: BooleanConstructor;
     load: import("vue").PropType<((row: any, treeNode: import("element-plus/es/components/table/src/table/defaults").TreeNode, resolve: (data: any[]) => void) => void) | undefined>;
-    style: {
-        type: import("vue").PropType<CSSProperties>;
-        default: () => {};
-    };
     className: {
         type: StringConstructor;
         default: string;
@@ -587,10 +579,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     onMaximizedChange?: ((_maximized: boolean) => any) | undefined;
     onRefresh?: (() => any) | undefined;
 }, {
-    className: string;
-    style: CSSProperties;
     data: any[];
-    loading: boolean;
     fit: boolean;
     stripe: boolean;
     border: boolean;
@@ -605,9 +594,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         children?: string | undefined;
     } | undefined;
     lazy: boolean;
+    className: string;
     tableLayout: "fixed" | "auto";
     scrollbarAlwaysOn: boolean;
     flexible: boolean;
+    loading: boolean;
     loadOnCreated: boolean;
     loadOnChanged: boolean;
     toolbar: boolean | import("./types").TableToolbar;

package/es/ele-pro-table/index.js

@@ -70,7 +70,7 @@ const _sfc_main = defineComponent({
       };
       return Object.assign(pick(props, tablePropKeys), opt);
     });
-    const tableStyle = computed(() => {
+    const proTableStyle = computed(() => {
       if (!tableMaximized.value) {
         return {};
       }
@@ -474,7 +474,7 @@ const _sfc_main = defineComponent({
       tableIndex,
       paginationProps,
       tableProps,
-      tableStyle,
+      proTableStyle,
       tableTools,
       tableLoad,
       onRefresh,
@@ -520,7 +520,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       { "is-header-ellipsis": _ctx.headerEllipsis },
       { "is-maximized": _ctx.tableMaximized }
     ]),
-    style: normalizeStyle(_ctx.tableStyle)
+    style: normalizeStyle(_ctx.proTableStyle)
   }, [
     _ctx.toolbar ? (openBlock(), createBlock(_component_EleToolbar, normalizeProps(mergeProps({ key: 0 }, _ctx.toolbar === true ? {} : _ctx.toolbar)), {
       tools: withCtx(() => [