@gx-design-vue/pro-layout-components 0.1.0-alpha.0

package/dist/PageLock/props.js

@@ -0,0 +1,29 @@
+import { getRightContentProps } from "../RightContent/props.js";
+import { pick } from "es-toolkit";
+
+//#region src/PageLock/props.ts
+const rightContentProps = getRightContentProps();
+const basicProps = {
+	hashId: String,
+	className: String
+};
+const publicPageLockProps = {
+	open: {
+		type: Boolean,
+		default: void 0
+	},
+	onOpenChange: Function,
+	"onUpdate:open": Function,
+	cryptoFn: Function,
+	...pick(rightContentProps, ["name", "avatar"])
+};
+const pageLockProps = {
+	...publicPageLockProps,
+	shortsKey: {
+		type: Object,
+		default: () => ({ disabled: false })
+	}
+};
+
+//#endregion
+export { basicProps, pageLockProps, publicPageLockProps };

package/dist/PageLock/style.d.ts

@@ -0,0 +1,7 @@
+import { GenerateStyle, Keyframe } from "@gx-design-vue/pro-provider";
+
+//#region src/PageLock/style.d.ts
+declare const fadeIn: Keyframe;
+declare const PageLockStyle: GenerateStyle;
+//#endregion
+export { PageLockStyle, fadeIn };

package/dist/PageLock/style.js

@@ -0,0 +1,108 @@
+import { Keyframe } from "@gx-design-vue/pro-provider";
+
+//#region src/PageLock/style.ts
+const fadeIn = new Keyframe("fadeIn", {
+	"from": { opacity: 0 },
+	"to": { opacity: 1 }
+});
+const PageLockStyle = (token) => {
+	return { [token.componentCls]: {
+		"&-user-form": { [`${token.antCls}-form-item`]: { marginBlockEnd: 0 } },
+		"&-user-info": {
+			display: "flex",
+			flexDirection: "column",
+			justifyContent: "center",
+			alignItems: "center",
+			gap: 20,
+			marginBlockEnd: token.marginLG
+		},
+		"&-user-name": {
+			fontWeight: 500,
+			fontSize: 18
+		},
+		"&-popup": {
+			display: "flex",
+			flexDirection: "column",
+			background: token.colorBgContainer,
+			position: "fixed",
+			inset: 0,
+			zIndex: 2200,
+			width: "100vw",
+			height: "100vh",
+			"&-enter": {
+				animationDuration: ".3s",
+				animationFillMode: "both",
+				animationName: fadeIn
+			},
+			"&-head": {
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "space-between",
+				marginBlock: token.marginLG,
+				color: token.colorTextSecondary,
+				paddingInline: 20,
+				fontSize: 20,
+				lineHeight: "28px",
+				fontWeight: 600
+			},
+			"&-lock-icon": {
+				cursor: "pointer",
+				transition: "all .3s",
+				"&:hover": {
+					transform: "scale(1.1)",
+					color: token.colorText
+				}
+			},
+			"&-time": {
+				display: "flex",
+				paddingInline: "10%",
+				gap: "5rem",
+				flex: 1,
+				paddingBottom: "40px",
+				[`${token.componentCls}-popup-time-card`]: {
+					position: "relative",
+					width: "40%",
+					height: "100%",
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "center",
+					flex: "1 1 auto",
+					fontSize: 260,
+					borderRadius: token.borderRadiusLG,
+					background: token.colorFillContent
+				},
+				"&-range": {
+					position: "absolute",
+					left: "2%",
+					top: "2%",
+					fontSize: 16,
+					fontWeight: 600,
+					color: token.colorText
+				}
+			},
+			"&-form": {
+				position: "relative",
+				display: "flex",
+				flexDirection: "column",
+				alignItems: "center",
+				justifyContent: "center",
+				gap: token.marginLG,
+				height: "100%",
+				[`${token.componentCls}-user-form`]: { width: 300 },
+				[`${token.componentCls}-popup-form-time`]: {
+					position: "absolute",
+					bottom: token.marginLG,
+					left: "50%",
+					transform: "translateX(-50%)",
+					display: "flex",
+					flexDirection: "column",
+					alignItems: "center",
+					justifyContent: "center"
+				}
+			}
+		}
+	} };
+};
+
+//#endregion
+export { PageLockStyle, fadeIn };

package/dist/PageLock/useFormState.d.ts

