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

package/dist/types/SlotsTypings.d.ts

@@ -1,124 +0,0 @@
-import { LogoContentProps } from "../components/LogoContent/index.js";
-import { AppRouteModule, Meta } from "./RouteTypings.js";
-import { BreadcrumbProps, ProRoute } from "./Breadcrumb.js";
-import { BaseMenuProps } from "./MenuTypings.js";
-import { BasicLayoutProps, HeaderLayoutProps, SiderLayoutProps } from "./typings.js";
-import { SlotsType } from "vue";
-import { CustomRender, WithFalse } from "@gx-design-vue/pro-utils";
-
-//#region src/types/SlotsTypings.d.ts
-type DefaultRender = WithFalse<CustomRender>;
-interface LogoRenderProps {
-  logo: CustomRender;
-  title: CustomRender;
-  props?: LogoContentProps;
-}
-type HeaderRender = WithFalse<(props: {
-  props: HeaderLayoutProps;
-  defaultDom: CustomRender;
-}) => CustomRender>;
-type HeaderContentRender = WithFalse<(props?: HeaderLayoutProps) => CustomRender>;
-type FooterRender = WithFalse<(props?: BasicLayoutProps) => CustomRender>;
-type RightContentRender = WithFalse<(props?: HeaderLayoutProps) => CustomRender>;
-type MenuItemRender = WithFalse<(props: {
-  item: AppRouteModule;
-  defaultDom?: CustomRender;
-  menuProps?: BaseMenuProps;
-}) => CustomRender>;
-type MenuTextRender = WithFalse<(props: {
-  item: AppRouteModule;
-  defaultText?: CustomRender;
-  menuProps?: BaseMenuProps;
-}) => CustomRender>;
-type TabsRouteItemRender = WithFalse<(route: AppRouteModule) => CustomRender>;
-type MenuItemBadgeRender = WithFalse<(meta?: Meta, path?: string) => CustomRender>;
-type SubMenuItemRender = WithFalse<(props: {
-  item: AppRouteModule;
-  children?: CustomRender[];
-  menuProps?: BaseMenuProps;
-}) => CustomRender>;
-type MenuContentRender = WithFalse<(props: {
-  props: SiderLayoutProps;
-  defaultDom: CustomRender;
-}) => CustomRender>;
-type MenuFooterRender = WithFalse<(props?: SiderLayoutProps) => CustomRender>;
-type MenuHeaderRender = WithFalse<(props?: SiderLayoutProps) => CustomRender>;
-type LogoRender = WithFalse<(props: LogoRenderProps) => CustomRender>;
-type CollapsedIconRender = WithFalse<() => CustomRender>;
-type CollapsedButtonRender = WithFalse<(collapsed: boolean, dom?: CustomRender) => CustomRender>;
-type ProSlots = Readonly<{
-  pageHeaderRender: () => void;
-  menuLinksRender: () => void;
-  copyrightRender: () => void;
-  appsLogoComponents: () => void;
-  siderActionsRender: () => void;
-  extraRightDropdownRender: () => void;
-  logoRender: (logo: CustomRender, title: CustomRender, props?: LogoContentProps) => void;
-  footerRender: (props?: BasicLayoutProps) => void;
-  collapsedButtonRender: (collapsed: boolean, dom?: CustomRender) => void;
-  menuExtraRender: (props?: SiderLayoutProps) => void;
-  menuFooterRender: (props?: HeaderLayoutProps) => void;
-  tabsRouteItemRender: (props?: AppRouteModule) => void;
-  headerContentRender: (props?: HeaderLayoutProps) => void;
-  headerRender: (props: HeaderLayoutProps, defaultDom: CustomRender) => void;
-  menuContentRender: (props: SiderLayoutProps, defaultDom: CustomRender) => void;
-  subMenuItemRender: (item: AppRouteModule, children?: CustomRender[]) => void;
-  menuItemRender: (item: AppRouteModule, title?: CustomRender, icon?: CustomRender) => void;
-  breadcrumbRender: (props: BreadcrumbProps) => void;
-}>;
-type ProSlotsKeys = keyof ProSlots;
-declare const siderMenuSlots: (Extract<ProSlotsKeys, 'menuLinksRender' | 'appsLogoComponents' | 'siderActionsRender'>)[];
-declare const headerSlots: (Extract<ProSlotsKeys, 'appsLogoComponents' | 'extraRightDropdownRender'>)[];
-declare const defaultSlots: (Extract<ProSlotsKeys, 'menuLinksRender' | 'appsLogoComponents' | 'siderActionsRender' | 'extraRightDropdownRender' | 'pageHeaderRender' | 'copyrightRender'>)[];
-declare const functionSlots: ProSlotsKeys[];
-declare const proLayoutSlotsKeys: ("logoRender" | "menuItemRender" | "subMenuItemRender" | "collapsedButtonRender" | "pageHeaderRender" | "breadcrumbRender" | "menuLinksRender" | "copyrightRender" | "appsLogoComponents" | "siderActionsRender" | "extraRightDropdownRender" | "footerRender" | "menuExtraRender" | "menuFooterRender" | "tabsRouteItemRender" | "headerContentRender" | "headerRender" | "menuContentRender")[];
-type ProLayoutSlotsType = SlotsType<{
-  default: () => void;
-  settingDrawer: () => void;
-  menuLinksRender: () => void;
-  copyrightRender: () => void;
-  pageHeaderRender: () => void;
-  appsLogoComponents: () => void;
-  extraRightDropdownRender: () => void;
-  siderActionsRender: () => void;
-  collapsedIconRender: () => void;
-  logoRender: (props: LogoRenderProps) => void;
-  footerRender: (props?: BasicLayoutProps) => void;
-  rightContentRender: (props?: HeaderLayoutProps) => void;
-  tabsRouteItemRender: (route: AppRouteModule) => void;
-  headerRender: (props: {
-    props: HeaderLayoutProps;
-    defaultDom: CustomRender;
-  }) => void;
-  headerContentRender: (props?: HeaderLayoutProps) => void;
-  collapsedButtonRender: (collapsed?: boolean) => void;
-  breadcrumbRender: (props: {
-    route: ProRoute;
-    params: any;
-    routes: Array<ProRoute>;
-    paths: Array<string>;
-  }) => void;
-  menuHeaderRender: (props?: SiderLayoutProps) => void;
-  menuFooterRender: (props?: SiderLayoutProps) => void;
-  menuContentRender: (props: {
-    props: SiderLayoutProps;
-    defaultDom: CustomRender;
-  }) => void;
-  menuItemRender: (props: {
-    item: AppRouteModule;
-    defaultDom?: CustomRender;
-    menuProps?: BaseMenuProps;
-  }) => void;
-  menuTextRender: (props: {
-    item: AppRouteModule;
-    defaultText?: CustomRender;
-    menuProps?: BaseMenuProps;
-  }) => void;
-  subMenuItemRender: (props: {
-    item: AppRouteModule;
-    children?: CustomRender[];
-    menuProps?: BaseMenuProps;
-  }) => void;
-}>;
-//#endregion
-export { CollapsedButtonRender, CollapsedIconRender, DefaultRender, FooterRender, HeaderContentRender, HeaderRender, LogoRender, LogoRenderProps, MenuContentRender, MenuFooterRender, MenuHeaderRender, MenuItemBadgeRender, MenuItemRender, MenuTextRender, ProLayoutSlotsType, ProSlots, ProSlotsKeys, RightContentRender, SubMenuItemRender, TabsRouteItemRender, defaultSlots, functionSlots, headerSlots, proLayoutSlotsKeys, siderMenuSlots };

