@gx-design-vue/pro-layout-components 0.1.0-alpha.1 → 0.1.0-alpha.2

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

@@ -1,42 +1,19 @@
-import * as vue45 from "vue";
-import { PropType } from "vue";
-import { AppRouteModule } from "@gx-design-vue/pro-layout";
-import * as vue_jsx_runtime3 from "vue/jsx-runtime";
+import { RightContentLocale } from "../interface.js";
+import * as _$vue from "vue";
+import { LayoutMenuRoute } from "@gx-design-vue/pro-layout";
 
 //#region src/RightContent/Search/Panel.d.ts
-declare const _default: vue45.DefineComponent<vue45.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_runtime3.JSX.Element, {}, {}, {}, vue45.ComponentOptionsMixin, vue45.ComponentOptionsMixin, {}, string, vue45.PublicProps, Readonly<vue45.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, vue45.ComponentProvideOptions, true, {}, any>;
+interface SearchPanelProps {
+  className?: string;
+  hashId?: string;
+  keyword?: string;
+  dataSource?: LayoutMenuRoute[];
+  historyKey?: string;
+  emptyProps?: Record<string, unknown>;
+  locale: RightContentLocale;
+  onBlur?: () => void;
+  onClose?: (clear?: boolean) => void;
+}
+declare const GSearchPanel: _$vue.DefineSetupFnComponent<SearchPanelProps, {}, {}, SearchPanelProps & {}, _$vue.PublicProps>;
 //#endregion
-export { _default as default };
+export { SearchPanelProps, GSearchPanel as default };

package/dist/RightContent/Search/Panel.js

@@ -1,146 +1,150 @@
-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 { searchMenuItems, uniqueByField } from "../utils.js";
+import { Fragment, cloneVNode, createVNode, defineComponent, nextTick, onMounted, ref, unref, watch } from "vue";
+import { CloseOutlined } from "@antdv-next/icons";
+import { classNames, getPrefixCls, isArray, isString, isUrl } from "@gx-design-vue/pro-utils";
 import { onKeyStroke, useLocalStorage, useThrottleFn } from "@vueuse/core";
+import { Empty } from "antdv-next";
 import { useProAppContext } from "@gx-design-vue/pro-app";
-import { pinyin } from "pinyin-pro";
+import { cloneDeep } from "es-toolkit";
 import { useRouter } from "vue-router";
-
 //#region src/RightContent/Search/Panel.tsx
-const NoResult = ({ className, value }) => {
+const NoResult = ({ className, value, locale }) => {
 	if (value) return createVNode(Empty, {
 		"image": Empty.PRESENTED_IMAGE_SIMPLE,
-		"description": `未找到搜索结果 "${value}"`
+		"description": locale.noResult?.(value)
 	}, null);
-	return createVNode("div", { "class": className }, [createTextVNode("没有搜索历史")]);
+	return createVNode("div", { "class": className }, [locale.noHistory]);
 };
-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 GSearchPanel = /* @__PURE__ */ defineComponent((props) => {
+	const router = useRouter();
+	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((searchKey) => {
+		const trimmed = searchKey.trim();
+		if (!trimmed) {
+			searchResults.value = [];
+			return;
 		}
-		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)]);
-		};
+		searchResults.value = searchMenuItems(props.dataSource ?? [], trimmed);
+		activeIndex.value = 0;
+	}, 200);
+	watch(() => props.keyword, (val) => {
+		if (val) handleSearch(val);
+		else searchResults.value = cloneDeep(unref(searchHistory));
+	});
+	function scrollIntoView() {
+		document.querySelector(`[data-search-item="${activeIndex.value}"]`)?.scrollIntoView({ block: "nearest" });
 	}
+	async function handleEnter() {
+		if (searchResults.value.length === 0) return;
+		const index = activeIndex.value;
+		if (index < 0) return;
+		const row = searchResults.value[index];
+		if (!row) return;
+		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 });
+	}
+	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(event, row) {
+		event.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") }, [props.locale.searchHistory]), 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.locale.noResult?.(props.keyword) : true
+			});
+		}) : createVNode(NoResult, {
+			"className": getClassNames("result"),
+			"value": props.keyword,
+			"locale": props.locale
+		}, null)]);
+	};
+}, {
+	props: {
+		className: {
+			type: String,
+			required: false
+		},
+		hashId: {
+			type: String,
+			required: false
+		},
+		keyword: {
+			type: String,
+			required: false
+		},
+		dataSource: {
+			type: Array,
+			required: false
+		},
+		historyKey: {
+			type: String,
+			required: false
+		},
+		emptyProps: {
+			type: Object,
+			required: false
+		},
+		locale: {
+			type: Object,
+			required: true
+		},
+		onBlur: {
+			type: Function,
+			required: false
+		},
+		onClose: {
+			type: Function,
+			required: false
+		}
+	},
+	name: "GSearchPanel",
+	inheritAttrs: false
 });
