@antdv-vue/pro-layout 0.0.0-stage → 2.0.3

package/dist/components/AppsLogoComponents/style/simple.js

@@ -0,0 +1,85 @@
+//#region src/components/AppsLogoComponents/style/simple.ts
+const genAppsLogoComponentsSimpleListStyle = (token) => {
+	return { "&-content": {
+		maxHeight: token.calc("100vh").sub(48).equal(),
+		overflow: "auto",
+		"&-list": {
+			boxSizing: "border-box",
+			maxWidth: 376,
+			marginBlock: 0,
+			marginInline: 0,
+			paddingBlock: 0,
+			paddingInline: 0,
+			listStyle: "none",
+			"&-item": {
+				position: "relative",
+				display: "inline-block",
+				width: 104,
+				height: 104,
+				marginBlock: 8,
+				marginInline: 8,
+				paddingInline: 24,
+				paddingBlock: 24,
+				verticalAlign: "top",
+				listStyleType: "none",
+				transition: "transform 0.2s cubic-bezier(0.333, 0, 0, 1)",
+				borderRadius: token.borderRadius,
+				"&-group": {
+					marginBlockEnd: 16,
+					"&-title": {
+						marginBlockStart: 16,
+						marginInlineEnd: 0,
+						marginBlockEnd: 8,
+						marginInlineStart: 12,
+						fontWeight: 600,
+						color: "rgba(0, 0, 0, 0.88)",
+						fontSize: 16,
+						opacity: .85,
+						lineHeight: 1.5,
+						"&:first-child": { marginBlockStart: 12 }
+					}
+				},
+				"&:hover": { backgroundColor: token.colorBgTextHover },
+				a: {
+					display: "flex",
+					flexDirection: "column",
+					alignItems: "center",
+					height: "100%",
+					fontSize: 12,
+					textDecoration: "none",
+					"& > #avatarLogo": {
+						width: 40,
+						height: 40,
+						margin: "0 auto",
+						color: token.colorPrimary,
+						fontSize: 22,
+						lineHeight: "40px",
+						textAlign: "center",
+						backgroundImage: "linear-gradient(180deg, #E8F0FB 0%, #F6F8FC 100%)",
+						borderRadius: token.borderRadius
+					},
+					"& > img": {
+						width: 40,
+						height: 40
+					},
+					"& > div": {
+						marginBlockStart: 5,
+						marginInlineStart: 0,
+						color: token.colorTextHeading,
+						fontSize: 14,
+						lineHeight: "22px",
+						whiteSpace: "nowrap",
+						textOverflow: "ellipsis"
+					},
+					"& > div > span": {
+						color: token.colorTextSecondary,
+						fontSize: 12,
+						lineHeight: "20px"
+					}
+				}
+			}
+		}
+	} };
+};
+//#endregion
+export { genAppsLogoComponentsSimpleListStyle };

package/dist/components/AppsLogoComponents/typing.d.ts

@@ -0,0 +1,14 @@
+import { VueNode } from "antdv-next/dist/_util/type";
+
+//#region src/components/AppsLogoComponents/typing.d.ts
+interface AppItemProps {
+  title: VueNode;
+  desc?: VueNode;
+  icon?: VueNode;
+  url?: string;
+  target?: string;
+  children?: Omit<AppItemProps, 'children'>[];
+}
+type AppListProps = AppItemProps[];
+//#endregion
+export { AppItemProps, AppListProps };

package/dist/components/AppsLogoComponents/typing.js

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

package/dist/components/CollapsedIcon/index.d.ts

@@ -0,0 +1,9 @@
+import { FunctionalComponent } from "vue";
+
+//#region src/components/CollapsedIcon/index.d.ts
+declare const CollapsedIcon: FunctionalComponent<{
+  collapsed: boolean;
+  tabIndex?: number;
+}>;
+//#endregion
+export { CollapsedIcon as default };

package/dist/components/CollapsedIcon/index.js

@@ -0,0 +1,6 @@
+import { createVNode } from "vue";
+import { MenuFoldOutlined, MenuUnfoldOutlined } from "@antdv-next/icons";
+//#region src/components/CollapsedIcon/index.tsx
+const CollapsedIcon = ({ collapsed, tabIndex }) => collapsed ? createVNode(MenuUnfoldOutlined, { "tabIndex": tabIndex }, null) : createVNode(MenuFoldOutlined, { "tabIndex": tabIndex }, null);
+//#endregion
+export { CollapsedIcon as default };