@@ -0,0 +1,16 @@
+import * as ant_design_vue_es_form_useForm0 from "ant-design-vue/es/form/useForm";
+
+//#region src/PageLock/useFormState.d.ts
+interface FromState {
+  password: string;
+}
+declare function export_default(validator?: (value: string) => boolean): {
+  formState: {
+    password: string;
+  };
+  validate: <T = any>(names?: "password" | "password"[], option?: ant_design_vue_es_form_useForm0.validateOptions) => Promise<T>;
+  resetFields: (newValues?: ant_design_vue_es_form_useForm0.Props) => void;
+  validateInfos: Partial<Record<"password", ant_design_vue_es_form_useForm0.ValidateInfo>>;
+};
+//#endregion
+export { FromState, export_default as default };

package/dist/PageLock/useFormState.js

@@ -0,0 +1,19 @@
+import { reactive } from "vue";
+import { useProForm } from "@gx-design-vue/pro-provider";
+
+//#region src/PageLock/useFormState.ts
+function useFormState_default(validator) {
+	const formState = reactive({ password: "" });
+	const { validate, resetFields, validateInfos } = useProForm(formState, { password: [{ validator: (_, value) => {
+		return (validator && value ? validator?.(value) : value) ? Promise.resolve() : Promise.reject(validator && value ? "密码错误" : "请输入锁屏密码");
+	} }] });
+	return {
+		formState,
+		validate,
+		resetFields,
+		validateInfos
+	};
+}
+
+//#endregion
+export { useFormState_default as default };

package/dist/Paintbrush-EfUpNqey.js

@@ -0,0 +1,14 @@
+import { createVNode, mergeProps } from "vue";
+var PaintbrushIcon = (e = {}) => createVNode("svg", mergeProps({
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24"
+}, e), [createVNode("g", {
+	fill: "none",
+	"fill-rule": "evenodd"
+}, [createVNode("path", { d: "m12.594 23.258l-.012.002l-.071.035l-.02.004l-.014-.004l-.071-.036q-.016-.004-.024.006l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.016-.018m.264-.113l-.014.002l-.184.093l-.01.01l-.003.011l.018.43l.005.012l.008.008l.201.092q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.003-.011l.018-.43l-.003-.012l-.01-.01z" }, null), createVNode("path", {
+	fill: "currentColor",
+	d: "m8.464 4.222l12.021 12.02a1.01 1.01 0 0 1 0 1.415l-2.828 2.828a1 1 0 0 1-1.414 0L4.222 8.465a2 2 0 0 1 0-2.829l1.414-1.414a2 2 0 0 1 2.828 0M5 11.5c.444 0 .758.269.95.632l.053.112a3.87 3.87 0 0 0 1.385 1.672l.21.128c.358.202.62.525.62.955c0 .38-.203.68-.5.882l-.115.072a3.8 3.8 0 0 0-1.49 1.573l-.105.22c-.187.422-.512.754-1.008.754c-.452 0-.761-.274-.954-.641l-.054-.113a3.83 3.83 0 0 0-1.384-1.664l-.206-.126c-.359-.202-.621-.526-.621-.957c0-.383.208-.68.505-.883l.116-.072a3.76 3.76 0 0 0 1.482-1.565l.113-.236C4.18 11.826 4.51 11.5 5 11.5m5.586-2.328l-1.414 1.414l7.778 7.778l1.414-1.414zm6.845-1.77c.238-.481.8-.513 1.082-.097l.056.096c.216.435.574.804 1.043 1.04c.494.246.501.87.004 1.116a2.35 2.35 0 0 0-.954.872l-.09.164c-.24.486-.804.518-1.085.102l-.056-.096a2.3 2.3 0 0 0-.872-.945l-.17-.094c-.466-.232-.497-.79-.097-1.063l.092-.054a2.33 2.33 0 0 0 .957-.878l.09-.164ZM7.051 5.635L5.635 7.05l2.121 2.122l1.415-1.415L7.05 5.636ZM13.5 2c.294 0 .51.167.654.399l.06.11c.238.477.618.894 1.11 1.187l.196.107c.275.137.48.373.48.697c0 .283-.157.5-.38.64l-.105.06c-.52.26-.932.654-1.205 1.115l-.1.183c-.14.284-.374.502-.71.502c-.294 0-.51-.167-.654-.399l-.06-.11a2.9 2.9 0 0 0-1.11-1.187l-.196-.107c-.275-.137-.48-.374-.48-.698c0-.282.157-.499.38-.64l.105-.058c.52-.262.932-.654 1.205-1.116l.1-.183c.14-.284.374-.502.71-.502"
+}, null)])]);
+export { PaintbrushIcon as default };

