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

package/dist/RightContent/Search/style.js

@@ -1,8 +1,13 @@
-import { unit, useStyle as useStyle$1 } from "@gx-design-vue/pro-provider";
-
+import { proGenStyleHooks } from "@gx-design-vue/pro-provider";
 //#region src/RightContent/Search/style.ts
-const getStyle = (token) => {
-	const fontSize = unit(token.layout?.menuItemIconSize || token.fontSize);
+/**
+* Search 搜索框样式
+* - 独立注册为 ProRightSearch，使用自己的 token
+*/
+const genSearchStyle = (token) => {
+	const fontSize = token.menuItemIconSize || token.fontSize;
+	const borderRadiusDouble = token.calc(token.borderRadiusLG).mul(2).equal();
+	const paddingXXSHalf = token.calc(token.paddingXXS).div(2).equal();
 	return { [token.componentCls]: {
 		display: "flex",
 		alignItems: "center",
@@ -12,25 +17,41 @@ const getStyle = (token) => {
 		cursor: "pointer",
 		fontSize: token.fontSizeSM,
 		color: token.colorTextTertiary,
-		paddingBlock: token.paddingXXS / 2,
+		paddingBlock: paddingXXSHalf,
 		paddingInline: token.paddingXS,
-		borderRadius: token.borderRadiusLG * 2,
-		backgroundColor: token.layout?.header?.colorBgRightActionsItemHover,
+		borderRadius: borderRadiusDouble,
+		backgroundColor: token.headerColorBgRightActionsItemHover,
 		transition: `all ${token.motionDurationMid} ${token.motionEaseInOut}`,
+		lineHeight: 1,
 		">.anticon": {
 			fontSize: token.fontSize,
 			color: token.colorTextTertiary
 		},
+		"&-word": { lineHeight: 1 },
 		"&-word-icon": {
+			lineHeight: 1,
 			padding: "4px 6px",
-			lineHeight: unit(token.fontSizeSM),
 			borderTopLeftRadius: token.borderRadiusSM,
 			borderBottomLeftRadius: token.borderRadiusSM,
-			borderTopRightRadius: token.borderRadiusLG * 2,
-			borderBottomRightRadius: token.borderRadiusLG * 2,
+			borderTopRightRadius: borderRadiusDouble,
+			borderBottomRightRadius: borderRadiusDouble,
 			backgroundColor: token.colorBgContainer
 		},
 		"&:hover": { color: token.colorTextSecondary },
+		"&-modal": {
+			"&-footer": {
+				display: "flex",
+				alignItems: "center",
+				gap: token.marginXS,
+				fontSize: 12,
+				color: token.colorTextSecondary
+			},
+			"&-footer-icon": {
+				display: "flex",
+				alignItems: "center",
+				gap: 4
+			}
+		},
 		"&-panel": {
 			"&-title": {
 				color: token.colorTextQuaternary,
@@ -57,7 +78,7 @@ const getStyle = (token) => {
 					display: "flex",
 					alignItems: "center",
 					gap: token.sizeStep,
-					">.anticon": { fontSize }
+					">.anticon": { fontSize: `${fontSize}px` }
 				},
 				"&.active": {
 					backgroundColor: token.colorPrimary,
@@ -71,26 +92,9 @@ const getStyle = (token) => {
 			justifyContent: "center",
 			paddingBlockStart: 60,
 			color: token.colorTextQuaternary
-		},
-		"&-modal-footer": {
-			display: "flex",
-			alignItems: "center",
-			gap: token.marginXS,
-			fontSize: 12,
-			color: token.colorTextSecondary
-		},
-		"&-modal-footer-icon": {
-			display: "flex",
-			alignItems: "center",
-			gap: 4
 		}
 	} };
 };
-function useStyle(componentCls) {
-	return useStyle$1("SearchPageInput", (token) => {
-		return [getStyle(token)];
-	}, componentCls);
-}
-
+var style_default = proGenStyleHooks("ProRightSearch", genSearchStyle);
 //#endregion
-export { useStyle };
+export { style_default as default };

package/dist/RightContent/index.d.ts

@@ -1,407 +1,8 @@
-import { ShortcutKeyProps } from "../PageLock/props.js";
-import { RightContentActions } from "./props.js";
-import * as vue96 from "vue";
+import { RightContentEmits, RightContentProps, RightContentSlots } from "./interface.js";
+import * as _$vue from "vue";
 import { SlotsType } from "vue";
-import * as _gx_design_vue_pro_utils0 from "@gx-design-vue/pro-utils";
-import { CustomRender } from "@gx-design-vue/pro-utils";
-import * as ant_design_vue0 from "ant-design-vue";
-import * as _gx_design_vue_pro_layout0 from "@gx-design-vue/pro-layout";
-import * as ant_design_vue_es__util_type2 from "ant-design-vue/es/_util/type";
-import * as ant_design_vue_es_dropdown_props0 from "ant-design-vue/es/dropdown/props";
-import * as ant_design_vue_es__util_transition0 from "ant-design-vue/es/_util/transition";
-import * as ant_design_vue_es_menu_src_interface0 from "ant-design-vue/es/menu/src/interface";
-import * as ant_design_vue_es__util_EventInterface0 from "ant-design-vue/es/_util/EventInterface";
 
 //#region src/RightContent/index.d.ts
-declare const GlobalRightContent: vue96.DefineComponent<vue96.ExtractPropTypes<{
-  actions: {
-    type: vue96.PropType<RightContentActions | false>;
-    default: () => {};
-  };
-  shortsKey: {
-    type: vue96.PropType<ShortcutKeyProps["search"]>;
-    default: () => ShortcutKeyProps["search"];
-  };
-  name: {
-    type: vue96.PropType<string>;
-    default: any;
-  };
-  avatar: vue96.PropType<string>;
-  actionsRender: {
-    type: vue96.PropType<_gx_design_vue_pro_utils0.WithFalse<(classNames: string[]) => CustomRender>>;
-    default: any;
-  };
-  dropdownProps: {
-    type: vue96.PropType<{
-      open?: boolean;
-      onOpenChange?: (val: boolean) => void;
-      'onUpdate:open'?: (val: boolean) => void;
-      disabled?: boolean;
-      arrow?: boolean | ant_design_vue_es_dropdown_props0.DropdownArrowOptions;
-      trigger?: ant_design_vue_es_dropdown_props0.Trigger | ant_design_vue_es_dropdown_props0.Trigger[];
-      menu?: Partial<vue96.ExtractPropTypes<{
-        id: StringConstructor;
-        prefixCls: StringConstructor;
-        items: vue96.PropType<ant_design_vue0.ItemType[]>;
-        disabled: BooleanConstructor;
-        inlineCollapsed: BooleanConstructor;
-        disabledOverflow: BooleanConstructor;
-        forceSubMenuRender: BooleanConstructor;
-        openKeys: vue96.PropType<ant_design_vue_es__util_type2.Key[]>;
-        selectedKeys: vue96.PropType<ant_design_vue_es__util_type2.Key[]>;
-        activeKey: StringConstructor;
-        selectable: {
-          type: BooleanConstructor;
-          default: boolean;
-        };
-        multiple: {
-          type: BooleanConstructor;
-          default: boolean;
-        };
-        tabindex: {
-          type: (StringConstructor | NumberConstructor)[];
-        };
-        motion: vue96.PropType<ant_design_vue_es__util_transition0.CSSMotionProps>;
-        role: StringConstructor;
-        theme: {
-          type: vue96.PropType<ant_design_vue0.MenuTheme>;
-          default: string;
-        };
-        mode: {
-          type: vue96.PropType<ant_design_vue0.MenuMode>;
-          default: string;
-        };
-        inlineIndent: {
-          type: NumberConstructor;
-          default: number;
-        };
-        subMenuOpenDelay: {
-          type: NumberConstructor;
-          default: number;
-        };
-        subMenuCloseDelay: {
-          type: NumberConstructor;
-          default: number;
-        };
-        builtinPlacements: {
-          type: vue96.PropType<ant_design_vue_es_menu_src_interface0.BuiltinPlacements>;
-        };
-        triggerSubMenuAction: {
-          type: vue96.PropType<ant_design_vue_es_menu_src_interface0.TriggerSubMenuAction>;
-          default: string;
-        };
-        getPopupContainer: vue96.PropType<(node: HTMLElement) => HTMLElement>;
-        expandIcon: vue96.PropType<(p?: {
-          [key: string]: any;
-          isOpen: boolean;
-        }) => any>;
-        onOpenChange: vue96.PropType<(keys: ant_design_vue_es__util_type2.Key[]) => void>;
-        onSelect: vue96.PropType<ant_design_vue_es_menu_src_interface0.SelectEventHandler>;
-        onDeselect: vue96.PropType<ant_design_vue_es_menu_src_interface0.SelectEventHandler>;
-        onClick: vue96.PropType<ant_design_vue_es_menu_src_interface0.MenuClickEventHandler>;
-        onFocus: vue96.PropType<ant_design_vue_es__util_EventInterface0.FocusEventHandler>;
-        onBlur: vue96.PropType<ant_design_vue_es__util_EventInterface0.FocusEventHandler>;
-        onMousedown: vue96.PropType<ant_design_vue_es__util_EventInterface0.MouseEventHandler>;
-        'onUpdate:openKeys': vue96.PropType<(keys: ant_design_vue_es__util_type2.Key[]) => void>;
-        'onUpdate:selectedKeys': vue96.PropType<(keys: ant_design_vue_es__util_type2.Key[]) => void>;
-        'onUpdate:activeKey': vue96.PropType<(key: ant_design_vue_es__util_type2.Key) => void>;
-      }>>;
-      visible?: boolean;
-      danger?: boolean;
-      autofocus?: boolean;
-      align?: ant_design_vue_es_dropdown_props0.Align;
-      getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
-      prefixCls?: string;
-      transitionName?: string;
-      overlayClassName?: string;
-      overlayStyle?: vue96.CSSProperties;
-      forceRender?: boolean;
-      mouseEnterDelay?: number;
-      mouseLeaveDelay?: number;
-      openClassName?: string;
-      minOverlayWidthMatchTrigger?: boolean;
-      destroyPopupOnHide?: boolean;
-      onVisibleChange?: (val: boolean) => void;
-      'onUpdate:visible'?: (val: boolean) => void;
-    }>;
-    default: () => {};
-  };
-  dropdownRender: {
-    type: vue96.PropType<_gx_design_vue_pro_utils0.WithFalse<CustomRender>>;
-    default: any;
-  };
-  dropdownMenuRender: {
-    type: vue96.PropType<_gx_design_vue_pro_utils0.WithFalse<CustomRender>>;
-    default: any;
-  };
-  dropdownMenuExtraItemRender: {
-    type: vue96.PropType<_gx_design_vue_pro_utils0.WithFalse<CustomRender>>;
-    default: any;
-  };
-  onLogout: vue96.PropType<(callback?: () => void) => void>;
-  onClick: vue96.PropType<(type: keyof RightContentActions) => void>;
-  dataSource: {
-    type: vue96.PropType<_gx_design_vue_pro_layout0.AppRouteModule[]>;
-    default: () => any[];
-  };
-  historyKey: vue96.PropType<string>;
-  emptyProps: {
-    type: vue96.PropType<any>;
-    default: () => {};
-  };
-}>, () => ant_design_vue_es__util_type2.VueNode, {}, {}, {}, vue96.ComponentOptionsMixin, vue96.ComponentOptionsMixin, {
-  click: (type: keyof RightContentActions) => boolean;
-  logout: (callback?: () => void) => boolean;
-}, string, vue96.PublicProps, Readonly<vue96.ExtractPropTypes<{
-  actions: {
-    type: vue96.PropType<RightContentActions | false>;
-    default: () => {};
-  };
-  shortsKey: {
-    type: vue96.PropType<ShortcutKeyProps["search"]>;
-    default: () => ShortcutKeyProps["search"];
-  };
-  name: {
-    type: vue96.PropType<string>;
-    default: any;
-  };
-  avatar: vue96.PropType<string>;
-  actionsRender: {
-    type: vue96.PropType<_gx_design_vue_pro_utils0.WithFalse<(classNames: string[]) => CustomRender>>;
-    default: any;
-  };
-  dropdownProps: {
-    type: vue96.PropType<{
-      open?: boolean;
-      onOpenChange?: (val: boolean) => void;
-      'onUpdate:open'?: (val: boolean) => void;
-      disabled?: boolean;
-      arrow?: boolean | ant_design_vue_es_dropdown_props0.DropdownArrowOptions;
-      trigger?: ant_design_vue_es_dropdown_props0.Trigger | ant_design_vue_es_dropdown_props0.Trigger[];
-      menu?: Partial<vue96.ExtractPropTypes<{
-        id: StringConstructor;
-        prefixCls: StringConstructor;
-        items: vue96.PropType<ant_design_vue0.ItemType[]>;
-        disabled: BooleanConstructor;
-        inlineCollapsed: BooleanConstructor;
-        disabledOverflow: BooleanConstructor;
-        forceSubMenuRender: BooleanConstructor;
-        openKeys: vue96.PropType<ant_design_vue_es__util_type2.Key[]>;
-        selectedKeys: vue96.PropType<ant_design_vue_es__util_type2.Key[]>;
-        activeKey: StringConstructor;
-        selectable: {
-          type: BooleanConstructor;
-          default: boolean;
-        };
-        multiple: {
-          type: BooleanConstructor;
-          default: boolean;
-        };
-        tabindex: {
-          type: (StringConstructor | NumberConstructor)[];
-        };
-        motion: vue96.PropType<ant_design_vue_es__util_transition0.CSSMotionProps>;
-        role: StringConstructor;
-        theme: {
-          type: vue96.PropType<ant_design_vue0.MenuTheme>;
-          default: string;
-        };
-        mode: {
-          type: vue96.PropType<ant_design_vue0.MenuMode>;
-          default: string;
-        };
-        inlineIndent: {
-          type: NumberConstructor;
-          default: number;
-        };
-        subMenuOpenDelay: {
-          type: NumberConstructor;
-          default: number;
-        };
-        subMenuCloseDelay: {
-          type: NumberConstructor;
-          default: number;
-        };
-        builtinPlacements: {
-          type: vue96.PropType<ant_design_vue_es_menu_src_interface0.BuiltinPlacements>;
-        };
-        triggerSubMenuAction: {
-          type: vue96.PropType<ant_design_vue_es_menu_src_interface0.TriggerSubMenuAction>;
-          default: string;
-        };
-        getPopupContainer: vue96.PropType<(node: HTMLElement) => HTMLElement>;
-        expandIcon: vue96.PropType<(p?: {
-          [key: string]: any;
-          isOpen: boolean;
-        }) => any>;
-        onOpenChange: vue96.PropType<(keys: ant_design_vue_es__util_type2.Key[]) => void>;
-        onSelect: vue96.PropType<ant_design_vue_es_menu_src_interface0.SelectEventHandler>;
-        onDeselect: vue96.PropType<ant_design_vue_es_menu_src_interface0.SelectEventHandler>;
-        onClick: vue96.PropType<ant_design_vue_es_menu_src_interface0.MenuClickEventHandler>;
-        onFocus: vue96.PropType<ant_design_vue_es__util_EventInterface0.FocusEventHandler>;
-        onBlur: vue96.PropType<ant_design_vue_es__util_EventInterface0.FocusEventHandler>;
-        onMousedown: vue96.PropType<ant_design_vue_es__util_EventInterface0.MouseEventHandler>;
-        'onUpdate:openKeys': vue96.PropType<(keys: ant_design_vue_es__util_type2.Key[]) => void>;
-        'onUpdate:selectedKeys': vue96.PropType<(keys: ant_design_vue_es__util_type2.Key[]) => void>;
-        'onUpdate:activeKey': vue96.PropType<(key: ant_design_vue_es__util_type2.Key) => void>;
-      }>>;
-      visible?: boolean;
-      danger?: boolean;
-      autofocus?: boolean;
-      align?: ant_design_vue_es_dropdown_props0.Align;
-      getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
-      prefixCls?: string;
-      transitionName?: string;
-      overlayClassName?: string;
-      overlayStyle?: vue96.CSSProperties;
-      forceRender?: boolean;
-      mouseEnterDelay?: number;
-      mouseLeaveDelay?: number;
-      openClassName?: string;
-      minOverlayWidthMatchTrigger?: boolean;
-      destroyPopupOnHide?: boolean;
-      onVisibleChange?: (val: boolean) => void;
-      'onUpdate:visible'?: (val: boolean) => void;
-    }>;
-    default: () => {};
-  };
-  dropdownRender: {
-    type: vue96.PropType<_gx_design_vue_pro_utils0.WithFalse<CustomRender>>;
-    default: any;
-  };
-  dropdownMenuRender: {
-    type: vue96.PropType<_gx_design_vue_pro_utils0.WithFalse<CustomRender>>;
-    default: any;
-  };
-  dropdownMenuExtraItemRender: {
-    type: vue96.PropType<_gx_design_vue_pro_utils0.WithFalse<CustomRender>>;
-    default: any;
-  };
-  onLogout: vue96.PropType<(callback?: () => void) => void>;
-  onClick: vue96.PropType<(type: keyof RightContentActions) => void>;
-  dataSource: {
-    type: vue96.PropType<_gx_design_vue_pro_layout0.AppRouteModule[]>;
-    default: () => any[];
-  };
-  historyKey: vue96.PropType<string>;
-  emptyProps: {
-    type: vue96.PropType<any>;
-    default: () => {};
-  };
-}>> & Readonly<{
-  onClick?: (type: keyof RightContentActions) => any;
-  onLogout?: (callback?: () => void) => any;
-}>, {
-  dataSource: _gx_design_vue_pro_layout0.AppRouteModule[];
-  name: string;
-  emptyProps: any;
-  actions: {};
-  shortsKey: {
-    keys?: string;
-    disabled?: boolean;
-  };
-  actionsRender: _gx_design_vue_pro_utils0.WithFalse<(classNames: string[]) => CustomRender>;
-  dropdownProps: {
-    open?: boolean;
-    onOpenChange?: (val: boolean) => void;
-    'onUpdate:open'?: (val: boolean) => void;
-    disabled?: boolean;
-    arrow?: boolean | ant_design_vue_es_dropdown_props0.DropdownArrowOptions;
-    trigger?: ant_design_vue_es_dropdown_props0.Trigger | ant_design_vue_es_dropdown_props0.Trigger[];
-    menu?: Partial<vue96.ExtractPropTypes<{
-      id: StringConstructor;
-      prefixCls: StringConstructor;
-      items: vue96.PropType<ant_design_vue0.ItemType[]>;
-      disabled: BooleanConstructor;
-      inlineCollapsed: BooleanConstructor;
-      disabledOverflow: BooleanConstructor;
-      forceSubMenuRender: BooleanConstructor;
-      openKeys: vue96.PropType<ant_design_vue_es__util_type2.Key[]>;
-      selectedKeys: vue96.PropType<ant_design_vue_es__util_type2.Key[]>;
-      activeKey: StringConstructor;
-      selectable: {
-        type: BooleanConstructor;
-        default: boolean;
-      };
-      multiple: {
-        type: BooleanConstructor;
-        default: boolean;
-      };
-      tabindex: {
-        type: (StringConstructor | NumberConstructor)[];
-      };
-      motion: vue96.PropType<ant_design_vue_es__util_transition0.CSSMotionProps>;
-      role: StringConstructor;
-      theme: {
-        type: vue96.PropType<ant_design_vue0.MenuTheme>;
-        default: string;
-      };
-      mode: {
-        type: vue96.PropType<ant_design_vue0.MenuMode>;
-        default: string;
-      };
-      inlineIndent: {
-        type: NumberConstructor;
-        default: number;
-      };
-      subMenuOpenDelay: {
-        type: NumberConstructor;
-        default: number;
-      };
-      subMenuCloseDelay: {
-        type: NumberConstructor;
-        default: number;
-      };
-      builtinPlacements: {
-        type: vue96.PropType<ant_design_vue_es_menu_src_interface0.BuiltinPlacements>;
-      };
-      triggerSubMenuAction: {
-        type: vue96.PropType<ant_design_vue_es_menu_src_interface0.TriggerSubMenuAction>;
-        default: string;
-      };
-      getPopupContainer: vue96.PropType<(node: HTMLElement) => HTMLElement>;
-      expandIcon: vue96.PropType<(p?: {
-        [key: string]: any;
-        isOpen: boolean;
-      }) => any>;
-      onOpenChange: vue96.PropType<(keys: ant_design_vue_es__util_type2.Key[]) => void>;
-      onSelect: vue96.PropType<ant_design_vue_es_menu_src_interface0.SelectEventHandler>;
-      onDeselect: vue96.PropType<ant_design_vue_es_menu_src_interface0.SelectEventHandler>;
-      onClick: vue96.PropType<ant_design_vue_es_menu_src_interface0.MenuClickEventHandler>;
-      onFocus: vue96.PropType<ant_design_vue_es__util_EventInterface0.FocusEventHandler>;
-      onBlur: vue96.PropType<ant_design_vue_es__util_EventInterface0.FocusEventHandler>;
-      onMousedown: vue96.PropType<ant_design_vue_es__util_EventInterface0.MouseEventHandler>;
-      'onUpdate:openKeys': vue96.PropType<(keys: ant_design_vue_es__util_type2.Key[]) => void>;
-      'onUpdate:selectedKeys': vue96.PropType<(keys: ant_design_vue_es__util_type2.Key[]) => void>;
-      'onUpdate:activeKey': vue96.PropType<(key: ant_design_vue_es__util_type2.Key) => void>;
-    }>>;
-    visible?: boolean;
-    danger?: boolean;
-    autofocus?: boolean;
-    align?: ant_design_vue_es_dropdown_props0.Align;
-    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
-    prefixCls?: string;
-    transitionName?: string;
-    overlayClassName?: string;
-    overlayStyle?: vue96.CSSProperties;
-    forceRender?: boolean;
-    mouseEnterDelay?: number;
-    mouseLeaveDelay?: number;
-    openClassName?: string;
-    minOverlayWidthMatchTrigger?: boolean;
-    destroyPopupOnHide?: boolean;
-    onVisibleChange?: (val: boolean) => void;
-    'onUpdate:visible'?: (val: boolean) => void;
-  };
-  dropdownRender: CustomRender;
-  dropdownMenuRender: CustomRender;
-  dropdownMenuExtraItemRender: CustomRender;
-}, SlotsType<{
-  default: () => CustomRender;
-  actionsRender: (classNames: string[]) => CustomRender;
-  dropdownRender: () => CustomRender;
-  dropdownMenuRender: () => CustomRender;
-  dropdownMenuExtraItemRender: () => CustomRender;
-}>, {}, {}, string, vue96.ComponentProvideOptions, true, {}, any>;
+declare const RightContent: _$vue.DefineSetupFnComponent<RightContentProps, RightContentEmits, SlotsType<RightContentSlots>, RightContentProps, _$vue.PublicProps>;
 //#endregion
-export { GlobalRightContent as default };
+export { RightContent as default };