-
 //#endregion
-export { Panel_default as default };
+export { GSearchPanel as default };

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

@@ -1,50 +1,14 @@
-import * as vue202 from "vue";
-import { PropType } from "vue";
-import * as _gx_design_vue_pro_layout3 from "@gx-design-vue/pro-layout";
-import * as ant_design_vue_es__util_type21 from "ant-design-vue/es/_util/type";
+import { RightContentLocale } from "../interface.js";
+import * as _$vue from "vue";
 
 //#region src/RightContent/Search/index.d.ts
-declare const _default: vue202.DefineComponent<vue202.ExtractPropTypes<{
-  dark: {
-    type: PropType<boolean>;
-    default: any;
-  };
-  disabledShortKey: {
-    type: PropType<boolean>;
-    default: boolean;
-  };
-  dataSource: {
-    type: PropType<_gx_design_vue_pro_layout3.AppRouteModule[]>;
-    default: () => any[];
-  };
-  historyKey: PropType<string>;
-  emptyProps: {
-    type: PropType<any>;
-    default: () => {};
-  };
-}>, () => ant_design_vue_es__util_type21.VueNode, {}, {}, {}, vue202.ComponentOptionsMixin, vue202.ComponentOptionsMixin, {}, string, vue202.PublicProps, Readonly<vue202.ExtractPropTypes<{
-  dark: {
-    type: PropType<boolean>;
-    default: any;
-  };
-  disabledShortKey: {
-    type: PropType<boolean>;
-    default: boolean;
-  };
-  dataSource: {
-    type: PropType<_gx_design_vue_pro_layout3.AppRouteModule[]>;
-    default: () => any[];
-  };
-  historyKey: PropType<string>;
-  emptyProps: {
-    type: PropType<any>;
-    default: () => {};
-  };
-}>> & Readonly<{}>, {
-  dataSource: _gx_design_vue_pro_layout3.AppRouteModule[];
-  dark: boolean;
-  emptyProps: any;
-  disabledShortKey: boolean;
-}, {}, {}, {}, string, vue202.ComponentProvideOptions, true, {}, any>;
+interface SearchInputProps {
+  dataSource?: any[];
+  disabledShortKey?: boolean;
+  locale: RightContentLocale;
+  searchHistoryKey?: string;
+  emptyProps?: Record<string, unknown>;
+}
+declare const GSearchInput: _$vue.DefineSetupFnComponent<SearchInputProps, {}, {}, SearchInputProps & {}, _$vue.PublicProps>;
 //#endregion
-export { _default as default };
+export { SearchInputProps, GSearchInput as default };

package/dist/RightContent/Search/index.js

@@ -1,118 +1,132 @@
-import { commonProps } from "./props.js";
-import Panel_default from "./Panel.js";
-import { useStyle } from "./style.js";
+import GSearchPanel from "./Panel.js";
+import style_default 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 { ArrowUpOutlined, EnterOutlined, SearchOutlined } from "@antdv-next/icons";
+import { useInjectLayoutContext } from "@gx-design-vue/pro-layout";
+import { classNames, getLevelData, isWindowsOs } from "@gx-design-vue/pro-utils";
 import { useMagicKeys, whenever } from "@vueuse/core";