package/dist/Palette-B5wq9KtV.js

@@ -0,0 +1,13 @@
+import { createVNode, mergeProps } from "vue";
+var PaletteIcon = (e = {}) => createVNode("svg", mergeProps({
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 16 16"
+}, e), [createVNode("path", {
+	fill: "currentColor",
+	"fill-rule": "evenodd",
+	d: "m14.489 8.388l-.001.006a.1.1 0 0 1-.027.028a.43.43 0 0 1-.264.082h-3.186c-3.118 0-4.68 3.77-2.476 5.974a6.5 6.5 0 1 1 5.953-6.09Zm-.292 1.616c.913 0 1.736-.618 1.79-1.529a8 8 0 1 0-7.032 7.468c1.243-.147 1.527-1.639.641-2.525c-1.26-1.26-.367-3.414 1.415-3.414zM10 5a1 1 0 1 1-2 0a1 1 0 0 1 2 0M6 7a1 1 0 1 0 0-2a1 1 0 0 0 0 2m0 2a1 1 0 1 1-2 0a1 1 0 0 1 2 0",
+	"clip-rule": "evenodd"
+}, null)]);
+export { PaletteIcon as default };

package/dist/RightContent/Search/Panel.d.ts

@@ -0,0 +1,42 @@
+import * as vue220 from "vue";
+import { PropType } from "vue";
+import { AppRouteModule } from "@gx-design-vue/pro-layout";
+import * as vue_jsx_runtime8 from "vue/jsx-runtime";
+
+//#region src/RightContent/Search/Panel.d.ts
+declare const _default: vue220.DefineComponent<vue220.ExtractPropTypes<{
+  className: PropType<string>;
+  hashId: PropType<string>;
+  keyword: PropType<string>;
+  onBlur: PropType<() => void>;
+  onClose: PropType<(clear?: boolean) => void>;
+  dataSource: {
+    type: PropType<AppRouteModule[]>;
+    default: () => any[];
+  };
+  historyKey: PropType<string>;
+  emptyProps: {
+    type: PropType<any>;
+    default: () => {};
+  };
+}>, () => vue_jsx_runtime8.JSX.Element, {}, {}, {}, vue220.ComponentOptionsMixin, vue220.ComponentOptionsMixin, {}, string, vue220.PublicProps, Readonly<vue220.ExtractPropTypes<{
+  className: PropType<string>;
+  hashId: PropType<string>;
+  keyword: PropType<string>;
+  onBlur: PropType<() => void>;
+  onClose: PropType<(clear?: boolean) => void>;
+  dataSource: {
+    type: PropType<AppRouteModule[]>;
+    default: () => any[];
+  };
+  historyKey: PropType<string>;
+  emptyProps: {
+    type: PropType<any>;
+    default: () => {};
+  };
+}>> & Readonly<{}>, {
+  dataSource: AppRouteModule[];
+  emptyProps: any;
+}, {}, {}, {}, string, vue220.ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { _default as default };

package/dist/RightContent/Search/Panel.js