package/dist/components/Footer/index.d.ts

@@ -0,0 +1,18 @@
+import { CSSProperties, FunctionalComponent, VNode } from "vue";
+
+//#region src/components/Footer/index.d.ts
+interface FooterProps {
+  links?: {
+    key?: string;
+    title: VNode;
+    href: string;
+    blankTarget?: boolean;
+  }[] | false;
+  copyright?: string | false;
+  style?: CSSProperties;
+  class?: string;
+  prefixCls?: string;
+}
+declare const FooterView: FunctionalComponent<FooterProps>;
+//#endregion
+export { FooterProps, FooterView as default };

package/dist/components/Footer/index.js

@@ -0,0 +1,25 @@
+import GlobalFooter from "../GlobalFooter/index.js";
+import { Fragment, createVNode } from "vue";
+import { LayoutFooter } from "antdv-next";
+import { CopyrightOutlined } from "@antdv-next/icons";
+//#region src/components/Footer/index.tsx
+const FooterView = ({ class: className, style, links, prefixCls, copyright }) => createVNode(LayoutFooter, {
+	"class": className,
+	"style": {
+		padding: 0,
+		zIndex: 7,
+		...style
+	}
+}, { default: () => [createVNode(GlobalFooter, {
+	"links": links,
+	"prefixCls": prefixCls,
+	"copyright": copyright !== false && createVNode(Fragment, null, [
+		createVNode(CopyrightOutlined, null, null),
+		" ",
+		copyright
+	])
+}, null)] });
+FooterView.displayName = "Footer";
+FooterView.inheritAttrs = false;
+//#endregion
+export { FooterView as default };

package/dist/components/FooterToolbar/index.d.ts

@@ -0,0 +1,21 @@
+import { stylishToken } from "./style/stylish.js";
+import { FooterToolbarContentRender, SlotsRenderType } from "../../RenderTypings.js";
+import * as _$vue from "vue";
+import { VNode } from "vue";
+import { GenerateStyle } from "@antdv-vue/pro-provider";
+import { VueNode } from "@antdv-vue/pro-utils";
+import { CustomSlotsType } from "@v-c/util/dist/type";
+
+//#region src/components/FooterToolbar/index.d.ts
+interface FooterToolbarProps {
+  extra?: VNode;
+  footerToolbarContentRender?: FooterToolbarContentRender;
+  prefixCls?: string;
+  stylish?: GenerateStyle<stylishToken>;
+  portalDom?: boolean;
+}
+declare const FooterToolbar: _$vue.DefineSetupFnComponent<FooterToolbarProps, {}, CustomSlotsType<Pick<SlotsRenderType, "footerToolbarContentRender"> & {
+  default: () => VueNode[];
+}>, FooterToolbarProps & {}, _$vue.PublicProps>;
+//#endregion
+export { FooterToolbarProps, FooterToolbar as default };

package/dist/components/FooterToolbar/index.js