package/dist/types/SlotsTypings.js

@@ -1,32 +0,0 @@
-import { arrayUnique } from "@gx-design-vue/pro-utils";
-
-//#region src/types/SlotsTypings.ts
-const siderMenuSlots = [
-	"menuLinksRender",
-	"appsLogoComponents",
-	"siderActionsRender"
-];
-const headerSlots = ["appsLogoComponents", "extraRightDropdownRender"];
-const defaultSlots = arrayUnique([
-	...headerSlots,
-	...siderMenuSlots,
-	"pageHeaderRender",
-	"copyrightRender"
-]);
-const functionSlots = [
-	"footerRender",
-	"menuExtraRender",
-	"menuFooterRender",
-	"tabsRouteItemRender",
-	"headerRender",
-	"menuContentRender",
-	"subMenuItemRender",
-	"menuItemRender",
-	"logoRender",
-	"breadcrumbRender",
-	"collapsedButtonRender"
-];
-const proLayoutSlotsKeys = [...defaultSlots, ...functionSlots];
-
-//#endregion
-export { defaultSlots, functionSlots, headerSlots, proLayoutSlotsKeys, siderMenuSlots };

package/dist/types/typings.d.ts

@@ -1,73 +0,0 @@
-import { AppRouteModule } from "./RouteTypings.js";
-import { BaseMenuProps, MenuSemanticName } from "./MenuTypings.js";
-import { CollapsedButtonRender, CollapsedIconRender, DefaultRender, HeaderContentRender, HeaderRender, MenuContentRender, MenuFooterRender, RightContentRender } from "./SlotsTypings.js";
-import { ProLayoutConfig } from "../config/index.js";
-import { basicLayoutProps } from "../props/index.js";
-import { SiderProps } from "../components/SiderMenu/typings.js";
-import { CommonLogoProps } from "../components/LogoContent/props.js";
-import { ExtractPropTypes, Ref } from "vue";
-import { SemanticClassNames, SemanticStyles } from "@gx-design-vue/pro-utils";
-
-//#region src/types/typings.d.ts
-type LayoutSemanticName = 'root' | 'footer' | 'header' | 'sider' | 'siderChildren' | 'logo' | 'logoImage' | 'content' | 'siderHeader' | 'siderFooter' | MenuSemanticName;
-type LayoutStylesType = SemanticStyles<LayoutSemanticName>;
-type LayoutClassNamesType = SemanticClassNames<LayoutSemanticName>;
-interface CollapsedProps {
-  value: boolean;
-  position: 'fixed' | 'header' | 'sider';
-  width: number;
-  mouseDistance?: number;
-  disabledInnerCollapse?: boolean;
-  onCollapse: (collapsed: boolean) => void;
-  collapsedIconRender: CollapsedIconRender;
-  collapsedButtonRender: CollapsedButtonRender;
-}
-interface CommonLayoutProps extends CommonLogoProps {
-  loading: boolean;
-  appLogoListRender: DefaultRender;
-}
-interface SiderLayoutProps extends BaseMenuProps, CommonLayoutProps, ProLayoutConfig {
-  suppressSiderWhenMenuEmpty: boolean;
-  breakpoint: SiderProps['breakpoint'] | false;
-  menuLinksRender: DefaultRender;
-  menuFooterRender: MenuFooterRender;
-  menuContentRender: MenuContentRender;
-  siderActionsRender: DefaultRender;
-}
-interface HeaderLayoutProps extends BaseMenuProps, CommonLayoutProps {
-  autoHideHeader: boolean;
-  headerMainWidth: number;
-  menuRender: HeaderRender;
-  headerRender: HeaderRender;
-  headerContentRender: HeaderContentRender;
-  rightContentRender: RightContentRender;
-  extraRightDropdownRender: DefaultRender;
-}
-interface LayoutContext {
-  isWide: boolean;
-  hasSilder: boolean;
-  siderWidth: string | number;
-  headerHeight: string | number;
-}
-type BasicLayoutProps = Partial<ExtractPropTypes<typeof basicLayoutProps>> & {
-  settings: ProLayoutConfig;
-};
-interface ProLayoutExpose {
-  tabsRouteRef: TabsRouteExpose | undefined;
-}
-type ProLayoutInjextExpose = { [K in keyof ProLayoutExpose]: Ref<ProLayoutExpose[K]> };
-interface TabsRouteExpose {
-  clean: () => void;
-  close: (name: AppRouteModule['name'], callback?: (row: AppRouteModule) => void) => void;
-  update: (record: AppRouteModule, {
-    type,
-    addType,
-    params
-  }: {
-    type: 'add' | 'merge' | 'remove';
-    addType?: 'push' | 'unshift';
-    params: Partial<AppRouteModule>;
-  }) => void;
-}
-//#endregion
-export { BasicLayoutProps, CollapsedProps, CommonLayoutProps, HeaderLayoutProps, LayoutClassNamesType, LayoutContext, LayoutSemanticName, LayoutStylesType, ProLayoutExpose, ProLayoutInjextExpose, SiderLayoutProps, TabsRouteExpose };