@@ -0,0 +1,146 @@
+import { commonProps } from "./props.js";
+import { uniqueByField } from "../../utils/util.js";
+import { Fragment, cloneVNode, createTextVNode, createVNode, defineComponent, nextTick, onMounted, ref, unref, watch } from "vue";
+import { classNames, cloneDeep, getPrefixCls, isArray, isString, isUrl } from "@gx-design-vue/pro-utils";
+import { Empty } from "ant-design-vue";
+import { useProLayoutMenuContext } from "@gx-design-vue/pro-layout";
+import { CloseOutlined } from "@ant-design/icons-vue";
+import { onKeyStroke, useLocalStorage, useThrottleFn } from "@vueuse/core";
+import { useProAppContext } from "@gx-design-vue/pro-app";
+import { pinyin } from "pinyin-pro";
+import { useRouter } from "vue-router";
+
+//#region src/RightContent/Search/Panel.tsx
+const NoResult = ({ className, value }) => {
+	if (value) return createVNode(Empty, {
+		"image": Empty.PRESENTED_IMAGE_SIMPLE,
+		"description": `未找到搜索结果 "${value}"`
+	}, null);
+	return createVNode("div", { "class": className }, [createTextVNode("没有搜索历史")]);
+};
+var Panel_default = /* @__PURE__ */ defineComponent({
+	props: {
+		...commonProps,
+		className: String,
+		hashId: String,
+		keyword: String,
+		onBlur: Function,
+		onClose: Function
+	},
+	setup(props) {
+		const router = useRouter();
+		const { syncMatchedKeys } = useProLayoutMenuContext();
+		const { emptyText } = useProAppContext();
+		const searchHistory = useLocalStorage(props.historyKey || getPrefixCls({
+			suffixCls: "search-history",
+			isPor: true
+		}), []);
+		const activeIndex = ref(0);
+		const searchResults = ref(cloneDeep(unref(searchHistory)));
+		const handleSearch = useThrottleFn(search, 200);
+		function search(searchKey) {
+			searchKey = searchKey.trim();
+			if (!searchKey) {
+				searchResults.value = [];
+				return;
+			}
+			const results = [];
+			props.dataSource.forEach((item) => {
+				if (item.meta?.hideInMenu) return;
+				const name = item.meta?.title || item.name || "";
+				if (name.includes(searchKey)) results.push(item);
+				if (pinyin(name, {
+					toneType: "none",
+					type: "array",
+					pattern: "first"
+				}).includes(searchKey.toLowerCase())) results.push(item);
+				if (pinyin(name, {
+					toneType: "none",
+					type: "array",
+					pattern: "pinyin"
+				}).includes(searchKey.toLowerCase())) results.push(item);
+			});
+			searchResults.value = results;
+			if (results.length > 0) activeIndex.value = 0;
+			activeIndex.value = 0;
+		}
+		watch(() => props.keyword, (val) => {
+			if (val) handleSearch(val);
+			else searchResults.value = cloneDeep(unref(searchHistory));
+		});
+		function scrollIntoView() {
+			const element = document.querySelector(`[data-search-item="${activeIndex.value}"]`);
+			if (element) element.scrollIntoView({ block: "nearest" });
+		}
+		async function handleEnter() {
+			if (searchResults.value.length === 0) return;
+			const index = activeIndex.value;
+			if (searchResults.value.length === 0 || index < 0) return;
+			const row = searchResults.value[index];
+			if (row) {
+				const toPath = isString(row.redirect) ? row.redirect : row.path || "";
+				const target = row.meta?.link || "";
+				const hasUrl = isUrl(target);
+				if (searchHistory.value.every((item) => item.name !== row.name)) searchHistory.value.push(cloneDeep(row));
+				props.onClose?.(true);
+				await nextTick();
+				if (hasUrl && target && row.meta?.linkStatus === 1) window.open(target, "_blank");
+				else {
+					router.push({ path: toPath });
+					syncMatchedKeys(60);
+				}
+			}
+		}
+		function handleUp() {
+			if (searchResults.value.length === 0) return;
+			props.onBlur?.();
+			activeIndex.value--;
+			if (activeIndex.value < 0) activeIndex.value = searchResults.value.length - 1;
+			scrollIntoView();
+		}
+		function handleDown() {
+			if (searchResults.value.length === 0) return;
+			props.onBlur?.();
+			activeIndex.value++;
+			if (activeIndex.value > searchResults.value.length - 1) activeIndex.value = 0;
+			scrollIntoView();
+		}
+		onMounted(() => {
+			onKeyStroke("Enter", handleEnter);
+			onKeyStroke("ArrowUp", handleUp);
+			onKeyStroke("ArrowDown", handleDown);
+		});
+		function handleMouseenter(index) {
+			activeIndex.value = index;
+		}
+		function removeItem(e, row) {
+			e.stopPropagation();
+			searchResults.value = searchResults.value.filter((item) => item.name !== row.name);
+			searchHistory.value = searchHistory.value.filter((item) => item.name !== row.name);
+			activeIndex.value = activeIndex.value - 1 >= 0 ? activeIndex.value - 1 : 0;
+			scrollIntoView();
+		}
+		const getClassNames = (name) => classNames(`${props.className}${name ? `-${name}` : ""}`, props.hashId);
+		return () => {
+			const emptyTextRender = isArray(emptyText.value) ? emptyText.value : [emptyText.value];
+			return createVNode(Fragment, null, [searchResults.value.length > 0 ? createVNode(Fragment, null, [searchHistory.value.length > 0 && !props.keyword && createVNode("div", { "class": getClassNames("panel-title") }, [createTextVNode("搜索历史")]), createVNode("div", { "class": getClassNames("panel-list") }, [uniqueByField(searchResults.value, "name").map((item, index) => createVNode("div", {
+				"key": item.name,
+				"class": getClassNames(classNames("panel-item", index === activeIndex.value && "active")),
+				"data-search-item": index,
+				"onClick": () => handleEnter(),
+				"onMouseenter": () => handleMouseenter(index)
+			}, [createVNode("div", { "class": getClassNames("panel-item-left") }, [item.meta?.title]), searchHistory.value.length > 0 && !props.keyword && createVNode(CloseOutlined, { "onClick": (e) => removeItem(e, item) }, null)]))])]) : emptyText.value ? emptyTextRender.map((node) => {
+				return cloneVNode(node, {
+					...props.emptyProps,
+					text: props.keyword ? `未找到搜索结果 "${props.keyword}"` : true
+				});
+			}) : createVNode(NoResult, {
+				"className": getClassNames("result"),
+				"value": props.keyword
+			}, null)]);
+		};
+	}
+});
+
+//#endregion
+export { Panel_default as default };