@@ -0,0 +1,85 @@
+import { useRouteContext } from "../../context/RouteContext.js";
+import style_default from "./style/index.js";
+import { useStylish } from "./style/stylish.js";
+import { Fragment, Teleport, computed, createVNode, defineComponent, isVNode } from "vue";
+import { getSlot, isBrowser, useEffect } from "@antdv-vue/pro-utils";
+import { classNames } from "@v-c/util";
+import { useConfig } from "antdv-next/config-provider/context";
+//#region src/components/FooterToolbar/index.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const FooterToolbar = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
+	const config = useConfig();
+	const prefixCls = computed(() => props.prefixCls || config.value.getPrefixCls("pro"));
+	const baseClassName = computed(() => `${prefixCls.value}-footer-bar`);
+	const routeContext = useRouteContext();
+	const [hashId, cssVarCls] = style_default(baseClassName);
+	const width = computed(() => {
+		const { hasSiderMenu, isMobile, siderWidth } = routeContext.value;
+		if (!hasSiderMenu) return;
+		if (!siderWidth) return "100%";
+		return isMobile ? "100%" : `calc(100% - ${siderWidth}px)`;
+	});
+	const containerDom = computed(() => {
+		if (typeof window === "undefined" || typeof document === "undefined") return null;
+		return config.value.getTargetContainer?.() || document.body;
+	});
+	useStylish(computed(() => `${baseClassName.value}.${baseClassName.value}-stylish`), { stylish: computed(() => props.stylish) });
+	/** 告诉 props 是否存在 footerBar */
+	useEffect(() => {
+		if (!routeContext.value || !routeContext.value?.setHasFooterToolbar) return () => {};
+		routeContext.value?.setHasFooterToolbar?.(true);
+		return () => {
+			routeContext.value?.setHasFooterToolbar?.(false);
+		};
+	}, []);
+	return () => {
+		const { extra, portalDom = true } = props;
+		const footerToolbarContentRender = getSlot(slots, props, "footerToolbarContentRender");
+		const dom = createVNode(Fragment, null, [createVNode("div", { "class": classNames(`${baseClassName.value}-left`, hashId?.value, cssVarCls?.value) }, [extra]), createVNode("div", { "class": classNames(`${baseClassName.value}-right`, hashId?.value, cssVarCls?.value) }, [slots.default?.()])]);
+		const renderDom = createVNode("div", {
+			"class": classNames(baseClassName.value, attrs.class, hashId?.value, cssVarCls?.value, { [`${baseClassName.value}-stylish`]: !!props.stylish }),
+			"style": {
+				width: width.value,
+				...attrs.style || {}
+			}
+		}, [footerToolbarContentRender ? footerToolbarContentRender({
+			props: {
+				...props,
+				...routeContext.value,
+				leftWidth: width.value
+			},
+			dom
+		}) : dom]);
+		return createVNode(Fragment, { "key": baseClassName.value }, [!isBrowser() || !portalDom || !containerDom.value ? createVNode(Fragment, null, [renderDom]) : createVNode(Teleport, { "to": containerDom.value }, _isSlot(renderDom) ? renderDom : { default: () => [renderDom] })]);
+	};
+}, {
+	props: {
+		extra: {
+			type: Object,
+			required: false
+		},
+		footerToolbarContentRender: {
+			type: Function,
+			required: false
+		},
+		prefixCls: {
+			type: String,
+			required: false
+		},
+		stylish: {
+			type: Function,
+			required: false
+		},
+		portalDom: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		}
+	},
+	name: "FooterToolbar",
+	inheritAttrs: false
+});
+//#endregion
+export { FooterToolbar as default };

package/dist/components/FooterToolbar/style/index.d.ts

@@ -0,0 +1,8 @@
+import * as _$vue from "vue";
+import { ProAliasCssVarToken } from "@antdv-vue/pro-provider";
+
+//#region src/components/FooterToolbar/style/index.d.ts
+interface FooterToolBarToken extends ProAliasCssVarToken {}
+declare const _default: (prefixCls: _$vue.Ref<string>, rootCls?: _$vue.Ref<string | undefined>) => readonly [_$vue.Ref<string, string>, _$vue.ComputedRef<string | undefined>];
+//#endregion
+export { FooterToolBarToken, _default as default };

package/dist/components/FooterToolbar/style/index.js

@@ -0,0 +1,35 @@
+import { useStyle } from "@antdv-vue/pro-provider";
+import { mergeToken, unit } from "@antdv-next/cssinjs";
+//#region src/components/FooterToolbar/style/index.ts
+const genFooterToolBarStyle = (token) => {
+	return { [token.componentCls]: {
+		position: "fixed",
+		insetInlineEnd: 0,
+		bottom: 0,
+		zIndex: 8,
+		display: "flex",
+		alignItems: "center",
+		width: "100%",
+		paddingInline: 24,
+		paddingBlock: 0,
+		boxSizing: "border-box",
+		lineHeight: "44px",
+		backgroundColor: token.colorBgElevated,
+		borderBlockStart: `${unit(token.lineWidth)} ${token.lineType} ${token.colorSplit}`,
+		boxShadow: token.boxShadowSecondary,
+		transition: `all ${token.motionDurationMid}`,
+		"&-left": { flex: 1 },
+		"&-right": { "> *": {
+			marginInlineEnd: 8,
+			"&:last-child": {
+				marginBlock: 0,
+				marginInline: 0
+			}
+		} }
+	} };
+};
+var style_default = useStyle("ProLayoutFooterToolbar", (token) => {
+	return [genFooterToolBarStyle(mergeToken(token, {}))];
+});
+//#endregion
+export { style_default as default };