package/dist/types/typings.js

@@ -1,3 +0,0 @@
-import "../props/index.js";
-
-export {  };

package/dist/utils/index.d.ts

@@ -1,7 +0,0 @@
-import { MenuData, clearMenuItem, filterTree, flatMap, getLastPath, getMatchedList, getMenuData, getMenuFirstChildren, getParentKeys, handlePathKey } from "./menu.js";
-import { calculateCss, convertCSSPropertiesToString, cssValueToNumber, extractCSSVariableName, getCssVarOrUnit, getCssVarValue, getCssVariableValue, layout } from "./style/index.js";
-
-//#region src/utils/index.d.ts
-declare function removeDuplicatesByName<T>(array: T[], key: keyof T): T[];
-//#endregion
-export { MenuData, calculateCss, clearMenuItem, convertCSSPropertiesToString, cssValueToNumber, extractCSSVariableName, filterTree, flatMap, getCssVarOrUnit, getCssVarValue, getCssVariableValue, getLastPath, getMatchedList, getMenuData, getMenuFirstChildren, getParentKeys, handlePathKey, layout, removeDuplicatesByName };

package/dist/utils/index.js

@@ -1,17 +0,0 @@
-import { clearMenuItem, filterTree, flatMap, getLastPath, getMatchedList, getMenuData, getMenuFirstChildren, getParentKeys, handlePathKey } from "./menu.js";
-import { calculateCss, convertCSSPropertiesToString, cssValueToNumber, extractCSSVariableName, getCssVarOrUnit, getCssVarValue, getCssVariableValue, layout } from "./style/index.js";
-
-//#region src/utils/index.ts
-function removeDuplicatesByName(array, key) {
-	const seenNames = /* @__PURE__ */ new Set();
-	return array.filter((item) => {
-		if (!seenNames.has(item[key])) {
-			seenNames.add(item[key]);
-			return true;
-		}
-		return false;
-	});
-}
-
-//#endregion
-export { calculateCss, clearMenuItem, convertCSSPropertiesToString, cssValueToNumber, extractCSSVariableName, filterTree, flatMap, getCssVarOrUnit, getCssVarValue, getCssVariableValue, getLastPath, getMatchedList, getMenuData, getMenuFirstChildren, getParentKeys, handlePathKey, layout, removeDuplicatesByName };