package/dist/RightContent/Search/index.d.ts

@@ -0,0 +1,50 @@
+import * as vue271 from "vue";
+import { PropType } from "vue";
+import * as _gx_design_vue_pro_layout6 from "@gx-design-vue/pro-layout";
+import * as ant_design_vue_es__util_type27 from "ant-design-vue/es/_util/type";
+
+//#region src/RightContent/Search/index.d.ts
+declare const _default: vue271.DefineComponent<vue271.ExtractPropTypes<{
+  dark: {
+    type: PropType<boolean>;
+    default: any;
+  };
+  disabledShortKey: {
+    type: PropType<boolean>;
+    default: boolean;
+  };
+  dataSource: {
+    type: PropType<_gx_design_vue_pro_layout6.AppRouteModule[]>;
+    default: () => any[];
+  };
+  historyKey: PropType<string>;
+  emptyProps: {
+    type: PropType<any>;
+    default: () => {};
+  };
+}>, () => ant_design_vue_es__util_type27.VueNode, {}, {}, {}, vue271.ComponentOptionsMixin, vue271.ComponentOptionsMixin, {}, string, vue271.PublicProps, Readonly<vue271.ExtractPropTypes<{
+  dark: {
+    type: PropType<boolean>;
+    default: any;
+  };
+  disabledShortKey: {
+    type: PropType<boolean>;
+    default: boolean;
+  };
+  dataSource: {
+    type: PropType<_gx_design_vue_pro_layout6.AppRouteModule[]>;
+    default: () => any[];
+  };
+  historyKey: PropType<string>;
+  emptyProps: {
+    type: PropType<any>;
+    default: () => {};
+  };
+}>> & Readonly<{}>, {
+  dataSource: _gx_design_vue_pro_layout6.AppRouteModule[];
+  emptyProps: any;
+  dark: boolean;
+  disabledShortKey: boolean;
+}, {}, {}, {}, string, vue271.ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { _default as default };

package/dist/RightContent/Search/index.js