package/dist/components/FooterToolbar/style/stylish.d.ts

@@ -0,0 +1,13 @@
+import * as _$vue from "vue";
+import { ComputedRef } from "vue";
+import { GenerateStyle, ProAliasCssVarToken } from "@antdv-vue/pro-provider";
+
+//#region src/components/FooterToolbar/style/stylish.d.ts
+interface stylishToken extends ProAliasCssVarToken {}
+declare function useStylish(prefixCls: ComputedRef<string>, {
+  stylish
+}: {
+  stylish?: ComputedRef<GenerateStyle<stylishToken>>;
+}): readonly [_$vue.Ref<string, string>, ComputedRef<string | undefined>];
+//#endregion
+export { stylishToken, useStylish };

package/dist/components/FooterToolbar/style/stylish.js

@@ -0,0 +1,12 @@
+import { useStyle } from "@antdv-vue/pro-provider";
+import { mergeToken } from "@antdv-next/cssinjs";
+//#region src/components/FooterToolbar/style/stylish.ts
+function useStylish(prefixCls, { stylish }) {
+	return useStyle("ProLayoutFooterToolbarStylish", (token) => {
+		const stylishToken = mergeToken(token, {});
+		if (!stylish?.value) return [];
+		return [{ [`${stylishToken.componentCls}`]: stylish.value?.(stylishToken) }];
+	})(prefixCls);
+}
+//#endregion
+export { useStylish };

package/dist/components/GlobalFooter/index.d.ts

@@ -0,0 +1,17 @@
+import * as _$vue from "vue";
+import { VNode } from "vue";
+
+//#region src/components/GlobalFooter/index.d.ts
+interface GlobalFooterProps {
+  links?: boolean | {
+    key?: string;
+    title: VNode;
+    href: string;
+    blankTarget?: boolean;
+  }[];
+  copyright?: VNode | boolean;
+  prefixCls?: string;
+}
+declare const GlobalFooter: _$vue.DefineSetupFnComponent<GlobalFooterProps, {}, {}, GlobalFooterProps & {}, _$vue.PublicProps>;
+//#endregion
+export { GlobalFooterProps, GlobalFooter as default };

package/dist/components/GlobalFooter/index.js

@@ -0,0 +1,46 @@
+import style_default from "./style/index.js";
+import { computed, createVNode, defineComponent } from "vue";
+import { classNames } from "@v-c/util";
+import { useConfig } from "antdv-next/config-provider/context";
+//#region src/components/GlobalFooter/index.tsx
+const GlobalFooter = /* @__PURE__ */ defineComponent((props, { attrs }) => {
+	const config = useConfig();
+	const baseClassName = computed(() => config.value.getPrefixCls(props.prefixCls || "pro-global-footer"));
+	const [hashId, cssVarCls] = style_default(baseClassName);
+	return () => {
+		const { links, copyright } = props;
+		if ((links == null || links === false || Array.isArray(links) && links.length === 0) && (copyright == null || copyright === false)) return null;
+		return createVNode("div", {
+			"class": classNames(baseClassName.value, hashId?.value, cssVarCls?.value, attrs.class),
+			"style": attrs.style
+		}, [links && Array.isArray(links) && links.length > 0 && createVNode("div", { "class": classNames(`${baseClassName.value}-list`, hashId?.value, cssVarCls?.value) }, [links?.map((link) => createVNode("a", {
+			"class": classNames(`${baseClassName.value}-list-link`, hashId?.value, cssVarCls?.value),
+			"key": link.key,
+			"title": link.key,
+			"target": link.blankTarget ? "_blank" : "_self",
+			"href": link.href,
+			"rel": "noreferrer"
+		}, [link.title]))]), copyright && createVNode("div", { "class": classNames(`${baseClassName.value}-copyright`, hashId?.value, cssVarCls?.value) }, [copyright])]);
+	};
+}, {
+	props: {
+		links: {
+			type: [Boolean, Array],
+			required: false,
+			default: void 0
+		},
+		copyright: {
+			type: [Object, Boolean],
+			required: false,
+			default: void 0
+		},
+		prefixCls: {
+			type: String,
+			required: false
+		}
+	},
+	name: "GlobalFooter",
+	inheritAttrs: false
+});
+//#endregion
+export { GlobalFooter as default };

