@gx-design-vue/pro-layout 0.1.0-beta.2 → 0.1.0-beta.200

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

@@ -0,0 +1,40 @@
+import type { CSSProperties } from 'vue';
+export declare function getCssVarValue(str: string): string;
+/**
+ * @Author      gx12358
+ * @DateTime    2025/8/17
+ * @lastTime    2025/8/17
+ * @description 根据 css-var变量从 root 获取
+ */
+export declare function getCssVariableValue(value: string): number;
+/**
+ * @Author      gx12358
+ * @DateTime    2025/8/17
+ * @lastTime    2025/8/17
+ * @description 判断 value 是不是 css-var变量
+ */
+export declare function extractCSSVariableName(value: string): string;
+/**
+ * @Author      gx12358
+ * @DateTime    2025/8/17
+ * @lastTime    2025/8/17
+ * @description 换算成css数值用于 style 数值样式
+ */
+export declare function getCssVarOrUnit(str?: string | number): string;
+/**
+ * @Author      gx12358
+ * @DateTime    2025/8/17
+ * @lastTime    2025/8/17
+ * @description source 来源（数值\单位数值\css-var数值）
+ * @description css 值计算
+ */
+export declare function calculateCss(source: string | number | undefined, target: number): string | undefined;
+/**
+ * @Author      gx12358
+ * @DateTime    2025/8/17
+ * @lastTime    2025/8/17
+ * @description css-var 值转为 number
+ */
+export declare function cssValueToNumber(value?: string | number): number;
+export declare function convertCSSPropertiesToString(style: CSSProperties | undefined): string;
+export 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}";

package/package.json

@@ -1,6 +1,21 @@
 {
   "name": "@gx-design-vue/pro-layout",
-  "version": "0.1.0-beta.2",
+  "type": "module",
+  "version": "0.1.0-beta.200",
+  "description": "Gx Design Pro Layout",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/pro-layout.js",
+      "require": "./dist/pro-layout.umd.cjs"
+    }
+  },
+  "main": "./dist/pro-layout.umd.cjs",
+  "module": "./dist/pro-layout.js",
+  "types": "./dist",
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "dev": "vite",
     "build": "vite build",
@@ -10,62 +25,31 @@
     "typecheck": "vue-tsc --noEmit && vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
     "lint": "TIMING=1 eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
   },
-  "files": [
-    "dist"
-  ],
-  "types": "./dist",
-  "main": "./dist/pro-layout.umd.js",
-  "module": "./dist/pro-layout.mjs",
-  "exports": {
-    ".": {
-      "import": "./dist/pro-layout.mjs",
-      "require": "./dist/pro-layout.umd.js"
-    }
+  "peerDependencies": {
+    "vue-router": "^4.6.3",
+    "ant-design-vue": "^4.2.6",
+    "vue": ">=3.5.0"
   },
   "dependencies": {
-    "@vueuse/core": "^9.10.0",
-    "@gx-design-vue/pro-utils": "^0.2.0-beta.8",
-    "@gx-design-vue/pro-hooks": "^0.2.0-beta.9",
-    "@gx-design-vue/pro-provider": "^0.1.0-beta.39",
-    "@gx-design-vue/pro-watermark": "^0.2.0-beta.1",
-    "@gx-design-vue/scrollbar": "^0.2.0-beta.4",
-    "@gx-design-vue/color-picker": "^0.2.0-beta.11",
-    "ant-design-vue": "^4.0.0",
+    "@gx-design-vue/icon": "^0.0.1",
+    "@gx-design-vue/context": "^0.0.5",
+    "@gx-design-vue/color-picker": "^0.2.0-beta.39",
+    "@gx-design-vue/pro-app": "^0.1.0-beta.35",
+    "@gx-design-vue/pro-hooks": "^0.2.0-beta.61",
+    "@gx-design-vue/pro-modal": "^0.2.0-beta.40",
+    "@gx-design-vue/pro-provider": "^0.1.0-beta.142",
+    "@gx-design-vue/pro-utils": "^0.2.0-beta.87",
+    "@gx-design-vue/pro-watermark": "^0.2.0-beta.16",
+    "@gx-design-vue/scrollbar": "^0.2.0-beta.22",
+    "@vueuse/core": "^14.0.0",
     "dayjs": "^1.11.0",
-    "lodash-es": "^4.17.21",
-    "vue": "^3.2.45",
-    "vue-types": "^4.1.1"
+    "lodash-es": "^4.17.21"
   },
   "devDependencies": {
-    "@rollup/plugin-typescript": "^8.3.0",
-    "@rushstack/eslint-patch": "^1.1.0",
-    "@types/jsdom": "^16.2.14",
-    "@types/node": "^16.11.26",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "@vitejs/plugin-vue-jsx": "^3.0.1",
-    "@vue/eslint-config-prettier": "^7.0.0",
-    "@vue/eslint-config-typescript": "^10.0.0",
-    "@vue/tsconfig": "^0.1.3",
-    "eslint": "^8.13.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^8.6.0",
-    "jsdom": "^19.0.0",
-    "less": "^4.1.2",
-    "postcss": "^8.4.12",
-    "postcss-html": "^1.4.1",
-    "postcss-less": "^6.0.0",
-    "prettier": "^2.6.2",
-    "rollup": "^2.70.2",
-    "stylelint": "^14.7.1",
-    "stylelint-config-prettier": "^9.0.3",
-    "stylelint-config-recommended": "^7.0.0",
-    "stylelint-config-recommended-vue": "^1.4.0",
-    "stylelint-config-standard": "^25.0.0",
-    "stylelint-order": "^5.0.0",
-    "typescript": "^4.6.4",
-    "vite": "^4.3.8",
-    "vue-eslint-parser": "^9.0.3",
-    "vue-tsc": "^1.0.24"
+    "@types/lodash-es": "^4.17.6",
+    "typescript": "^5.8.3"
   },
-  "description": "Gx Design"
+  "authors": [
+    "gx12358 <gx12358@gmail.com> (https://github.com/gx12358)"
+  ]
 }