@@ -0,0 +1,118 @@
+import { commonProps } from "./props.js";
+import Panel_default from "./Panel.js";
+import { useStyle } from "./style.js";
+import { Fragment, computed, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, ref } from "vue";
+import { useState } from "@gx-design-vue/pro-hooks";
+import { classNames, getLevelData, getPrefixCls, isWindowsOs } from "@gx-design-vue/pro-utils";
+import { Input } from "ant-design-vue";
+import { useProLayoutContext } from "@gx-design-vue/pro-layout";
+import { ArrowUpOutlined, EnterOutlined, SearchOutlined } from "@ant-design/icons-vue";
+import { useMagicKeys, whenever } from "@vueuse/core";
+import { GProModal } from "@gx-design-vue/pro-modal";
+
+//#region src/RightContent/Search/index.tsx
+const ModalFooter = ({ className, hashId }) => createVNode("div", { "class": classNames(`${className}-footer`, hashId) }, [createVNode("div", { "class": classNames(`${className}-footer-icon`, hashId) }, [createVNode(EnterOutlined, null, null), createTextVNode("选择")]), createVNode("div", { "class": classNames(`${className}-footer-icon`, hashId) }, [
+	createVNode(ArrowUpOutlined, null, null),
+	createVNode(ArrowUpOutlined, { "rotate": 180 }, null),
+	createTextVNode("导航")
+])]);
+var Search_default = /* @__PURE__ */ defineComponent({
+	name: "SearchPageInput",
+	props: {
+		...commonProps,
+		dark: {
+			type: Boolean,
+			default: void 0
+		},
+		disabledShortKey: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(props) {
+		const baseClass = getPrefixCls({
+			suffixCls: "page-search",
+			isPor: true
+		});
+		const { wrapSSR, hashId } = useStyle(baseClass);
+		const [keyword, changeKeyword] = useState("");
+		const [open, setOpen] = useState(false);
+		const layoutContext = useProLayoutContext();
+		const keys = useMagicKeys();
+		const cmd = isWindowsOs() ? keys["ctrl+k"] : keys["cmd+k"];
+		const inputRef = ref();
+		const dataSource = computed(() => {
+			if (props.dataSource.length) return getLevelData(props.dataSource);
+			if (layoutContext) return layoutContext.menu.value.flatMenus;
+			return [];
+		});
+		whenever(cmd, () => {
+			if (props.disabledShortKey) return;
+			setOpen(true);
+		});
+		whenever(open, () => {
+			nextTick(() => {
+				inputRef.value?.focus();
+			});
+		});
+		const handleClose = (clear) => {
+			setOpen(false);
+			if (clear) changeKeyword("");
+		};
+		return () => {
+			const classNameProps = {
+				className: `${baseClass}`,
+				hashId: hashId.value
+			};
+			const modalClass = `${baseClass}-modal`;
+			return wrapSSR(createVNode(Fragment, null, [createVNode("div", {
+				"class": classNames(baseClass, hashId.value),
+				"onClick": () => setOpen(true)
+			}, [
+				createVNode(SearchOutlined, null, null),
+				createVNode("span", { "class": classNames(`${baseClass}-word`, hashId.value) }, [createTextVNode("搜索")]),
+				createVNode("span", { "class": classNames(`${baseClass}-word-icon`, hashId.value) }, [
+					createTextVNode("⌘"),
+					" ",
+					createVNode("kbd", null, [createTextVNode("K")])
+				])
+			]), createVNode(GProModal, {
+				"class": classNames(`${modalClass}`, hashId.value),
+				"width": 600,
+				"scrollProps": {
+					maxHeight: 400,
+					minHeight: 200
+				},
+				"centered": false,
+				"destroyOnClose": false,
+				"title": createVNode(Input, {
+					"style": {
+						width: `${600 * .8}px`,
+						padding: 0
+					},
+					"ref": inputRef,
+					"bordered": false,
+					"size": "large",
+					"placeholder": "搜索导航菜单",
+					"value": keyword.value,
+					"prefix": createVNode(SearchOutlined, null, null),
+					"onChange": (e) => changeKeyword(e.target.value)
+				}, null),
+				"open": open.value,
+				"footer": createVNode(ModalFooter, {
+					"className": modalClass,
+					"hashId": hashId.value
+				}, null),
+				"onCancel": () => handleClose()
+			}, { default: () => [createVNode(Panel_default, mergeProps(classNameProps, {
+				"emptyProps": props.emptyProps,
+				"keyword": keyword.value,
+				"dataSource": dataSource.value,
+				"onClose": handleClose
+			}), null)] })]));
+		};
+	}
+});
+
+//#endregion
+export { Search_default as default };

package/dist/RightContent/Search/props.d.ts

@@ -0,0 +1,17 @@
+import { PropType } from "vue";
+import { AppRouteModule } from "@gx-design-vue/pro-layout";
+
+//#region src/RightContent/Search/props.d.ts
+declare const commonProps: {
+  dataSource: {
+    type: PropType<AppRouteModule[]>;
+    default: () => any[];
+  };
+  historyKey: PropType<string>;
+  emptyProps: {
+    type: PropType<any>;
+    default: () => {};
+  };
+};
+//#endregion
+export { commonProps };

package/dist/RightContent/Search/props.js

@@ -0,0 +1,15 @@
+//#region src/RightContent/Search/props.ts
+const commonProps = {
+	dataSource: {
+		type: Array,
+		default: () => []
+	},
+	historyKey: String,
+	emptyProps: {
+		type: Object,
+		default: () => ({})
+	}
+};
+
+//#endregion
+export { commonProps };

package/dist/RightContent/Search/style.d.ts

@@ -0,0 +1,10 @@
+import * as vue268 from "vue";
+import * as ant_design_vue_es__util_type25 from "ant-design-vue/es/_util/type";
+
+//#region src/RightContent/Search/style.d.ts
+declare function useStyle(componentCls: string): {
+  wrapSSR: (node: ant_design_vue_es__util_type25.VueNode) => ant_design_vue_es__util_type25.VueNode;
+  hashId: vue268.ComputedRef<string>;
+};
+//#endregion
+export { useStyle };