package/dist/utils/style/index.d.ts

@@ -1,44 +0,0 @@
-import { CSSProperties } from "vue";
-
-//#region src/utils/style/index.d.ts
-declare function getCssVarValue(str: string): string;
-/**
- * @Author      gx12358
- * @DateTime    2025/8/17
- * @lastTime    2025/8/17
- * @description 根据 css-var变量从 root 获取
- */
-declare function getCssVariableValue(value: string): number;
-/**
- * @Author      gx12358
- * @DateTime    2025/8/17
- * @lastTime    2025/8/17
- * @description 判断 value 是不是 css-var变量
- */
-declare function extractCSSVariableName(value: string): string;
-/**
- * @Author      gx12358
- * @DateTime    2025/8/17
- * @lastTime    2025/8/17
- * @description 换算成css数值用于 style 数值样式
- */
-declare function getCssVarOrUnit(str?: string | number): string;
-/**
- * @Author      gx12358
- * @DateTime    2025/8/17
- * @lastTime    2025/8/17
- * @description source 来源（数值\单位数值\css-var数值）
- * @description css 值计算
- */
-declare function calculateCss(source: string | number | undefined, target: number): string;
-/**
- * @Author      gx12358
- * @DateTime    2025/8/17
- * @lastTime    2025/8/17
- * @description css-var 值转为 number
- */
-declare function cssValueToNumber(value?: string | number): number;
-declare function convertCSSPropertiesToString(style: CSSProperties | undefined): string;
-declare const layout = "::view-transition-old(root),\n::view-transition-new(root) {\n  animation: none;\n  mix-blend-mode: normal;\n}\n\n::view-transition-old(root) {\n  z-index: 1;\n}\n\n::view-transition-new(root) {\n  z-index: 2147483646;\n}\n\nhtml[data-theme=\"dark\"]::view-transition-old(root) {\n  z-index: 2147483646;\n}\n\nhtml[data-theme=\"dark\"]::view-transition-new(root) {\n  z-index: 1;\n}";
-//#endregion
-export { calculateCss, convertCSSPropertiesToString, cssValueToNumber, extractCSSVariableName, getCssVarOrUnit, getCssVarValue, getCssVariableValue, layout };