package/dist/PageLoading.d.ts

@@ -1,6 +0,0 @@
-import type { SpinProps } from './_utils';
-export type PageLoadingProps = SpinProps;
-declare const PageLoading: import("vue").DefineComponent<any, JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<any>, {} | {
-    [x: string]: any;
-}>;
-export default PageLoading;

package/dist/RenderTypings.d.ts

@@ -1,29 +0,0 @@
-import type { WithFalse, CustomRender } from '@gx-design-vue/pro-utils';
-import type { BreadcrumbProps } from './Context';
-import type { ProProps } from './typings';
-import type { AppRouteModule } from './route';
-export type DefaultPropRender = WithFalse<CustomRender>;
-export type BreadcrumbRender = BreadcrumbProps['itemRender'];
-export type HeaderContentRender = WithFalse<() => CustomRender>;
-export type HeaderRender = WithFalse<(props: ProProps) => CustomRender>;
-export type FooterRender = WithFalse<(props: ProProps) => CustomRender>;
-export type RightContentRender = WithFalse<(props: ProProps) => CustomRender>;
-export type MenuItemRender = WithFalse<(args: {
-    item: AppRouteModule;
-    title?: JSX.Element;
-    icon?: JSX.Element;
-}) => CustomRender>;
-export type SubMenuItemRender = WithFalse<(args: {
-    item: AppRouteModule;
-    children?: CustomRender[];
-}) => CustomRender>;
-export type LinksRender = WithFalse<CustomRender>;
-export type MenuContentRender = WithFalse<(props: ProProps, defaultDom: CustomRender) => CustomRender>;
-export type MenuFooterRender = WithFalse<(props?: ProProps) => CustomRender>;
-export type MenuExtraRender = WithFalse<(props?: ProProps) => CustomRender>;
-export type LogoRender = WithFalse<CustomRender>;
-export type ExtraRightDropdownRender = WithFalse<CustomRender>;
-export type HeaderLogoRender = WithFalse<(logo: CustomRender, title: CustomRender, props?: ProProps) => CustomRender>;
-export type CopyrightRender = WithFalse<CustomRender>;
-export type CollapsedButtonRender = WithFalse<(collapsed?: boolean) => CustomRender>;
-export type PageHeaderRender = WithFalse<(props?: ProProps) => CustomRender>;

package/dist/components/MultiTab/index.d.ts