package/dist/components/GlobalFooter/style/index.d.ts

@@ -0,0 +1,8 @@
+import * as _$vue from "vue";
+import { ProAliasCssVarToken } from "@antdv-vue/pro-provider";
+
+//#region src/components/GlobalFooter/style/index.d.ts
+interface GlobalFooterToken extends ProAliasCssVarToken {}
+declare const _default: (prefixCls: _$vue.Ref<string>, rootCls?: _$vue.Ref<string | undefined>) => readonly [_$vue.Ref<string, string>, _$vue.ComputedRef<string | undefined>];
+//#endregion
+export { GlobalFooterToken, _default as default };

package/dist/components/GlobalFooter/style/index.js

@@ -0,0 +1,33 @@
+import { useStyle } from "@antdv-vue/pro-provider";
+import { mergeToken } from "@antdv-next/cssinjs";
+//#region src/components/GlobalFooter/style/index.ts
+const genGlobalFooterStyle = (token) => {
+	return { [token.componentCls]: {
+		marginBlock: 0,
+		marginBlockStart: 48,
+		marginBlockEnd: 24,
+		marginInline: 0,
+		paddingBlock: 0,
+		paddingInline: 16,
+		textAlign: "center",
+		"&-list": {
+			marginBlockEnd: 8,
+			color: token.colorTextSecondary,
+			"&-link": {
+				color: token.colorTextSecondary,
+				textDecoration: token.linkDecoration
+			},
+			"*:not(:last-child)": { marginInlineEnd: 8 },
+			"&:hover": { color: token.colorPrimary }
+		},
+		"&-copyright": {
+			fontSize: 14,
+			color: token.colorText
+		}
+	} };
+};
+var style_default = useStyle("ProLayoutGlobalFooter", (token) => {
+	return [genGlobalFooterStyle(mergeToken(token, {}))];
+});
+//#endregion
+export { style_default as default };

package/dist/components/GlobalHeader/ActionsContent.d.ts

@@ -0,0 +1,30 @@
+import { SiderMenuProps } from "../SiderMenu/SiderMenu.js";
+import { ActionsRender, SlotsRenderType } from "../../RenderTypings.js";
+import * as _$vue from "vue";
+import { AvatarProps } from "antdv-next";
+import { CustomSlotsType, VueNode } from "@v-c/util/dist/type";
+
+//#region src/components/GlobalHeader/ActionsContent.d.ts
+type AvatarPropsType = (AvatarProps & {
+  title?: VueNode;
+  render?: (avatarProps: AvatarProps, defaultDom: VueNode, props: SiderMenuProps) => VueNode;
+}) | false;
+declare const ActionsContent: _$vue.DefineSetupFnComponent<{
+  prefixCls?: string; /** 头像的设置 */
+  avatarProps?: AvatarPropsType;
+  /**
+   * @name actionsRender Layout的操作功能列表，不同的 layout 会放到不同的位置
+   */
+  actionsRender?: ActionsRender | false;
+}, {}, CustomSlotsType<Pick<SlotsRenderType, "actionsRender"> & {
+  default: () => VueNode;
+}>, {
+  prefixCls?: string; /** 头像的设置 */
+  avatarProps?: AvatarPropsType;
+  /**
+   * @name actionsRender Layout的操作功能列表，不同的 layout 会放到不同的位置
+   */
+  actionsRender?: ActionsRender | false;
+} & {}, _$vue.PublicProps>;
+//#endregion
+export { AvatarPropsType, ActionsContent as default };

package/dist/components/GlobalHeader/ActionsContent.js