package/dist/utils/style/index.js

@@ -1,103 +0,0 @@
-import { unit } from "@gx-design-vue/pro-provider";
-import { isString } from "@gx-design-vue/pro-utils";
-
-//#region src/utils/style/index.ts
-function getCssVarValue(str) {
-	const root = document.documentElement;
-	return getComputedStyle(root).getPropertyValue(str);
-}
-/**
-* @Author      gx12358
-* @DateTime    2025/8/17
-* @lastTime    2025/8/17
-* @description 根据 css-var变量从 root 获取
-*/
-function getCssVariableValue(value) {
-	return Number.parseFloat(getCssVarValue(value));
-}
-/**
-* @Author      gx12358
-* @DateTime    2025/8/17
-* @lastTime    2025/8/17
-* @description 判断 value 是不是 css-var变量
-*/
-function extractCSSVariableName(value) {
-	const match = value.match(/var\((--[\w-]+)\)/);
-	if (match) return match[1];
-	if (/^--[\w-]+$/.test(value)) return value;
-	return value;
-}
-/**
-* @Author      gx12358
-* @DateTime    2025/8/17
-* @lastTime    2025/8/17
-* @description 换算成css数值用于 style 数值样式
-*/
-function getCssVarOrUnit(str) {
-	if (str || str === 0) if (isString(str) && str.includes("--")) return `var(${str})`;
-	else return unit(str);
-	return "";
-}
-/**
-* @Author      gx12358
-* @DateTime    2025/8/17
-* @lastTime    2025/8/17
-* @description source 来源（数值\单位数值\css-var数值）
-* @description css 值计算
-*/
-function calculateCss(source, target) {
-	let value = source;
-	if (typeof source === "string" && source.includes("--")) value = getCssVariableValue(extractCSSVariableName(source));
-	if (typeof value === "string") {
-		const num = Number.parseFloat(value);
-		if (!Number.isNaN(num)) value = num;
-	}
-	return unit(value + target);
-}
-/**
-* @Author      gx12358
-* @DateTime    2025/8/17
-* @lastTime    2025/8/17
-* @description css-var 值转为 number
-*/
-function cssValueToNumber(value) {
-	if (isString(value)) {
-		const cssVar = extractCSSVariableName(value);
-		if (cssVar.startsWith("--")) return getCssVariableValue(cssVar);
-		const num = Number(value);
-		if (!Number.isNaN(num)) return num;
-		const pxMatch = /(\d+)px/.exec(value);
-		if (pxMatch) return Number.parseInt(pxMatch[1], 10);
-	}
-	return value || 0;
-}
-function convertCSSPropertiesToString(style) {
-	if (!style) return "";
-	return Object.entries(style).map(([key, value]) => {
-		return `${key.replace(/([A-Z])/g, (match) => `-${match.toLowerCase()}`)}: ${value};`;
-	}).join(" ");
-}
-const layout = `::view-transition-old(root),
-::view-transition-new(root) {
-  animation: none;
-  mix-blend-mode: normal;
-}
-
-::view-transition-old(root) {
-  z-index: 1;
-}
-
-::view-transition-new(root) {
-  z-index: 2147483646;
-}
-
-html[data-theme="dark"]::view-transition-old(root) {
-  z-index: 2147483646;
-}
-
-html[data-theme="dark"]::view-transition-new(root) {
-  z-index: 1;
-}`;
-
-//#endregion
-export { calculateCss, convertCSSPropertiesToString, cssValueToNumber, extractCSSVariableName, getCssVarOrUnit, getCssVarValue, getCssVariableValue, layout };