@gx-design-vue/pro-layout-components 0.1.0-alpha.5 → 0.1.0-alpha.6

package/dist/RightContent/index.js

@@ -6,7 +6,7 @@ import { Fragment, computed, createVNode, defineComponent, mergeProps, ref, watc
 import { useThemeContext } from "@gx-design-vue/context";
 import { GIcon } from "@gx-design-vue/icon";
 import { useInjectLayoutContext } from "@gx-design-vue/pro-layout";
-import { classNames } from "@gx-design-vue/pro-utils";
+import { classNames, isArray } from "@gx-design-vue/pro-utils";
 import { useElementSize, useFullscreen } from "@vueuse/core";
 import { Avatar, Dropdown } from "antdv-next";
 import { useBaseConfig } from "antdv-next/config-provider/context";
@@ -35,10 +35,9 @@ const RightContent = /* @__PURE__ */ defineComponent((props, { emit, slots }) =>
 	const actions = computed(() => {
 		if (props.actions === false) return {};
 		return {
-			lock: true,
 			theme: true,
 			search: true,
-			themeEditor: true,
+			themeEditor: false,
 			fullScreen: true,
 			...props.actions
 		};
@@ -54,19 +53,23 @@ const RightContent = /* @__PURE__ */ defineComponent((props, { emit, slots }) =>
 		setTheme(value);
 	}
 	const userMenuItems = computed(() => {
-		const items = [];
-		if (actions.value.lock && slots.lock) {
-			items.push({
-				key: "lock",
-				icon: () => createVNode(GIcon, { "type": "LockOutlined" }, null),
-				label: mergedLocale.value.lockScreen
+		const menuSlots = slots?.dropdownMenu?.();
+		const items = props.dropdownProps?.menu?.items || [];
+		if (isArray(menuSlots)) menuSlots.forEach((item, index) => {
+			const key = item.props.key;
+			const icon = item.props.icon;
+			if (key === "menu-item") items.push({
+				key: `menu-${index}`,
+				label: item.children,
+				icon
 			});
-			items.push({ type: "divider" });
-		}
+			else if (key === "menu-divider") items.push({ type: "divider" });
+		});
 		items.push({
 			key: "logout",
 			icon: () => createVNode(GIcon, { "type": "LogoutOutlined" }, null),
-			label: mergedLocale.value.logout
+			label: mergedLocale.value.logout,
+			onClick: handleUserMenuClick
 		});
 		return items;
 	});
@@ -77,9 +80,6 @@ const RightContent = /* @__PURE__ */ defineComponent((props, { emit, slots }) =>
 	function handleActionClick(type) {
 		emit("actionClick", type);
 	}
-	function handleLockOpenChange(val) {
-		lockOpen.value = val;
-	}
 	return () => {
 		const actionClassNames = [`${prefixCls.value}-header-actions-item`, hashId.value];
 		return createVNode("div", {
@@ -89,7 +89,7 @@ const RightContent = /* @__PURE__ */ defineComponent((props, { emit, slots }) =>
 				minWidth: minWidth.value,
 				height: "100%"
 			}
-		}, [createVNode("div", { "style": { height: "100%" } }, [createVNode("div", { "class": classNames(`${prefixCls.value}-header-actions`, hashId.value) }, [slots.default ? slots.default() : createVNode(Fragment, null, [
+		}, [createVNode("div", { "style": { height: "100%" } }, [createVNode("div", { "class": classNames(`${prefixCls.value}-header-actions`) }, [slots.default ? slots.default() : createVNode(Fragment, null, [
 			actions.value.search && !isMobile.value && createVNode(GSearchInput, {
 				"dataSource": props.searchConfig?.dataSource,
 				"disabledShortKey": props.searchConfig?.disabledShortKey,
@@ -109,7 +109,7 @@ const RightContent = /* @__PURE__ */ defineComponent((props, { emit, slots }) =>
 					selectedKeys: [theme.value]
 				}
 			}, { default: () => [createVNode(GIcon, {
-				"class": classNames(`${prefixCls.value}-header-actions-icon`, hashId.value),
+				"class": classNames(`${prefixCls.value}-header-actions-icon`),
 				"type": isDark.value ? "Moon" : "Sun"
 			}, null)] })]),
 			actions.value.themeEditor && !isMobile.value && createVNode("div", { "class": classNames(actionClassNames) }, [createVNode(GIcon, {
@@ -121,16 +121,13 @@ const RightContent = /* @__PURE__ */ defineComponent((props, { emit, slots }) =>
 				"onClick": () => toggleFullscreen()
 			}, null)]),
 			slots.actionsRender?.(actionClassNames)
-		]), createVNode(Dropdown, mergeProps({ "placement": "bottomRight" }, props.dropdownProps, { "menu": slots.dropdownMenu ? void 0 : {
-			items: userMenuItems.value,
-			onClick: handleUserMenuClick
-		} }), { default: () => [slots.dropdownTrigger ? slots.dropdownTrigger() : createVNode("div", { "class": classNames(`${prefixCls.value}-header-actions-avatar`, hashId.value) }, [createVNode(Avatar, {
-			"size": 28,
-			"icon": createVNode(GIcon, { "type": "UserOutlined" }, null)
-		}, null), props.name && createVNode("span", { "class": classNames(`${prefixCls.value}-header-actions-name`, hashId.value) }, [props.name])])] })])]), slots.lock?.({
-			open: lockOpen.value,
-			onOpenChange: handleLockOpenChange
-		})]);
+		]), createVNode(Dropdown, mergeProps({ "placement": "bottomRight" }, props.dropdownProps, { "menu": { items: userMenuItems.value } }), {
+			default: () => [slots.dropdownTrigger ? slots.dropdownTrigger() : createVNode("div", { "class": classNames(`${prefixCls.value}-header-actions-avatar`) }, [createVNode(Avatar, {
+				"size": 28,
+				"icon": createVNode(GIcon, { "type": "UserOutlined" }, null)
+			}, null), props.name && createVNode("span", { "class": classNames(`${prefixCls.value}-header-actions-name`) }, [props.name])])],
+			popupRender: slots.popupRender
+		})])])]);
 	};
 }, {
 	props: {

package/dist/RightContent/interface.d.ts

@@ -1,6 +1,7 @@
-import { VNodeChild } from "vue";
 import { ThemeValue } from "@gx-design-vue/context";
 import { LayoutMenuRoute } from "@gx-design-vue/pro-layout";
+import { CustomRender } from "@gx-design-vue/pro-utils";
+import { DropdownProps, DropdownSlots } from "antdv-next";
 
 //#region src/RightContent/interface.d.ts
 interface RightContentEmits {
@@ -16,11 +17,10 @@ interface RightContentActionsConfig {
   theme?: boolean;
   themeEditor?: boolean;
   fullScreen?: boolean;
-  lock?: boolean;
 }
 interface RightContentThemeOption {
   value: ThemeValue;
-  label: () => VNodeChild;
+  label: () => CustomRender;
 }
 interface RightContentLocale {
   searchPlaceholder?: string;
@@ -55,7 +55,7 @@ interface RightContentProps extends RightContentEmitsProps {
   /** 用户头像 URL */
   avatar?: string;
   /** 透传给 antdv-next Dropdown 的额外 props */
-  dropdownProps?: Record<string, unknown>;
+  dropdownProps?: DropdownProps;
   /** 自定义主题选项（覆盖默认的 亮色/深色/自动） */
   themeOptions?: RightContentThemeOption[];
   /** 搜索配置 */
@@ -65,20 +65,13 @@ interface RightContentProps extends RightContentEmitsProps {
 }
 interface RightContentSlots {
   /** 替换整个 actions 区域 */
-  default?: () => VNodeChild;
+  default?: () => CustomRender;
   /** 额外 action 项（在 avatar dropdown 前） */
-  actionsRender?: (classNames: string[]) => VNodeChild;
+  actionsRender?: (classNames: string[]) => CustomRender;
   /** 替换 avatar 触发器 */
-  dropdownTrigger?: () => VNodeChild;
-  /** 替换 dropdown 菜单内容 */
-  dropdownMenu?: () => VNodeChild;
-  /** dropdown 菜单顶部额外项 */
-  dropdownMenuExtra?: () => VNodeChild;
-  /** 锁屏内容（解耦 PageLock） */
-  lock?: (props: {
-    open: boolean;
-    onOpenChange: (val: boolean) => void;
-  }) => VNodeChild;
+  dropdownTrigger?: () => CustomRender;
+  dropdownMenu?: () => CustomRender;
+  popupRender?: DropdownSlots['popupRender'];
 }
 //#endregion
 export { RightContentActionsConfig, RightContentEmits, RightContentEmitsProps, RightContentLocale, RightContentProps, RightContentSlots, RightContentThemeOption, SearchConfig };

package/dist/pro-layout-components.esm.js

@@ -652,44 +652,44 @@ var Pe = [
 	d(A, (e) => {
 		j.value = e > 0 ? e : "auto";
 	});
-	let N = l(!1), P = t(() => ({
+	let N = l(!1), F = t(() => ({
 		...ee,
 		...n.locale
-	})), F = t(() => n.actions === !1 ? {} : {
-		lock: !0,
+	})), I = t(() => n.actions === !1 ? {} : {
 		theme: !0,
 		search: !0,
-		themeEditor: !0,
+		themeEditor: !1,
 		fullScreen: !0,
 		...n.actions
-	}), I = t(() => (n.themeOptions || Pe).map((e) => ({
+	}), L = t(() => (n.themeOptions || Pe).map((e) => ({
 		key: e.value,
 		label: e.label()
 	})));
-	function L(e) {
+	function R(e) {
 		let t = e.key;
 		h(t);
 	}
-	let R = t(() => {
-		let e = [];
-		return F.value.lock && a.lock && (e.push({
-			key: "lock",
-			icon: () => r(p, { type: "LockOutlined" }, null),
-			label: P.value.lockScreen
-		}), e.push({ type: "divider" })), e.push({
+	let z = t(() => {
+		let e = a?.dropdownMenu?.(), t = n.dropdownProps?.menu?.items || [];
+		return P(e) && e.forEach((e, n) => {
+			let r = e.props.key, i = e.props.icon;
+			r === "menu-item" ? t.push({
+				key: `menu-${n}`,
+				label: e.children,
+				icon: i
+			}) : r === "menu-divider" && t.push({ type: "divider" });
+		}), t.push({
 			key: "logout",
 			icon: () => r(p, { type: "LogoutOutlined" }, null),
-			label: P.value.logout
-		}), e;
+			label: F.value.logout,
+			onClick: V
+		}), t;
 	});
-	function z(e) {
-		e.key === "lock" ? N.value = !0 : e.key === "logout" && i("logout");
-	}
 	function V(e) {
-		i("actionClick", e);
+		e.key === "lock" ? N.value = !0 : e.key === "logout" && i("logout");
 	}
 	function H(e) {
-		N.value = e;
+		i("actionClick", e);
 	}
 	return () => {
 		let t = [`${b.value}-header-actions-item`, w.value];
@@ -700,48 +700,45 @@ var Pe = [
 				minWidth: j.value,
 				height: "100%"
 			}
-		}, [r("div", { style: { height: "100%" } }, [r("div", { class: B(`${b.value}-header-actions`, w.value) }, [a.default ? a.default() : r(e, null, [
-			F.value.search && !O.value && r(je, {
+		}, [r("div", { style: { height: "100%" } }, [r("div", { class: B(`${b.value}-header-actions`) }, [a.default ? a.default() : r(e, null, [
+			I.value.search && !O.value && r(je, {
 				dataSource: n.searchConfig?.dataSource,
 				disabledShortKey: n.searchConfig?.disabledShortKey,
 				searchHistoryKey: n.searchConfig?.historyKey,
 				emptyProps: n.searchConfig?.emptyProps,
-				locale: P.value
+				locale: F.value
 			}, null),
-			F.value.theme && r("div", {
+			I.value.theme && r("div", {
 				ref: M,
 				class: B(`${b.value}-header-actions-item`, `${b.value}-header-actions-theme`, w.value)
 			}, [r(C, {
 				trigger: ["click"],
 				placement: "bottomRight",
 				menu: {
-					items: I.value,
-					onClick: L,
+					items: L.value,
+					onClick: R,
 					selectedKeys: [y.value]
 				}
 			}, { default: () => [r(p, {
-				class: B(`${b.value}-header-actions-icon`, w.value),
+				class: B(`${b.value}-header-actions-icon`),
 				type: v.value ? "Moon" : "Sun"
 			}, null)] })]),
-			F.value.themeEditor && !O.value && r("div", { class: B(t) }, [r(p, {
+			I.value.themeEditor && !O.value && r("div", { class: B(t) }, [r(p, {
 				type: "SettingOutlined",
-				onClick: () => V("themeEditor")
+				onClick: () => H("themeEditor")
 			}, null)]),
-			F.value.fullScreen && !O.value && r("div", { class: B(t) }, [r(p, {
+			I.value.fullScreen && !O.value && r("div", { class: B(t) }, [r(p, {
 				type: s.value ? "CompressOutlined" : "ExpandOutlined",
 				onClick: () => c()
 			}, null)]),
 			a.actionsRender?.(t)
-		]), r(C, o({ placement: "bottomRight" }, n.dropdownProps, { menu: a.dropdownMenu ? void 0 : {
-			items: R.value,
-			onClick: z
-		} }), { default: () => [a.dropdownTrigger ? a.dropdownTrigger() : r("div", { class: B(`${b.value}-header-actions-avatar`, w.value) }, [r(S, {
-			size: 28,
-			icon: r(p, { type: "UserOutlined" }, null)
-		}, null), n.name && r("span", { class: B(`${b.value}-header-actions-name`, w.value) }, [n.name])])] })])]), a.lock?.({
-			open: N.value,
-			onOpenChange: H
-		})]);
+		]), r(C, o({ placement: "bottomRight" }, n.dropdownProps, { menu: { items: z.value } }), {
+			default: () => [a.dropdownTrigger ? a.dropdownTrigger() : r("div", { class: B(`${b.value}-header-actions-avatar`) }, [r(S, {
+				size: 28,
+				icon: r(p, { type: "UserOutlined" }, null)
+			}, null), n.name && r("span", { class: B(`${b.value}-header-actions-name`) }, [n.name])])],
+			popupRender: a.popupRender
+		})])])]);
 	};
 }, {
 	props: {

package/dist/pro-layout-components.js

@@ -1 +1 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("vue"),require("@gx-design-vue/context"),require("@gx-design-vue/icon"),require("@gx-design-vue/pro-layout"),require("@vueuse/core"),require("antdv-next"),require("antdv-next/config-provider/context"),require("antdv-next/config-provider/hooks/useCSSVarCls"),require("@gx-design-vue/pro-modal"),require("@gx-design-vue/pro-provider"),require("vue-router")):typeof define==`function`&&define.amd?define([`exports`,`vue`,`@gx-design-vue/context`,`@gx-design-vue/icon`,`@gx-design-vue/pro-layout`,`@vueuse/core`,`antdv-next`,`antdv-next/config-provider/context`,`antdv-next/config-provider/hooks/useCSSVarCls`,`@gx-design-vue/pro-modal`,`@gx-design-vue/pro-provider`,`vue-router`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.ProLayoutComponents={},e.Vue,e._gx_design_vue_context,e._gx_design_vue_icon,e._gx_design_vue_pro_layout,e._vueuse_core,e.antdv_next,e.antdv_next_config_provider_context,e.antdv_next_config_provider_hooks_useCSSVarCls,e._gx_design_vue_pro_modal,e._gx_design_vue_pro_provider,e.vue_router))})(this,function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var f=Object.create,p=Object.defineProperty,m=Object.getOwnPropertyDescriptor,h=Object.getOwnPropertyNames,g=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty,v=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=h(t),a=0,o=i.length,s;a<o;a++)s=i[a],!_.call(e,s)&&s!==n&&p(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=m(t,s))||r.enumerable});return e};c=((e,t,n)=>(n=e==null?{}:f(g(e)),v(t||!e||!e.__esModule?p(n,`default`,{value:e,enumerable:!0}):n,e)))(c,1);function y(){return typeof navigator>`u`?!1:/windows|win32/i.test(navigator.userAgent)}function b(e,t){return Object.prototype.toString.call(e)===`[object ${t}]`}function x(e){return Array.isArray===void 0?Object.prototype.toString.call(e)===`[object Array]`:Array.isArray(e)}function S(e){return e!==null&&b(e,`Object`)}function C(e){return typeof e==`string`}function w(e){if(!e||!e.startsWith(`http`))return!1;try{return!!new URL(e)}catch{return!1}}function T(e,t=`children`){let n=[];return e.forEach(e=>{n.push(e),x(e[t])&&e[t].length>0&&(n=n.concat(T(e[t],t)))}),n}function E({suffixCls:e,customizePrefixCls:t,isPro:n,className:r}){let i=r||(n?`gx-pro`:`gx`);return t||(e?`${i}-${e}`:i)}function D(...e){let t=[];for(let n=0;n<e.length;n++){let r=e[n];if(r){if(C(r))t.push(r);else if(x(r))for(let e=0;e<r.length;e++){let n=D(r[e]);n&&t.push(n)}else if(S(r))for(let e in r)r[e]&&t.push(e)}}return t.filter(e=>e).join(` `)}var ee={searchPlaceholder:`搜索导航菜单`,searchLabel:`搜索`,searchShortcutLabel:`⌘ K`,lockScreen:`锁定屏幕`,logout:`退出登录`,noResult:e=>`未找到搜索结果 "${e}"`,noHistory:`没有搜索历史`,searchHistory:`搜索历史`,selectLabel:`选择`,navigateLabel:`导航`,lightTheme:`亮色`,darkTheme:`深色`,autoTheme:`自动`};function O(e){return e==null||typeof e!=`object`&&typeof e!=`function`}function k(e){return ArrayBuffer.isView(e)&&!(e instanceof DataView)}function A(e){return Object.getOwnPropertySymbols(e).filter(t=>Object.prototype.propertyIsEnumerable.call(e,t))}function j(e){return e==null?e===void 0?`[object Undefined]`:`[object Null]`:Object.prototype.toString.call(e)}var M=`[object RegExp]`,N=`[object String]`,P=`[object Number]`,F=`[object Boolean]`,te=`[object Arguments]`,ne=`[object Symbol]`,re=`[object Date]`,ie=`[object Map]`,ae=`[object Set]`,oe=`[object Array]`,I=`[object ArrayBuffer]`,L=`[object Object]`,R=`[object DataView]`,z=`[object Uint8Array]`,B=`[object Uint8ClampedArray]`,V=`[object Uint16Array]`,H=`[object Uint32Array]`,U=`[object Int8Array]`,W=`[object Int16Array]`,G=`[object Int32Array]`,K=`[object Float32Array]`,q=`[object Float64Array]`;function J(e,t,n,r=new Map,i=void 0){let a=i?.(e,t,n,r);if(a!==void 0)return a;if(O(e))return e;if(r.has(e))return r.get(e);if(Array.isArray(e)){let t=Array(e.length);r.set(e,t);for(let a=0;a<e.length;a++)t[a]=J(e[a],a,n,r,i);return Object.hasOwn(e,`index`)&&(t.index=e.index),Object.hasOwn(e,`input`)&&(t.input=e.input),t}if(e instanceof Date)return new Date(e.getTime());if(e instanceof RegExp){let t=new RegExp(e.source,e.flags);return t.lastIndex=e.lastIndex,t}if(e instanceof Map){let t=new Map;r.set(e,t);for(let[a,o]of e)t.set(a,J(o,a,n,r,i));return t}if(e instanceof Set){let t=new Set;r.set(e,t);for(let a of e)t.add(J(a,void 0,n,r,i));return t}if(typeof Buffer<`u`&&Buffer.isBuffer(e))return e.subarray();if(k(e)){let t=new(Object.getPrototypeOf(e)).constructor(e.length);r.set(e,t);for(let a=0;a<e.length;a++)t[a]=J(e[a],a,n,r,i);return t}if(e instanceof ArrayBuffer||typeof SharedArrayBuffer<`u`&&e instanceof SharedArrayBuffer)return e.slice(0);if(e instanceof DataView){let t=new DataView(e.buffer.slice(0),e.byteOffset,e.byteLength);return r.set(e,t),Y(t,e,n,r,i),t}if(typeof File<`u`&&e instanceof File){let t=new File([e],e.name,{type:e.type});return r.set(e,t),Y(t,e,n,r,i),t}if(typeof Blob<`u`&&e instanceof Blob){let t=new Blob([e],{type:e.type});return r.set(e,t),Y(t,e,n,r,i),t}if(e instanceof Error){let t=new e.constructor;return r.set(e,t),t.message=e.message,t.name=e.name,t.stack=e.stack,t.cause=e.cause,Y(t,e,n,r,i),t}if(e instanceof Boolean){let t=new Boolean(e.valueOf());return r.set(e,t),Y(t,e,n,r,i),t}if(e instanceof Number){let t=new Number(e.valueOf());return r.set(e,t),Y(t,e,n,r,i),t}if(e instanceof String){let t=new String(e.valueOf());return r.set(e,t),Y(t,e,n,r,i),t}if(typeof e==`object`&&se(e)){let t=Object.create(Object.getPrototypeOf(e));return r.set(e,t),Y(t,e,n,r,i),t}return e}function Y(e,t,n=e,r,i){let a=[...Object.keys(t),...A(t)];for(let o=0;o<a.length;o++){let s=a[o],c=Object.getOwnPropertyDescriptor(e,s);(c==null||c.writable)&&(e[s]=J(t[s],s,n,r,i))}}function se(e){switch(j(e)){case te:case oe:case I:case R:case F:case re:case K:case q:case U:case W:case G:case ie:case P:case L:case M:case ae:case N:case ne:case z:case B:case V:case H:return!0;default:return!1}}function X(e){return J(e,void 0,e,new Map,void 0)}function ce(e,t){let n=new Map;return e.filter(e=>{let r=e[t];return n.has(r)?!1:(n.set(r,e),!0)})}var le=`ABCDEFGHJKLMNOPQRSTWXYZ`,ue=`阿八嚓哒鹅发旮哈讥咔垃妈拿噢啪七日撒他挖昔压匝`;function de(e){let t=e.codePointAt(0);if(t>=65&&t<=90)return e;if(t>=97&&t<=122)return e.toUpperCase();if(t<19968||t>40959)return``;for(let t=22;t>=0;t--)if(e.localeCompare(ue[t],`zh-CN`)>=0)return le[t];return``}function fe(e){let t=``;for(let n of e)t+=de(n);return t}function pe(e,t){if(!t)return!1;let n=t.trim().toLowerCase();return!!(e.toLowerCase().includes(n)||fe(e).toLowerCase().includes(n))}function me(e,t){let n=t.trim();if(!n)return[];let r=[];for(let t of e)t.meta?.hideInMenu||pe(t.meta?.title||(typeof t.name==`string`?t.name:``)||``,n)&&r.push(t);return r}var he=({className:e,value:n,locale:r})=>n?(0,t.createVNode)(o.Empty,{image:o.Empty.PRESENTED_IMAGE_SIMPLE,description:r.noResult?.(n)},null):(0,t.createVNode)(`div`,{class:e},[r.noHistory]),Z=(0,t.defineComponent)(e=>{let n=(0,d.useRouter)(),{renderEmpty:i}=(0,u.useProConfigContext)(),o=(0,a.useLocalStorage)(e.historyKey||E({suffixCls:`search-history`,isPro:!0}),[]),s=(0,t.ref)(0),c=(0,t.ref)(X((0,t.unref)(o))),l=(0,a.useThrottleFn)(t=>{let n=t.trim();if(!n){c.value=[];return}c.value=me(e.dataSource??[],n),s.value=0},200);(0,t.watch)(()=>e.keyword,e=>{e?l(e):c.value=X((0,t.unref)(o))});function f(){document.querySelector(`[data-search-item="${s.value}"]`)?.scrollIntoView({block:`nearest`})}async function p(){if(c.value.length===0)return;let r=s.value;if(r<0)return;let i=c.value[r];if(!i)return;let a=C(i.redirect)?i.redirect:i.path||``,l=i.meta?.link||``,u=w(l);o.value.every(e=>e.name!==i.name)&&o.value.push(X(i)),e.onClose?.(!0),await(0,t.nextTick)(),u&&l&&i.meta?.linkStatus===1?window.open(l,`_blank`):n.push({path:a})}function m(){c.value.length!==0&&(e.onBlur?.(),s.value--,s.value<0&&(s.value=c.value.length-1),f())}function h(){c.value.length!==0&&(e.onBlur?.(),s.value++,s.value>c.value.length-1&&(s.value=0),f())}(0,t.onMounted)(()=>{(0,a.onKeyStroke)(`Enter`,p),(0,a.onKeyStroke)(`ArrowUp`,m),(0,a.onKeyStroke)(`ArrowDown`,h)});function g(e){s.value=e}function _(e,t){e.stopPropagation(),c.value=c.value.filter(e=>e.name!==t.name),o.value=o.value.filter(e=>e.name!==t.name),s.value=s.value-1>=0?s.value-1:0,f()}let v=t=>D(`${e.className}${t?`-${t}`:``}`,e.hashId);return()=>(0,t.createVNode)(t.Fragment,null,[c.value.length>0?(0,t.createVNode)(t.Fragment,null,[o.value.length>0&&!e.keyword&&(0,t.createVNode)(`div`,{class:v(`panel-title`)},[e.locale.searchHistory]),(0,t.createVNode)(`div`,{class:v(`panel-list`)},[ce(c.value,`name`).map((n,i)=>(0,t.createVNode)(`div`,{key:n.name,class:v(D(`panel-item`,i===s.value&&`active`)),"data-search-item":i,onClick:()=>p(),onMouseenter:()=>g(i)},[(0,t.createVNode)(`div`,{class:v(`panel-item-left`)},[n.meta?.title]),o.value.length>0&&!e.keyword&&(0,t.createVNode)(r.GIcon,{type:`CloseOutlined`,onClick:e=>_(e,n)},null)]))])]):i.value?.()||(0,t.createVNode)(he,{className:v(`result`),value:e.keyword,locale:e.locale},null)])},{props:{className:{type:String,required:!1},hashId:{type:String,required:!1},keyword:{type:String,required:!1},dataSource:{type:Array,required:!1},historyKey:{type:String,required:!1},emptyProps:{type:Object,required:!1},locale:{type:Object,required:!0},onBlur:{type:Function,required:!1},onClose:{type:Function,required:!1}},name:`GSearchPanel`,inheritAttrs:!1}),ge=(0,u.proGenStyleHooks)(`ProRightSearch`,e=>{let t=e.menuItemIconSize||e.fontSize,n=e.calc(e.borderRadiusLG).mul(2).equal(),r=e.calc(e.paddingXXS).div(2).equal();return{[e.componentCls]:{display:`flex`,alignItems:`center`,justifyContent:`center`,height:36,gap:12,cursor:`pointer`,fontSize:e.fontSizeSM,color:e.colorTextTertiary,paddingBlock:r,paddingInline:e.paddingXS,borderRadius:n,backgroundColor:e.headerColorBgRightActionsItemHover,transition:`all ${e.motionDurationMid} ${e.motionEaseInOut}`,lineHeight:1,">.anticon":{fontSize:e.fontSize,color:e.colorTextTertiary},"&-word":{lineHeight:1},"&-word-icon":{lineHeight:1,padding:`4px 6px`,borderTopLeftRadius:e.borderRadiusSM,borderBottomLeftRadius:e.borderRadiusSM,borderTopRightRadius:n,borderBottomRightRadius:n,backgroundColor:e.colorBgContainer},"&:hover":{color:e.colorTextSecondary},"&-modal":{"&-footer":{display:`flex`,alignItems:`center`,gap:e.marginXS,fontSize:12,color:e.colorTextSecondary},"&-footer-icon":{display:`flex`,alignItems:`center`,gap:4}},"&-panel":{"&-title":{color:e.colorTextQuaternary,lineHeight:e.lineHeight,marginBlockEnd:e.marginXS},"&-list":{display:`flex`,flexDirection:`column`,gap:12},"&-item":{display:`flex`,alignItems:`center`,justifyContent:`space-between`,cursor:`pointer`,fontSize:e.fontSize,lineHeight:e.lineHeight,padding:e.paddingXS,borderRadius:e.borderRadiusLG,backgroundColor:e.colorBgContainer,transition:`all ${e.motionDurationFast} ${e.motionEaseInOut}`,"&-left":{display:`flex`,alignItems:`center`,gap:e.sizeStep,">.anticon":{fontSize:`${t}px`}},"&.active":{backgroundColor:e.colorPrimary,color:e.colorTextLightSolid}}},"&-result":{display:`flex`,alignItems:`center`,justifyContent:`center`,paddingBlockStart:60,color:e.colorTextQuaternary}}}}),_e=({className:e,hashId:n,locale:i})=>(0,t.createVNode)(`div`,{class:D(`${e}-footer`,n)},[(0,t.createVNode)(`div`,{class:D(`${e}-footer-icon`,n)},[(0,t.createVNode)(r.GIcon,{type:`EnterOutlined`},null),i.selectLabel]),(0,t.createVNode)(`div`,{class:D(`${e}-footer-icon`,n)},[(0,t.createVNode)(r.GIcon,{type:`ArrowUpOutlined`},null),(0,t.createVNode)(r.GIcon,{type:`ArrowUpOutlined`,rotate:180},null),i.navigateLabel])]),ve=(0,t.defineComponent)(e=>{let n=(0,i.useInjectLayoutContext)(),{prefixCls:u}=(0,s.useBaseConfig)(`pro-right-search`),d=(0,c.default)(u),[f,p]=ge(u,d),m=(0,t.ref)(``),h=(0,t.ref)(!1),g=(0,a.useMagicKeys)(),_=y()?g[`ctrl+k`]:g[`cmd+k`],v=(0,t.ref)(),b=(0,t.computed)(()=>e.dataSource?.length?T(e.dataSource):n?.menuState?.flatMenus?n.menuState.flatMenus.value:[]);(0,a.whenever)(_,()=>{e.disabledShortKey||(h.value=!0)}),(0,a.whenever)(()=>h.value,()=>{(0,t.nextTick)(()=>{v.value?.focus?.()})});function x(e){h.value=!1,e&&(m.value=``)}return()=>{let n={className:u.value,hashId:f.value},i=`${u.value}-modal`;return(0,t.createVNode)(t.Fragment,null,[(0,t.createVNode)(`div`,{class:D(u.value,f.value,p.value,d.value),onClick:()=>{h.value=!0}},[(0,t.createVNode)(r.GIcon,{type:`SearchOutlined`},null),(0,t.createVNode)(`span`,{class:D(`${u.value}-word`,f.value)},[e.locale.searchLabel]),(0,t.createVNode)(`span`,{class:D(`${u.value}-word-icon`,f.value)},[(0,t.createTextVNode)(`⌘`),` `,(0,t.createVNode)(`kbd`,null,[(0,t.createTextVNode)(`K`)])])]),(0,t.createVNode)(l.GProModal,{wrapClassName:D(i,f.value),width:600,scrollProps:{maxHeight:400,minHeight:200},centered:!1,destroyOnHidden:!1,title:(0,t.createVNode)(o.Input,{style:{width:`${600*.8}px`,padding:0},ref:v,bordered:!1,size:`large`,placeholder:e.locale.searchPlaceholder,value:m.value,prefix:(0,t.createVNode)(r.GIcon,{type:`SearchOutlined`},null),"onUpdate:value":e=>{m.value=e}},null),open:h.value,footer:(0,t.createVNode)(_e,{className:i,hashId:f.value,locale:e.locale},null),onCancel:()=>x()},{default:()=>[(0,t.createVNode)(Z,(0,t.mergeProps)(n,{emptyProps:e.emptyProps,keyword:m.value,dataSource:b.value,historyKey:e.searchHistoryKey,locale:e.locale,onClose:x}),null)]})])}},{props:{dataSource:{type:Array,required:!1},disabledShortKey:{type:Boolean,required:!1,default:void 0},locale:{type:Object,required:!0},searchHistoryKey:{type:String,required:!1},emptyProps:{type:Object,required:!1}},name:`GSearchInput`,inheritAttrs:!1});function ye(e,t){return`color-mix(in srgb, ${e} ${t*100}%, transparent)`}var be=(0,u.proGenStyleHooks)(`ProRightContent`,e=>({[e.componentCls]:{height:`100%`,"&-header-actions":{display:`flex`,alignItems:`center`,justifyContent:`flex-end`,height:`100%`,gap:e.paddingXS,"&-item":{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,paddingBlock:0,paddingInline:2,color:e.headerColorTextRightActionsItem,fontSize:14,cursor:`pointer`,borderRadius:e.borderRadius,".anticon":{color:e.headerColorTextRightActionsItem,transition:`color ${e.motionDurationMid}, background-color ${e.motionDurationMid}`,"&:hover":{color:e.headerColorTextRightActionsItemHover}},[`&${e.componentCls}-header-actions-theme`]:{[`${e.componentCls}-header-actions-icon`]:{paddingInline:4,paddingBlock:4,fontSize:18}},"> *":{paddingInline:6,paddingBlock:6,borderRadius:e.borderRadius,transition:`color ${e.motionDurationMid}, background-color ${e.motionDurationMid}`,"&:hover":{color:e.headerColorTextRightActionsItemHover,backgroundColor:e.headerColorBgRightActionsItemHover}}},[`&>${e.antCls}-dropdown-trigger`]:{color:e.colorTextTertiary,paddingInline:8,paddingBlock:8,cursor:`pointer`,display:`flex`,alignItems:`center`,height:44,lineHeight:`44px`,borderRadius:e.borderRadius,"&:hover":{backgroundColor:ye(e.colorTextBase,.03)}},"&-avatar":{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,gap:e.paddingXS,paddingInlineStart:e.padding,paddingInlineEnd:e.padding,cursor:`pointer`,color:e.headerColorTextRightActionsItem},"&-name":{color:e.headerColorTextRightActionsItem}}}})),Q={fontSize:`15px`};function $(e,n){return()=>(0,t.createVNode)(`div`,{style:{display:`flex`,alignItems:`center`,gap:`6px`}},[typeof e==`function`?e():e,n])}var xe=[{value:`light`,label:$((0,t.h)(r.GIcon,{type:`Moon`,style:Q}),`亮色`)},{value:`dark`,label:$((0,t.h)(r.GIcon,{type:`Sun`,style:Q}),`深色`)},{value:`system`,label:$((0,t.h)(r.GIcon,{type:`DesktopOutlined`,style:Q}),`自动`)}];e.RightContent=(0,t.defineComponent)((e,{emit:l,slots:u})=>{let{isFullscreen:d,toggle:f}=(0,a.useFullscreen)(),p=(0,i.useInjectLayoutContext)(),{setTheme:m,isDark:h,theme:g}=(0,n.useThemeContext)(),{prefixCls:_}=(0,s.useBaseConfig)(`pro-right-content`),v=(0,c.default)(_),[y,b]=be(_,v),x=(0,t.computed)(()=>p?.isMobile.value??!1),S=(0,t.ref)(),{width:C}=(0,a.useElementSize)(S),w=(0,t.ref)(`auto`),T=(0,t.ref)();(0,t.watch)(C,e=>{w.value=e>0?e:`auto`});let E=(0,t.ref)(!1),O=(0,t.computed)(()=>({...ee,...e.locale})),k=(0,t.computed)(()=>e.actions===!1?{}:{lock:!0,theme:!0,search:!0,themeEditor:!0,fullScreen:!0,...e.actions}),A=(0,t.computed)(()=>(e.themeOptions||xe).map(e=>({key:e.value,label:e.label()})));function j(e){let t=e.key;m(t)}let M=(0,t.computed)(()=>{let e=[];return k.value.lock&&u.lock&&(e.push({key:`lock`,icon:()=>(0,t.createVNode)(r.GIcon,{type:`LockOutlined`},null),label:O.value.lockScreen}),e.push({type:`divider`})),e.push({key:`logout`,icon:()=>(0,t.createVNode)(r.GIcon,{type:`LogoutOutlined`},null),label:O.value.logout}),e});function N(e){e.key===`lock`?E.value=!0:e.key===`logout`&&l(`logout`)}function P(e){l(`actionClick`,e)}function F(e){E.value=e}return()=>{let n=[`${_.value}-header-actions-item`,y.value];return(0,t.createVNode)(`div`,{ref:S,class:D(_.value,y.value,b.value,v.value),style:{minWidth:w.value,height:`100%`}},[(0,t.createVNode)(`div`,{style:{height:`100%`}},[(0,t.createVNode)(`div`,{class:D(`${_.value}-header-actions`,y.value)},[u.default?u.default():(0,t.createVNode)(t.Fragment,null,[k.value.search&&!x.value&&(0,t.createVNode)(ve,{dataSource:e.searchConfig?.dataSource,disabledShortKey:e.searchConfig?.disabledShortKey,searchHistoryKey:e.searchConfig?.historyKey,emptyProps:e.searchConfig?.emptyProps,locale:O.value},null),k.value.theme&&(0,t.createVNode)(`div`,{ref:T,class:D(`${_.value}-header-actions-item`,`${_.value}-header-actions-theme`,y.value)},[(0,t.createVNode)(o.Dropdown,{trigger:[`click`],placement:`bottomRight`,menu:{items:A.value,onClick:j,selectedKeys:[g.value]}},{default:()=>[(0,t.createVNode)(r.GIcon,{class:D(`${_.value}-header-actions-icon`,y.value),type:h.value?`Moon`:`Sun`},null)]})]),k.value.themeEditor&&!x.value&&(0,t.createVNode)(`div`,{class:D(n)},[(0,t.createVNode)(r.GIcon,{type:`SettingOutlined`,onClick:()=>P(`themeEditor`)},null)]),k.value.fullScreen&&!x.value&&(0,t.createVNode)(`div`,{class:D(n)},[(0,t.createVNode)(r.GIcon,{type:d.value?`CompressOutlined`:`ExpandOutlined`,onClick:()=>f()},null)]),u.actionsRender?.(n)]),(0,t.createVNode)(o.Dropdown,(0,t.mergeProps)({placement:`bottomRight`},e.dropdownProps,{menu:u.dropdownMenu?void 0:{items:M.value,onClick:N}}),{default:()=>[u.dropdownTrigger?u.dropdownTrigger():(0,t.createVNode)(`div`,{class:D(`${_.value}-header-actions-avatar`,y.value)},[(0,t.createVNode)(o.Avatar,{size:28,icon:(0,t.createVNode)(r.GIcon,{type:`UserOutlined`},null)},null),e.name&&(0,t.createVNode)(`span`,{class:D(`${_.value}-header-actions-name`,y.value)},[e.name])])]})])]),u.lock?.({open:E.value,onOpenChange:F})])}},{props:{actions:{type:[Object,Boolean],required:!1,default:void 0},name:{type:String,required:!1},avatar:{type:String,required:!1},dropdownProps:{type:Object,required:!1},themeOptions:{type:Array,required:!1},searchConfig:{type:Object,required:!1},locale:{type:Object,required:!1}},emits:[`logout`,`actionClick`],name:`RightContent`,inheritAttrs:!1})});
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("vue"),require("@gx-design-vue/context"),require("@gx-design-vue/icon"),require("@gx-design-vue/pro-layout"),require("@vueuse/core"),require("antdv-next"),require("antdv-next/config-provider/context"),require("antdv-next/config-provider/hooks/useCSSVarCls"),require("@gx-design-vue/pro-modal"),require("@gx-design-vue/pro-provider"),require("vue-router")):typeof define==`function`&&define.amd?define([`exports`,`vue`,`@gx-design-vue/context`,`@gx-design-vue/icon`,`@gx-design-vue/pro-layout`,`@vueuse/core`,`antdv-next`,`antdv-next/config-provider/context`,`antdv-next/config-provider/hooks/useCSSVarCls`,`@gx-design-vue/pro-modal`,`@gx-design-vue/pro-provider`,`vue-router`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.ProLayoutComponents={},e.Vue,e._gx_design_vue_context,e._gx_design_vue_icon,e._gx_design_vue_pro_layout,e._vueuse_core,e.antdv_next,e.antdv_next_config_provider_context,e.antdv_next_config_provider_hooks_useCSSVarCls,e._gx_design_vue_pro_modal,e._gx_design_vue_pro_provider,e.vue_router))})(this,function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var f=Object.create,p=Object.defineProperty,m=Object.getOwnPropertyDescriptor,h=Object.getOwnPropertyNames,g=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty,v=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=h(t),a=0,o=i.length,s;a<o;a++)s=i[a],!_.call(e,s)&&s!==n&&p(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=m(t,s))||r.enumerable});return e};c=((e,t,n)=>(n=e==null?{}:f(g(e)),v(t||!e||!e.__esModule?p(n,`default`,{value:e,enumerable:!0}):n,e)))(c,1);function y(){return typeof navigator>`u`?!1:/windows|win32/i.test(navigator.userAgent)}function b(e,t){return Object.prototype.toString.call(e)===`[object ${t}]`}function x(e){return Array.isArray===void 0?Object.prototype.toString.call(e)===`[object Array]`:Array.isArray(e)}function S(e){return e!==null&&b(e,`Object`)}function C(e){return typeof e==`string`}function w(e){if(!e||!e.startsWith(`http`))return!1;try{return!!new URL(e)}catch{return!1}}function T(e,t=`children`){let n=[];return e.forEach(e=>{n.push(e),x(e[t])&&e[t].length>0&&(n=n.concat(T(e[t],t)))}),n}function E({suffixCls:e,customizePrefixCls:t,isPro:n,className:r}){let i=r||(n?`gx-pro`:`gx`);return t||(e?`${i}-${e}`:i)}function D(...e){let t=[];for(let n=0;n<e.length;n++){let r=e[n];if(r){if(C(r))t.push(r);else if(x(r))for(let e=0;e<r.length;e++){let n=D(r[e]);n&&t.push(n)}else if(S(r))for(let e in r)r[e]&&t.push(e)}}return t.filter(e=>e).join(` `)}var ee={searchPlaceholder:`搜索导航菜单`,searchLabel:`搜索`,searchShortcutLabel:`⌘ K`,lockScreen:`锁定屏幕`,logout:`退出登录`,noResult:e=>`未找到搜索结果 "${e}"`,noHistory:`没有搜索历史`,searchHistory:`搜索历史`,selectLabel:`选择`,navigateLabel:`导航`,lightTheme:`亮色`,darkTheme:`深色`,autoTheme:`自动`};function O(e){return e==null||typeof e!=`object`&&typeof e!=`function`}function k(e){return ArrayBuffer.isView(e)&&!(e instanceof DataView)}function A(e){return Object.getOwnPropertySymbols(e).filter(t=>Object.prototype.propertyIsEnumerable.call(e,t))}function j(e){return e==null?e===void 0?`[object Undefined]`:`[object Null]`:Object.prototype.toString.call(e)}var M=`[object RegExp]`,N=`[object String]`,P=`[object Number]`,F=`[object Boolean]`,te=`[object Arguments]`,ne=`[object Symbol]`,re=`[object Date]`,ie=`[object Map]`,ae=`[object Set]`,oe=`[object Array]`,I=`[object ArrayBuffer]`,L=`[object Object]`,R=`[object DataView]`,z=`[object Uint8Array]`,B=`[object Uint8ClampedArray]`,V=`[object Uint16Array]`,H=`[object Uint32Array]`,U=`[object Int8Array]`,W=`[object Int16Array]`,G=`[object Int32Array]`,K=`[object Float32Array]`,q=`[object Float64Array]`;function J(e,t,n,r=new Map,i=void 0){let a=i?.(e,t,n,r);if(a!==void 0)return a;if(O(e))return e;if(r.has(e))return r.get(e);if(Array.isArray(e)){let t=Array(e.length);r.set(e,t);for(let a=0;a<e.length;a++)t[a]=J(e[a],a,n,r,i);return Object.hasOwn(e,`index`)&&(t.index=e.index),Object.hasOwn(e,`input`)&&(t.input=e.input),t}if(e instanceof Date)return new Date(e.getTime());if(e instanceof RegExp){let t=new RegExp(e.source,e.flags);return t.lastIndex=e.lastIndex,t}if(e instanceof Map){let t=new Map;r.set(e,t);for(let[a,o]of e)t.set(a,J(o,a,n,r,i));return t}if(e instanceof Set){let t=new Set;r.set(e,t);for(let a of e)t.add(J(a,void 0,n,r,i));return t}if(typeof Buffer<`u`&&Buffer.isBuffer(e))return e.subarray();if(k(e)){let t=new(Object.getPrototypeOf(e)).constructor(e.length);r.set(e,t);for(let a=0;a<e.length;a++)t[a]=J(e[a],a,n,r,i);return t}if(e instanceof ArrayBuffer||typeof SharedArrayBuffer<`u`&&e instanceof SharedArrayBuffer)return e.slice(0);if(e instanceof DataView){let t=new DataView(e.buffer.slice(0),e.byteOffset,e.byteLength);return r.set(e,t),Y(t,e,n,r,i),t}if(typeof File<`u`&&e instanceof File){let t=new File([e],e.name,{type:e.type});return r.set(e,t),Y(t,e,n,r,i),t}if(typeof Blob<`u`&&e instanceof Blob){let t=new Blob([e],{type:e.type});return r.set(e,t),Y(t,e,n,r,i),t}if(e instanceof Error){let t=new e.constructor;return r.set(e,t),t.message=e.message,t.name=e.name,t.stack=e.stack,t.cause=e.cause,Y(t,e,n,r,i),t}if(e instanceof Boolean){let t=new Boolean(e.valueOf());return r.set(e,t),Y(t,e,n,r,i),t}if(e instanceof Number){let t=new Number(e.valueOf());return r.set(e,t),Y(t,e,n,r,i),t}if(e instanceof String){let t=new String(e.valueOf());return r.set(e,t),Y(t,e,n,r,i),t}if(typeof e==`object`&&se(e)){let t=Object.create(Object.getPrototypeOf(e));return r.set(e,t),Y(t,e,n,r,i),t}return e}function Y(e,t,n=e,r,i){let a=[...Object.keys(t),...A(t)];for(let o=0;o<a.length;o++){let s=a[o],c=Object.getOwnPropertyDescriptor(e,s);(c==null||c.writable)&&(e[s]=J(t[s],s,n,r,i))}}function se(e){switch(j(e)){case te:case oe:case I:case R:case F:case re:case K:case q:case U:case W:case G:case ie:case P:case L:case M:case ae:case N:case ne:case z:case B:case V:case H:return!0;default:return!1}}function X(e){return J(e,void 0,e,new Map,void 0)}function ce(e,t){let n=new Map;return e.filter(e=>{let r=e[t];return n.has(r)?!1:(n.set(r,e),!0)})}var le=`ABCDEFGHJKLMNOPQRSTWXYZ`,ue=`阿八嚓哒鹅发旮哈讥咔垃妈拿噢啪七日撒他挖昔压匝`;function de(e){let t=e.codePointAt(0);if(t>=65&&t<=90)return e;if(t>=97&&t<=122)return e.toUpperCase();if(t<19968||t>40959)return``;for(let t=22;t>=0;t--)if(e.localeCompare(ue[t],`zh-CN`)>=0)return le[t];return``}function fe(e){let t=``;for(let n of e)t+=de(n);return t}function pe(e,t){if(!t)return!1;let n=t.trim().toLowerCase();return!!(e.toLowerCase().includes(n)||fe(e).toLowerCase().includes(n))}function me(e,t){let n=t.trim();if(!n)return[];let r=[];for(let t of e)t.meta?.hideInMenu||pe(t.meta?.title||(typeof t.name==`string`?t.name:``)||``,n)&&r.push(t);return r}var he=({className:e,value:n,locale:r})=>n?(0,t.createVNode)(o.Empty,{image:o.Empty.PRESENTED_IMAGE_SIMPLE,description:r.noResult?.(n)},null):(0,t.createVNode)(`div`,{class:e},[r.noHistory]),Z=(0,t.defineComponent)(e=>{let n=(0,d.useRouter)(),{renderEmpty:i}=(0,u.useProConfigContext)(),o=(0,a.useLocalStorage)(e.historyKey||E({suffixCls:`search-history`,isPro:!0}),[]),s=(0,t.ref)(0),c=(0,t.ref)(X((0,t.unref)(o))),l=(0,a.useThrottleFn)(t=>{let n=t.trim();if(!n){c.value=[];return}c.value=me(e.dataSource??[],n),s.value=0},200);(0,t.watch)(()=>e.keyword,e=>{e?l(e):c.value=X((0,t.unref)(o))});function f(){document.querySelector(`[data-search-item="${s.value}"]`)?.scrollIntoView({block:`nearest`})}async function p(){if(c.value.length===0)return;let r=s.value;if(r<0)return;let i=c.value[r];if(!i)return;let a=C(i.redirect)?i.redirect:i.path||``,l=i.meta?.link||``,u=w(l);o.value.every(e=>e.name!==i.name)&&o.value.push(X(i)),e.onClose?.(!0),await(0,t.nextTick)(),u&&l&&i.meta?.linkStatus===1?window.open(l,`_blank`):n.push({path:a})}function m(){c.value.length!==0&&(e.onBlur?.(),s.value--,s.value<0&&(s.value=c.value.length-1),f())}function h(){c.value.length!==0&&(e.onBlur?.(),s.value++,s.value>c.value.length-1&&(s.value=0),f())}(0,t.onMounted)(()=>{(0,a.onKeyStroke)(`Enter`,p),(0,a.onKeyStroke)(`ArrowUp`,m),(0,a.onKeyStroke)(`ArrowDown`,h)});function g(e){s.value=e}function _(e,t){e.stopPropagation(),c.value=c.value.filter(e=>e.name!==t.name),o.value=o.value.filter(e=>e.name!==t.name),s.value=s.value-1>=0?s.value-1:0,f()}let v=t=>D(`${e.className}${t?`-${t}`:``}`,e.hashId);return()=>(0,t.createVNode)(t.Fragment,null,[c.value.length>0?(0,t.createVNode)(t.Fragment,null,[o.value.length>0&&!e.keyword&&(0,t.createVNode)(`div`,{class:v(`panel-title`)},[e.locale.searchHistory]),(0,t.createVNode)(`div`,{class:v(`panel-list`)},[ce(c.value,`name`).map((n,i)=>(0,t.createVNode)(`div`,{key:n.name,class:v(D(`panel-item`,i===s.value&&`active`)),"data-search-item":i,onClick:()=>p(),onMouseenter:()=>g(i)},[(0,t.createVNode)(`div`,{class:v(`panel-item-left`)},[n.meta?.title]),o.value.length>0&&!e.keyword&&(0,t.createVNode)(r.GIcon,{type:`CloseOutlined`,onClick:e=>_(e,n)},null)]))])]):i.value?.()||(0,t.createVNode)(he,{className:v(`result`),value:e.keyword,locale:e.locale},null)])},{props:{className:{type:String,required:!1},hashId:{type:String,required:!1},keyword:{type:String,required:!1},dataSource:{type:Array,required:!1},historyKey:{type:String,required:!1},emptyProps:{type:Object,required:!1},locale:{type:Object,required:!0},onBlur:{type:Function,required:!1},onClose:{type:Function,required:!1}},name:`GSearchPanel`,inheritAttrs:!1}),ge=(0,u.proGenStyleHooks)(`ProRightSearch`,e=>{let t=e.menuItemIconSize||e.fontSize,n=e.calc(e.borderRadiusLG).mul(2).equal(),r=e.calc(e.paddingXXS).div(2).equal();return{[e.componentCls]:{display:`flex`,alignItems:`center`,justifyContent:`center`,height:36,gap:12,cursor:`pointer`,fontSize:e.fontSizeSM,color:e.colorTextTertiary,paddingBlock:r,paddingInline:e.paddingXS,borderRadius:n,backgroundColor:e.headerColorBgRightActionsItemHover,transition:`all ${e.motionDurationMid} ${e.motionEaseInOut}`,lineHeight:1,">.anticon":{fontSize:e.fontSize,color:e.colorTextTertiary},"&-word":{lineHeight:1},"&-word-icon":{lineHeight:1,padding:`4px 6px`,borderTopLeftRadius:e.borderRadiusSM,borderBottomLeftRadius:e.borderRadiusSM,borderTopRightRadius:n,borderBottomRightRadius:n,backgroundColor:e.colorBgContainer},"&:hover":{color:e.colorTextSecondary},"&-modal":{"&-footer":{display:`flex`,alignItems:`center`,gap:e.marginXS,fontSize:12,color:e.colorTextSecondary},"&-footer-icon":{display:`flex`,alignItems:`center`,gap:4}},"&-panel":{"&-title":{color:e.colorTextQuaternary,lineHeight:e.lineHeight,marginBlockEnd:e.marginXS},"&-list":{display:`flex`,flexDirection:`column`,gap:12},"&-item":{display:`flex`,alignItems:`center`,justifyContent:`space-between`,cursor:`pointer`,fontSize:e.fontSize,lineHeight:e.lineHeight,padding:e.paddingXS,borderRadius:e.borderRadiusLG,backgroundColor:e.colorBgContainer,transition:`all ${e.motionDurationFast} ${e.motionEaseInOut}`,"&-left":{display:`flex`,alignItems:`center`,gap:e.sizeStep,">.anticon":{fontSize:`${t}px`}},"&.active":{backgroundColor:e.colorPrimary,color:e.colorTextLightSolid}}},"&-result":{display:`flex`,alignItems:`center`,justifyContent:`center`,paddingBlockStart:60,color:e.colorTextQuaternary}}}}),_e=({className:e,hashId:n,locale:i})=>(0,t.createVNode)(`div`,{class:D(`${e}-footer`,n)},[(0,t.createVNode)(`div`,{class:D(`${e}-footer-icon`,n)},[(0,t.createVNode)(r.GIcon,{type:`EnterOutlined`},null),i.selectLabel]),(0,t.createVNode)(`div`,{class:D(`${e}-footer-icon`,n)},[(0,t.createVNode)(r.GIcon,{type:`ArrowUpOutlined`},null),(0,t.createVNode)(r.GIcon,{type:`ArrowUpOutlined`,rotate:180},null),i.navigateLabel])]),ve=(0,t.defineComponent)(e=>{let n=(0,i.useInjectLayoutContext)(),{prefixCls:u}=(0,s.useBaseConfig)(`pro-right-search`),d=(0,c.default)(u),[f,p]=ge(u,d),m=(0,t.ref)(``),h=(0,t.ref)(!1),g=(0,a.useMagicKeys)(),_=y()?g[`ctrl+k`]:g[`cmd+k`],v=(0,t.ref)(),b=(0,t.computed)(()=>e.dataSource?.length?T(e.dataSource):n?.menuState?.flatMenus?n.menuState.flatMenus.value:[]);(0,a.whenever)(_,()=>{e.disabledShortKey||(h.value=!0)}),(0,a.whenever)(()=>h.value,()=>{(0,t.nextTick)(()=>{v.value?.focus?.()})});function x(e){h.value=!1,e&&(m.value=``)}return()=>{let n={className:u.value,hashId:f.value},i=`${u.value}-modal`;return(0,t.createVNode)(t.Fragment,null,[(0,t.createVNode)(`div`,{class:D(u.value,f.value,p.value,d.value),onClick:()=>{h.value=!0}},[(0,t.createVNode)(r.GIcon,{type:`SearchOutlined`},null),(0,t.createVNode)(`span`,{class:D(`${u.value}-word`,f.value)},[e.locale.searchLabel]),(0,t.createVNode)(`span`,{class:D(`${u.value}-word-icon`,f.value)},[(0,t.createTextVNode)(`⌘`),` `,(0,t.createVNode)(`kbd`,null,[(0,t.createTextVNode)(`K`)])])]),(0,t.createVNode)(l.GProModal,{wrapClassName:D(i,f.value),width:600,scrollProps:{maxHeight:400,minHeight:200},centered:!1,destroyOnHidden:!1,title:(0,t.createVNode)(o.Input,{style:{width:`${600*.8}px`,padding:0},ref:v,bordered:!1,size:`large`,placeholder:e.locale.searchPlaceholder,value:m.value,prefix:(0,t.createVNode)(r.GIcon,{type:`SearchOutlined`},null),"onUpdate:value":e=>{m.value=e}},null),open:h.value,footer:(0,t.createVNode)(_e,{className:i,hashId:f.value,locale:e.locale},null),onCancel:()=>x()},{default:()=>[(0,t.createVNode)(Z,(0,t.mergeProps)(n,{emptyProps:e.emptyProps,keyword:m.value,dataSource:b.value,historyKey:e.searchHistoryKey,locale:e.locale,onClose:x}),null)]})])}},{props:{dataSource:{type:Array,required:!1},disabledShortKey:{type:Boolean,required:!1,default:void 0},locale:{type:Object,required:!0},searchHistoryKey:{type:String,required:!1},emptyProps:{type:Object,required:!1}},name:`GSearchInput`,inheritAttrs:!1});function ye(e,t){return`color-mix(in srgb, ${e} ${t*100}%, transparent)`}var be=(0,u.proGenStyleHooks)(`ProRightContent`,e=>({[e.componentCls]:{height:`100%`,"&-header-actions":{display:`flex`,alignItems:`center`,justifyContent:`flex-end`,height:`100%`,gap:e.paddingXS,"&-item":{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,paddingBlock:0,paddingInline:2,color:e.headerColorTextRightActionsItem,fontSize:14,cursor:`pointer`,borderRadius:e.borderRadius,".anticon":{color:e.headerColorTextRightActionsItem,transition:`color ${e.motionDurationMid}, background-color ${e.motionDurationMid}`,"&:hover":{color:e.headerColorTextRightActionsItemHover}},[`&${e.componentCls}-header-actions-theme`]:{[`${e.componentCls}-header-actions-icon`]:{paddingInline:4,paddingBlock:4,fontSize:18}},"> *":{paddingInline:6,paddingBlock:6,borderRadius:e.borderRadius,transition:`color ${e.motionDurationMid}, background-color ${e.motionDurationMid}`,"&:hover":{color:e.headerColorTextRightActionsItemHover,backgroundColor:e.headerColorBgRightActionsItemHover}}},[`&>${e.antCls}-dropdown-trigger`]:{color:e.colorTextTertiary,paddingInline:8,paddingBlock:8,cursor:`pointer`,display:`flex`,alignItems:`center`,height:44,lineHeight:`44px`,borderRadius:e.borderRadius,"&:hover":{backgroundColor:ye(e.colorTextBase,.03)}},"&-avatar":{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,gap:e.paddingXS,paddingInlineStart:e.padding,paddingInlineEnd:e.padding,cursor:`pointer`,color:e.headerColorTextRightActionsItem},"&-name":{color:e.headerColorTextRightActionsItem}}}})),Q={fontSize:`15px`};function $(e,n){return()=>(0,t.createVNode)(`div`,{style:{display:`flex`,alignItems:`center`,gap:`6px`}},[typeof e==`function`?e():e,n])}var xe=[{value:`light`,label:$((0,t.h)(r.GIcon,{type:`Moon`,style:Q}),`亮色`)},{value:`dark`,label:$((0,t.h)(r.GIcon,{type:`Sun`,style:Q}),`深色`)},{value:`system`,label:$((0,t.h)(r.GIcon,{type:`DesktopOutlined`,style:Q}),`自动`)}];e.RightContent=(0,t.defineComponent)((e,{emit:l,slots:u})=>{let{isFullscreen:d,toggle:f}=(0,a.useFullscreen)(),p=(0,i.useInjectLayoutContext)(),{setTheme:m,isDark:h,theme:g}=(0,n.useThemeContext)(),{prefixCls:_}=(0,s.useBaseConfig)(`pro-right-content`),v=(0,c.default)(_),[y,b]=be(_,v),S=(0,t.computed)(()=>p?.isMobile.value??!1),C=(0,t.ref)(),{width:w}=(0,a.useElementSize)(C),T=(0,t.ref)(`auto`),E=(0,t.ref)();(0,t.watch)(w,e=>{T.value=e>0?e:`auto`});let O=(0,t.ref)(!1),k=(0,t.computed)(()=>({...ee,...e.locale})),A=(0,t.computed)(()=>e.actions===!1?{}:{theme:!0,search:!0,themeEditor:!1,fullScreen:!0,...e.actions}),j=(0,t.computed)(()=>(e.themeOptions||xe).map(e=>({key:e.value,label:e.label()})));function M(e){let t=e.key;m(t)}let N=(0,t.computed)(()=>{let n=u?.dropdownMenu?.(),i=e.dropdownProps?.menu?.items||[];return x(n)&&n.forEach((e,t)=>{let n=e.props.key,r=e.props.icon;n===`menu-item`?i.push({key:`menu-${t}`,label:e.children,icon:r}):n===`menu-divider`&&i.push({type:`divider`})}),i.push({key:`logout`,icon:()=>(0,t.createVNode)(r.GIcon,{type:`LogoutOutlined`},null),label:k.value.logout,onClick:P}),i});function P(e){e.key===`lock`?O.value=!0:e.key===`logout`&&l(`logout`)}function F(e){l(`actionClick`,e)}return()=>{let n=[`${_.value}-header-actions-item`,y.value];return(0,t.createVNode)(`div`,{ref:C,class:D(_.value,y.value,b.value,v.value),style:{minWidth:T.value,height:`100%`}},[(0,t.createVNode)(`div`,{style:{height:`100%`}},[(0,t.createVNode)(`div`,{class:D(`${_.value}-header-actions`)},[u.default?u.default():(0,t.createVNode)(t.Fragment,null,[A.value.search&&!S.value&&(0,t.createVNode)(ve,{dataSource:e.searchConfig?.dataSource,disabledShortKey:e.searchConfig?.disabledShortKey,searchHistoryKey:e.searchConfig?.historyKey,emptyProps:e.searchConfig?.emptyProps,locale:k.value},null),A.value.theme&&(0,t.createVNode)(`div`,{ref:E,class:D(`${_.value}-header-actions-item`,`${_.value}-header-actions-theme`,y.value)},[(0,t.createVNode)(o.Dropdown,{trigger:[`click`],placement:`bottomRight`,menu:{items:j.value,onClick:M,selectedKeys:[g.value]}},{default:()=>[(0,t.createVNode)(r.GIcon,{class:D(`${_.value}-header-actions-icon`),type:h.value?`Moon`:`Sun`},null)]})]),A.value.themeEditor&&!S.value&&(0,t.createVNode)(`div`,{class:D(n)},[(0,t.createVNode)(r.GIcon,{type:`SettingOutlined`,onClick:()=>F(`themeEditor`)},null)]),A.value.fullScreen&&!S.value&&(0,t.createVNode)(`div`,{class:D(n)},[(0,t.createVNode)(r.GIcon,{type:d.value?`CompressOutlined`:`ExpandOutlined`,onClick:()=>f()},null)]),u.actionsRender?.(n)]),(0,t.createVNode)(o.Dropdown,(0,t.mergeProps)({placement:`bottomRight`},e.dropdownProps,{menu:{items:N.value}}),{default:()=>[u.dropdownTrigger?u.dropdownTrigger():(0,t.createVNode)(`div`,{class:D(`${_.value}-header-actions-avatar`)},[(0,t.createVNode)(o.Avatar,{size:28,icon:(0,t.createVNode)(r.GIcon,{type:`UserOutlined`},null)},null),e.name&&(0,t.createVNode)(`span`,{class:D(`${_.value}-header-actions-name`)},[e.name])])],popupRender:u.popupRender})])])])}},{props:{actions:{type:[Object,Boolean],required:!1,default:void 0},name:{type:String,required:!1},avatar:{type:String,required:!1},dropdownProps:{type:Object,required:!1},themeOptions:{type:Array,required:!1},searchConfig:{type:Object,required:!1},locale:{type:Object,required:!1}},emits:[`logout`,`actionClick`],name:`RightContent`,inheritAttrs:!1})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gx-design-vue/pro-layout-components",
   "type": "module",
-  "version": "0.1.0-alpha.5",
+  "version": "0.1.0-alpha.6",
   "description": "Gx Design Pro Layout Components",
   "author": {
     "name": "gx12358",
@@ -48,13 +48,13 @@
     "es-toolkit": "^1.43.0",
     "vue-router": "^5.1.0",
     "@gx-design-vue/context": "^0.0.5-alpha.6",
-    "@gx-design-vue/pro-layout": "^0.1.0-alpha.7",
-    "@gx-design-vue/pro-modal": "^0.2.0-alpha.7",
-    "@gx-design-vue/pro-hooks": "^0.2.0-alpha.6",
-    "@gx-design-vue/pro-provider": "^0.1.0-alpha.8",
+    "@gx-design-vue/pro-layout": "^0.1.0-alpha.8",
+    "@gx-design-vue/pro-provider": "^0.1.0-alpha.10",
     "@gx-design-vue/pro-utils": "^0.2.0-alpha.6",
+    "@gx-design-vue/pro-modal": "^0.2.0-alpha.7",
     "@gx-design-vue/scrollbar": "^0.2.0-alpha.5",
-    "@gx-design-vue/icon": "^0.0.1-alpha.7"
+    "@gx-design-vue/icon": "^0.0.1-alpha.8",
+    "@gx-design-vue/pro-hooks": "^0.2.0-alpha.6"
   },
   "browserslist": [
     "> 1%",