@@ -0,0 +1,88 @@
+import rightContentStyle_default from "./style/rightContentStyle.js";
+import { Fragment, computed, createVNode, defineComponent, isVNode, mergeProps } from "vue";
+import { getSlot, useDebounceFn, useState } from "@antdv-vue/pro-utils";
+import { classNames } from "@v-c/util";
+import { Avatar } from "antdv-next";
+import { useConfig } from "antdv-next/config-provider/context";
+import ResizeObserver from "@v-c/resize-observer";
+//#region src/components/GlobalHeader/ActionsContent.tsx
+const ActionsContent = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	const config = useConfig();
+	const prefixCls = computed(() => props.prefixCls || `${config.value.getPrefixCls()}-pro-global-header`);
+	const [hashId, cssVarCls] = rightContentStyle_default(prefixCls);
+	const [rightSize, setRightSize] = useState("auto");
+	const avatarDom = computed(() => {
+		const { avatarProps } = props;
+		if (!avatarProps) return null;
+		const { title, render, ...rest } = avatarProps;
+		const domList = createVNode(Fragment, null, [rest?.src || rest?.srcSet || rest.icon ? createVNode(Avatar, mergeProps(rest, {
+			"size": 28,
+			"key": "avatar"
+		}), null) : null, title && createVNode("span", {
+			"key": "name",
+			"style": { marginInlineStart: "8px" }
+		}, [title])]);
+		if (render) return render(avatarProps, createVNode("span", null, [domList]), props);
+		return createVNode("span", null, [domList]);
+	});
+	/** 减少一下渲染的次数 */
+	const setRightSizeDebounceFn = useDebounceFn(async (width) => setRightSize(width), 160);
+	return () => {
+		const actionsRender = getSlot(slots, props, "actionsRender");
+		const contentRender = actionsRender || avatarDom.value ? (restParams) => {
+			const doms = actionsRender && actionsRender({ ...restParams });
+			if (!doms && !avatarDom.value) return null;
+			if (!Array.isArray(doms)) {
+				let hideHover = false;
+				if (isVNode(doms)) hideHover = !!doms?.props?.["aria-hidden"];
+				return createVNode("div", { "class": classNames(`${prefixCls.value}-actions`, hashId?.value, cssVarCls?.value) }, [createVNode("div", { "class": classNames(`${prefixCls.value}-actions-item`, hashId?.value, cssVarCls?.value, { [`${prefixCls.value}-actions-hover`]: !hideHover }) }, [doms]), avatarDom.value && createVNode("div", { "class": classNames(`${prefixCls.value}-actions-avatar`, hashId?.value, cssVarCls?.value) }, [avatarDom.value])]);
+			}
+			return createVNode("div", { "class": classNames(`${prefixCls.value}-actions`, hashId?.value, cssVarCls?.value) }, [doms.filter(Boolean).map((dom, index) => {
+				let hideHover = false;
+				if (isVNode(dom)) hideHover = !!dom?.props?.["aria-hidden"];
+				return createVNode("div", {
+					"key": index,
+					"class": classNames(`${prefixCls.value}-actions-item`, hashId?.value, cssVarCls?.value, { [`${prefixCls.value}-actions-hover`]: !hideHover })
+				}, [dom]);
+			}), avatarDom.value && createVNode("div", { "class": classNames(`${prefixCls.value}-actions-avatar`, hashId?.value, cssVarCls?.value) }, [avatarDom.value])]);
+		} : void 0;
+		return createVNode("div", {
+			"class": classNames(`${prefixCls.value}-right-content`, hashId?.value, cssVarCls?.value),
+			"style": {
+				minWidth: rightSize.value,
+				height: "100%"
+			}
+		}, [createVNode(ResizeObserver, { "onResize": async ({ width }) => {
+			await setRightSizeDebounceFn.run(width);
+		} }, { default: () => [contentRender && createVNode("div", { "style": {
+			display: "flex",
+			alignItems: "center",
+			height: "100%",
+			justifyContent: "flex-end"
+		} }, [contentRender({
+			...props,
+			rightContentSize: rightSize.value
+		})])] })]);
+	};
+}, {
+	props: {
+		prefixCls: {
+			type: String,
+			required: false
+		},
+		avatarProps: {
+			type: [Object, Boolean],
+			required: false,
+			default: void 0
+		},
+		actionsRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		}
+	},
+	name: "ActionsContent",
+	inheritAttrs: false
+});
+//#endregion
+export { ActionsContent as default };