+import { Input } from "antdv-next";
+import { useBaseConfig } from "antdv-next/config-provider/context";
+import useCSSVarCls from "antdv-next/config-provider/hooks/useCSSVarCls";
 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) }, [
+const ModalFooter = ({ className, hashId, locale }) => createVNode("div", { "class": classNames(`${className}-footer`, hashId) }, [createVNode("div", { "class": classNames(`${className}-footer-icon`, hashId) }, [createVNode(EnterOutlined, null, null), locale.selectLabel]), createVNode("div", { "class": classNames(`${className}-footer-icon`, hashId) }, [
 	createVNode(ArrowUpOutlined, null, null),
 	createVNode(ArrowUpOutlined, { "rotate": 180 }, null),
-	createTextVNode("导航")
+	locale.navigateLabel
 ])]);
-var Search_default = /* @__PURE__ */ defineComponent({
-	name: "SearchPageInput",
+const GSearchInput = /* @__PURE__ */ defineComponent((props) => {
+	const layoutContext = useInjectLayoutContext();
+	const { prefixCls } = useBaseConfig("pro-right-search");
+	const rootCls = useCSSVarCls(prefixCls);
+	const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
+	const keyword = ref("");
+	const open = ref(false);
+	const keys = useMagicKeys();
+	const shortcutKey = isWindowsOs() ? keys["ctrl+k"] : keys["cmd+k"];
+	const inputRef = ref();
+	const dataSource = computed(() => {
+		if (props.dataSource?.length) return getLevelData(props.dataSource);
+		if (layoutContext?.menuState?.flatMenus) return layoutContext.menuState.flatMenus.value;
+		return [];
+	});
+	whenever(shortcutKey, () => {
+		if (props.disabledShortKey) return;
+		open.value = true;
+	});
+	whenever(() => open.value, () => {
+		nextTick(() => {
+			inputRef.value?.focus?.();
+		});
+	});
+	function handleClose(clear) {
+		open.value = false;
+		if (clear) keyword.value = "";
+	}
+	return () => {
+		const classNameProps = {
+			className: prefixCls.value,
+			hashId: hashId.value
+		};
+		const modalClass = `${prefixCls.value}-modal`;
+		return createVNode(Fragment, null, [createVNode("div", {
+			"class": classNames(prefixCls.value, hashId.value, cssVarCls.value, rootCls.value),
+			"onClick": () => {
+				open.value = true;
+			}
+		}, [
+			createVNode(SearchOutlined, null, null),
+			createVNode("span", { "class": classNames(`${prefixCls.value}-word`, hashId.value) }, [props.locale.searchLabel]),
+			createVNode("span", { "class": classNames(`${prefixCls.value}-word-icon`, hashId.value) }, [
+				createTextVNode("⌘"),
+				" ",
+				createVNode("kbd", null, [createTextVNode("K")])
+			])
+		]), createVNode(GProModal, {
+			"wrapClassName": classNames(modalClass, hashId.value),
+			"width": 600,
+			"scrollProps": {
+				maxHeight: 400,
+				minHeight: 200
+			},
+			"centered": false,
+			"destroyOnHidden": false,
+			"title": createVNode(Input, {
+				"style": {
+					width: `${600 * .8}px`,
+					padding: 0
+				},
+				"ref": inputRef,
+				"bordered": false,
+				"size": "large",
+				"placeholder": props.locale.searchPlaceholder,
+				"value": keyword.value,
+				"onUpdate:value": (val) => {
+					keyword.value = val;
+				}
+			}, { prefix: () => createVNode(SearchOutlined, null, null) }),
+			"open": open.value,
+			"footer": createVNode(ModalFooter, {
+				"className": modalClass,
+				"hashId": hashId.value,
+				"locale": props.locale
+			}, null),
+			"onCancel": () => handleClose()
+		}, { default: () => [createVNode(GSearchPanel, mergeProps(classNameProps, {
+			"emptyProps": props.emptyProps,
+			"keyword": keyword.value,
+			"dataSource": dataSource.value,
+			"historyKey": props.searchHistoryKey,
+			"locale": props.locale,
+			"onClose": handleClose
+		}), null)] })]);
+	};
+}, {
 	props: {
-		...commonProps,
-		dark: {
-			type: Boolean,
-			default: void 0
+		dataSource: {
+			type: Array,
+			required: false
 		},
 		disabledShortKey: {
 			type: Boolean,
-			default: false
+			required: false,
+			default: void 0
+		},
+		locale: {
+			type: Object,
+			required: true
+		},
+		searchHistoryKey: {
+			type: String,
+			required: false
+		},
+		emptyProps: {
+			type: Object,
+			required: 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)] })]));
-		};
-	}
+	name: "GSearchInput",
+	inheritAttrs: false
 });
-
 //#endregion
-export { Search_default as default };
+export { GSearchInput as default };

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

@@ -1,10 +1,7 @@
-import * as vue248 from "vue";
-import * as ant_design_vue_es__util_type25 from "ant-design-vue/es/_util/type";
+import * as _$vue from "vue";
 
 //#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: vue248.ComputedRef<string>;
-};
+type ComponentToken = Record<string, any>;
+declare const _default: (prefixCls: _$vue.Ref<string>, rootCls?: _$vue.Ref<string | undefined>) => readonly [_$vue.Ref<string, string>, _$vue.ComputedRef<string | undefined>];
 //#endregion
-export { useStyle };
+export { ComponentToken, _default as default };