@@ -1,71 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-import multiTabProps from './props';
-import type { AppRouteModule } from '../../route';
-export type MultiTabProps = Partial<ExtractPropTypes<typeof multiTabProps>>;
-declare const _default: import("vue").DefineComponent<{
-    loading: import("vue-types").VueTypeValidableDef<boolean>;
-    isMobile: import("vue-types").VueTypeValidableDef<boolean>;
-    collapsed: {
-        type: import("vue").PropType<boolean | undefined>;
-        default: () => boolean;
-    };
-    siderWidth: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    collapsedWidth: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    isFixedMultiTab: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    onReloadPage: {
-        type: import("vue").PropType<() => void>;
-    };
-    onChangeTabs: {
-        type: import("vue").PropType<(list: AppRouteModule[]) => void>;
-    };
-    'onUpdate:tabs': {
-        type: import("vue").PropType<(list: AppRouteModule[]) => void>;
-    };
-}, () => import("ant-design-vue/es/_util/type").VueNode, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    loading: import("vue-types").VueTypeValidableDef<boolean>;
-    isMobile: import("vue-types").VueTypeValidableDef<boolean>;
-    collapsed: {
-        type: import("vue").PropType<boolean | undefined>;
-        default: () => boolean;
-    };
-    siderWidth: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    collapsedWidth: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    isFixedMultiTab: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    onReloadPage: {
-        type: import("vue").PropType<() => void>;
-    };
-    onChangeTabs: {
-        type: import("vue").PropType<(list: AppRouteModule[]) => void>;
-    };
-    'onUpdate:tabs': {
-        type: import("vue").PropType<(list: AppRouteModule[]) => void>;
-    };
-}>>, {
-    collapsed: boolean | undefined;
-    siderWidth: number;
-    collapsedWidth: number;
-    isFixedMultiTab: boolean;
-}>;
-export default _default;

package/dist/components/MultiTab/props.d.ts

@@ -1,34 +0,0 @@
-import type { PropType } from 'vue';
-import type { AppRouteModule } from '../../route';
-declare const _default: {
-    loading: import("vue-types").VueTypeValidableDef<boolean>;
-    isMobile: import("vue-types").VueTypeValidableDef<boolean>;
-    collapsed: {
-        type: PropType<boolean | undefined>;
-        default: () => boolean;
-    };
-    siderWidth: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    collapsedWidth: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    isFixedMultiTab: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
-    onReloadPage: {
-        type: PropType<() => void>;
-    };
-    onChangeTabs: {
-        type: PropType<(list: AppRouteModule[]) => void>;
-    };
-    'onUpdate:tabs': {
-        type: PropType<(list: AppRouteModule[]) => void>;
-    };
-};
-export default _default;

package/dist/components/MultiTab/utils/config.d.ts

@@ -1,4 +0,0 @@
-export declare const tabsMenuList: {
-    key: string;
-    label: string;
-}[];

package/dist/components/SettingDrawer/BlockCheckbox.d.ts

@@ -1,58 +0,0 @@
-import type { PropType } from 'vue';
-import type { VueNode } from '@gx-design-vue/pro-utils';
-declare const _default: import("vue").DefineComponent<{
-    value: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
-    list: {
-        type: PropType<{
-            title: string;
-            key: string;
-            icon?: VueNode;
-        }[]>;
-        default: () => never[];
-    };
-    configType: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
-    prefixCls: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
-    hashId: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
-    onChange: PropType<(value: string) => void>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    value: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
-    list: {
-        type: PropType<{
-            title: string;
-            key: string;
-            icon?: VueNode;
-        }[]>;
-        default: () => never[];
-    };
-    configType: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
-    prefixCls: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
-    hashId: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
-    onChange: PropType<(value: string) => void>;
-}>>, {
-    value: string;
-    hashId: string;
-    prefixCls: string;
-    list: {
-        title: string;
-        key: string;
-        icon?: VueNode;
-    }[];
-    configType: string;
-}>;
-export default _default;

package/dist/components/SettingDrawer/RegionalChange.d.ts

@@ -1,46 +0,0 @@
-import type { PropType } from 'vue';
-import type { ThemeConfig } from '@gx-design-vue/pro-provider';
-declare const _default: import("vue").DefineComponent<{
-    label: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
-    value: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    };
-    prefixCls: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
-    valueKey: PropType<keyof ThemeConfig>;
-    hashId: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
-    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    };
-    onChange: PropType<(key: keyof ThemeConfig | undefined, value: boolean) => void>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    label: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
-    value: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    };
-    prefixCls: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
-    valueKey: PropType<keyof ThemeConfig>;
-    hashId: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
-    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    };
-    onChange: PropType<(key: keyof ThemeConfig | undefined, value: boolean) => void>;
-}>>, {
-    value: boolean;
-    hashId: string;
-    label: string;
-    disabled: boolean;
-    prefixCls: string;
-}>;
-export default _default;

package/dist/components/SettingDrawer/ThemeColor.d.ts

@@ -1,46 +0,0 @@
-import type { PropType } from 'vue';
-import type { ThemeConfig } from '@gx-design-vue/pro-provider';
-declare const _default: import("vue").DefineComponent<{
-    settingValue: PropType<Partial<ThemeConfig>>;
-    colorList: {
-        type: PropType<{
-            key: string;
-            color: string;
-            title?: string | undefined;
-        }[]>;
-        default: () => never[];
-    };
-    prefixCls: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
-    hashId: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
-    onChange: PropType<(color: string, key?: keyof ThemeConfig) => void>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    settingValue: PropType<Partial<ThemeConfig>>;
-    colorList: {
-        type: PropType<{
-            key: string;
-            color: string;
-            title?: string | undefined;
-        }[]>;
-        default: () => never[];
-    };
-    prefixCls: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
-    hashId: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
-    onChange: PropType<(color: string, key?: keyof ThemeConfig) => void>;
-}>>, {
-    hashId: string;
-    prefixCls: string;
-    colorList: {
-        key: string;
-        color: string;
-        title?: string | undefined;
-    }[];
-}>;
-export default _default;

package/dist/components/SettingDrawer/ThemeEditor.d.ts

@@ -1,10 +0,0 @@
-import type { PropType } from 'vue';
-import type { ThemeConfig, BaseLayoutDesignToken } from '@gx-design-vue/pro-provider';
-declare const _default: import("vue").DefineComponent<{
-    settingValue: PropType<Partial<ThemeConfig>>;
-    onChange: PropType<(color: string, key: keyof ThemeConfig | 'header' | 'sider', subKey?: keyof BaseLayoutDesignToken['sider'] | keyof BaseLayoutDesignToken['header']) => void>;
-}, () => import("ant-design-vue/es/_util/type").VueNode, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    settingValue: PropType<Partial<ThemeConfig>>;
-    onChange: PropType<(color: string, key: keyof ThemeConfig | 'header' | 'sider', subKey?: keyof BaseLayoutDesignToken['sider'] | keyof BaseLayoutDesignToken['header']) => void>;
-}>>, {}>;
-export default _default;

package/dist/components/SettingDrawer/index.d.ts

@@ -1,64 +0,0 @@
-import type { PropType } from 'vue';
-import type { ThemeConfig } from '@gx-design-vue/pro-provider';
-import { type BaseLayoutDesignToken } from '@gx-design-vue/pro-provider';
-type MergerSettingsType<T> = Partial<T> & {
-    colorPrimary?: string;
-    colorWeak?: boolean;
-};
-declare const _default: import("vue").DefineComponent<{
-    themeOnly: PropType<boolean>;
-    hideHintAlert: PropType<boolean>;
-    hideCopyButton: PropType<boolean>;
-    weakmode: PropType<boolean>;
-    showProgress: PropType<boolean>;
-    settings: {
-        type: PropType<MergerSettingsType<ThemeConfig>>;
-    };
-    colorList: {
-        type: PropType<false | {
-            key: string;
-            color: string;
-            title?: string | undefined;
-        }[]>;
-        default: () => {
-            key: string;
-            color: string;
-            title: string;
-        }[];
-    };
-    onChange: PropType<(settings: MergerSettingsType<ThemeConfig>) => void>;
-    onChangeLayout: PropType<(settings: BaseLayoutDesignToken) => void>;
-}, () => import("ant-design-vue/es/_util/type").VueNode, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "changeLayout")[], "change" | "changeLayout", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    themeOnly: PropType<boolean>;
-    hideHintAlert: PropType<boolean>;
-    hideCopyButton: PropType<boolean>;
-    weakmode: PropType<boolean>;
-    showProgress: PropType<boolean>;
-    settings: {
-        type: PropType<MergerSettingsType<ThemeConfig>>;
-    };
-    colorList: {
-        type: PropType<false | {
-            key: string;
-            color: string;
-            title?: string | undefined;
-        }[]>;
-        default: () => {
-            key: string;
-            color: string;
-            title: string;
-        }[];
-    };
-    onChange: PropType<(settings: MergerSettingsType<ThemeConfig>) => void>;
-    onChangeLayout: PropType<(settings: BaseLayoutDesignToken) => void>;
-}>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
-    onChangeLayout?: ((...args: any[]) => any) | undefined;
-}, {
-    colorList: false | {
-        key: string;
-        color: string;
-        title?: string | undefined;
-    }[];
-}>;
-export default _default;

package/dist/components/SettingDrawer/utils/config.d.ts

@@ -1,12 +0,0 @@
-export declare const themeList: {
-    key: string;
-    title: string;
-}[];
-export declare const layoutList: {
-    key: string;
-    title: string;
-}[];
-export declare const layoutThemList: {
-    key: string;
-    title: string;
-}[];