pro-design-vue 0.0.1-beta.1

package/es/components/layout/src/components/widgets/sidebar-fixed-button.vue.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './sidebar-fixed-button.vue2.mjs';
+
+
+
+export { _sfc_main as default };
+//# sourceMappingURL=sidebar-fixed-button.vue.mjs.map

package/es/components/layout/src/components/widgets/sidebar-fixed-button.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-fixed-button.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/es/components/layout/src/components/widgets/sidebar-fixed-button.vue2.mjs

@@ -0,0 +1,43 @@
+import { defineComponent, useModel, createElementBlock, openBlock, normalizeClass, unref, createBlock } from 'vue';
+import _sfc_main$1 from '../icons/pin-off-icon.vue2.mjs';
+import _sfc_main$2 from '../icons/pin-icon.vue2.mjs';
+import { usePrefixCls } from '../../../../../hooks/use-prefix-cls/index.mjs';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "sidebar-fixed-button",
+  props: {
+    "expandOnHover": { type: Boolean },
+    "expandOnHoverModifiers": {}
+  },
+  emits: ["update:expandOnHover"],
+  setup(__props) {
+    const prefixCls = usePrefixCls("layout-sidebar-fixed-button");
+    const expandOnHover = useModel(__props, "expandOnHover");
+    function toggleFixed() {
+      expandOnHover.value = !expandOnHover.value;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(prefixCls)),
+          onClick: toggleFixed
+        },
+        [
+          !expandOnHover.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
+            key: 0,
+            style: { "font-size": "14px" }
+          })) : (openBlock(), createBlock(unref(_sfc_main$2), {
+            key: 1,
+            style: { "font-size": "14px" }
+          }))
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=sidebar-fixed-button.vue2.mjs.map

package/es/components/layout/src/components/widgets/sidebar-fixed-button.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-fixed-button.vue2.mjs","sources":["../../../../../../../../packages/components/layout/src/components/widgets/sidebar-fixed-button.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2025-06-12 09:52:41\n * @LastEditors: shen\n * @LastEditTime: 2025-08-27 13:20:20\n * @Description:\n-->\n<script setup lang=\"ts\">\nimport { usePrefixCls } from '@pro-design-vue/hooks'\nimport { PinIcon, PinOffIcon } from '../icons'\n\nconst prefixCls = usePrefixCls('layout-sidebar-fixed-button')\nconst expandOnHover = defineModel<boolean>('expandOnHover')\n\nfunction toggleFixed() {\n  expandOnHover.value = !expandOnHover.value\n}\n</script>\n\n<template>\n  <div :class=\"prefixCls\" @click=\"toggleFixed\">\n    <PinOffIcon v-if=\"!expandOnHover\" style=\"font-size: 14px\" />\n    <PinIcon v-else style=\"font-size: 14px\" />\n  </div>\n</template>\n"],"names":["_useModel","_createElementBlock","_unref","_createBlock","PinOffIcon","PinIcon"],"mappings":";;;;;;;;;;;;;AAWA,IAAA,MAAM,SAAA,GAAY,aAAa,6BAA6B,CAAA;AAC5D,IAAA,MAAM,aAAA,GAAgBA,QAAA,CAAoB,OAAA,EAAC,eAAe,CAAA;AAE1D,IAAA,SAAS,WAAA,GAAc;AACrB,MAAA,aAAA,CAAc,KAAA,GAAQ,CAAC,aAAA,CAAc,KAAA;AAAA,IACvC;;0BAIEC,kBAAA;AAAA,QAGM,KAAA;AAAA,QAAA;AAAA,UAHA,KAAA,iBAAOC,KAAA,CAAA,SAAA,CAAS,CAAA;AAAA,UAAG,OAAA,EAAO;AAAA;;WACX,cAAA,KAAA,iBAAnBC,WAAA,CAA4DD,KAAA,CAAAE,WAAA,CAAA,EAAA;AAAA;YAA1B,KAAA,EAAA,EAAA,WAAA,EAAA,MAAA;AAAA,8BAClCD,WAAA,CAA0CD,KAAA,CAAAG,WAAA,CAAA,EAAA;AAAA;YAA1B,KAAA,EAAA,EAAA,WAAA,EAAA,MAAA;AAAA;;;;;;;;;;;"}

package/es/components/layout/src/context.d.ts

@@ -0,0 +1,7 @@
+import type { InjectionKey, ComputedRef } from 'vue';
+export interface LayoutContextProps {
+    contentOffsetTop: ComputedRef<number>;
+}
+export declare const LayoutContextKey: InjectionKey<LayoutContextProps>;
+export declare const useProLayoutProvide: (props: LayoutContextProps) => void;
+export declare const useProLayoutInject: () => LayoutContextProps;

package/es/components/layout/src/context.mjs

@@ -0,0 +1,12 @@
+import { provide, inject } from 'vue';
+
+const LayoutContextKey = Symbol("LayoutContext");
+const useProLayoutProvide = (props) => {
+  provide(LayoutContextKey, props);
+};
+const useProLayoutInject = () => {
+  return inject(LayoutContextKey, {});
+};
+
+export { LayoutContextKey, useProLayoutInject, useProLayoutProvide };
+//# sourceMappingURL=context.mjs.map

package/es/components/layout/src/context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.mjs","sources":["../../../../../../packages/components/layout/src/context.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2022-06-08 20:07:35\n * @LastEditors: shen\n * @LastEditTime: 2025-08-12 09:03:26\n * @Description:\n */\n\nimport type { InjectionKey, ComputedRef } from 'vue'\n\nimport { inject, provide } from 'vue'\n\nexport interface LayoutContextProps {\n  contentOffsetTop: ComputedRef<number>\n}\nexport const LayoutContextKey: InjectionKey<LayoutContextProps> = Symbol('LayoutContext')\n\nexport const useProLayoutProvide = (props: LayoutContextProps) => {\n  provide(LayoutContextKey, props)\n}\n\nexport const useProLayoutInject = () => {\n  return inject(LayoutContextKey, {} as LayoutContextProps)\n}\n"],"names":[],"mappings":";;AAeO,MAAM,gBAAA,GAAqD,OAAO,eAAe;AAEjF,MAAM,mBAAA,GAAsB,CAAC,KAAA,KAA8B;AAChE,EAAA,OAAA,CAAQ,kBAAkB,KAAK,CAAA;AACjC;AAEO,MAAM,qBAAqB,MAAM;AACtC,EAAA,OAAO,MAAA,CAAO,gBAAA,EAAkB,EAAwB,CAAA;AAC1D;;;;"}

package/es/components/layout/src/hooks/use-layout-style.d.ts

@@ -0,0 +1,32 @@
+import type { CSSProperties } from 'vue';
+import type { VisibleDomRect } from 'pro-design-vue/es/utils';
+/**
+ * @zh_CN content style
+ */
+export declare function useLayoutContentStyle(): {
+    contentElement: import("vue").Ref<HTMLDivElement | null, HTMLDivElement | null>;
+    overlayStyle: import("vue").ComputedRef<CSSProperties>;
+    visibleDomRect: import("vue").Ref<{
+        bottom: number;
+        height: number;
+        left: number;
+        right: number;
+        top: number;
+        width: number;
+    } | null, VisibleDomRect | {
+        bottom: number;
+        height: number;
+        left: number;
+        right: number;
+        top: number;
+        width: number;
+    } | null>;
+};
+export declare function useLayoutHeaderStyle(): {
+    getLayoutHeaderHeight: () => number;
+    setLayoutHeaderHeight: (height: number) => void;
+};
+export declare function useLayoutFooterStyle(): {
+    getLayoutFooterHeight: () => number;
+    setLayoutFooterHeight: (height: number) => void;
+};

package/es/components/layout/src/hooks/use-layout-style.mjs

@@ -0,0 +1,65 @@
+import { ref, computed, onMounted, onUnmounted } from 'vue';
+import { useCssVar, useDebounceFn } from '@vueuse/core';
+import { CSS_VARIABLE_LAYOUT_HEADER_HEIGHT, CSS_VARIABLE_LAYOUT_FOOTER_HEIGHT, CSS_VARIABLE_LAYOUT_CONTENT_HEIGHT, CSS_VARIABLE_LAYOUT_CONTENT_WIDTH } from '../../../../constants/globals.mjs';
+import { getElementVisibleRect } from '../../../../utils/dom.mjs';
+
+function useLayoutContentStyle() {
+  let resizeObserver = null;
+  const contentElement = ref(null);
+  const visibleDomRect = ref(null);
+  const contentHeight = useCssVar(CSS_VARIABLE_LAYOUT_CONTENT_HEIGHT);
+  const contentWidth = useCssVar(CSS_VARIABLE_LAYOUT_CONTENT_WIDTH);
+  const overlayStyle = computed(() => {
+    var _a;
+    const { height, left, top, width } = (_a = visibleDomRect.value) != null ? _a : {};
+    return {
+      height: `${height}px`,
+      left: `${left}px`,
+      position: "fixed",
+      top: `${top}px`,
+      width: `${width}px`,
+      zIndex: 150
+    };
+  });
+  const debouncedCalcHeight = useDebounceFn(() => {
+    visibleDomRect.value = getElementVisibleRect(contentElement.value);
+    contentHeight.value = `${visibleDomRect.value.height}px`;
+    contentWidth.value = `${visibleDomRect.value.width}px`;
+  }, 16);
+  onMounted(() => {
+    if (contentElement.value && !resizeObserver) {
+      resizeObserver = new ResizeObserver(debouncedCalcHeight);
+      resizeObserver.observe(contentElement.value);
+    }
+  });
+  onUnmounted(() => {
+    resizeObserver == null ? void 0 : resizeObserver.disconnect();
+    resizeObserver = null;
+  });
+  return { contentElement, overlayStyle, visibleDomRect };
+}
+function useLayoutHeaderStyle() {
+  const headerHeight = useCssVar(CSS_VARIABLE_LAYOUT_HEADER_HEIGHT);
+  return {
+    getLayoutHeaderHeight: () => {
+      return Number.parseInt(`${headerHeight.value}`, 10);
+    },
+    setLayoutHeaderHeight: (height) => {
+      headerHeight.value = `${height}px`;
+    }
+  };
+}
+function useLayoutFooterStyle() {
+  const footerHeight = useCssVar(CSS_VARIABLE_LAYOUT_FOOTER_HEIGHT);
+  return {
+    getLayoutFooterHeight: () => {
+      return Number.parseInt(`${footerHeight.value}`, 10);
+    },
+    setLayoutFooterHeight: (height) => {
+      footerHeight.value = `${height}px`;
+    }
+  };
+}
+
+export { useLayoutContentStyle, useLayoutFooterStyle, useLayoutHeaderStyle };
+//# sourceMappingURL=use-layout-style.mjs.map

package/es/components/layout/src/hooks/use-layout-style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-layout-style.mjs","sources":["../../../../../../../packages/components/layout/src/hooks/use-layout-style.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2025-06-11 09:30:17\n * @LastEditors: shen\n * @LastEditTime: 2025-08-27 11:29:34\n * @Description:\n */\nimport type { CSSProperties } from 'vue'\n\nimport type { VisibleDomRect } from '@pro-design-vue/utils'\n\nimport { computed, onMounted, onUnmounted, ref } from 'vue'\n\nimport {\n  CSS_VARIABLE_LAYOUT_CONTENT_HEIGHT,\n  CSS_VARIABLE_LAYOUT_CONTENT_WIDTH,\n  CSS_VARIABLE_LAYOUT_FOOTER_HEIGHT,\n  CSS_VARIABLE_LAYOUT_HEADER_HEIGHT,\n} from '@pro-design-vue/constants'\nimport { getElementVisibleRect } from '@pro-design-vue/utils'\n\nimport { useCssVar, useDebounceFn } from '@vueuse/core'\n\n/**\n * @zh_CN content style\n */\nexport function useLayoutContentStyle() {\n  let resizeObserver: null | ResizeObserver = null\n  const contentElement = ref<HTMLDivElement | null>(null)\n  const visibleDomRect = ref<null | VisibleDomRect>(null)\n  const contentHeight = useCssVar(CSS_VARIABLE_LAYOUT_CONTENT_HEIGHT)\n  const contentWidth = useCssVar(CSS_VARIABLE_LAYOUT_CONTENT_WIDTH)\n\n  const overlayStyle = computed((): CSSProperties => {\n    const { height, left, top, width } = visibleDomRect.value ?? {}\n    return {\n      height: `${height}px`,\n      left: `${left}px`,\n      position: 'fixed',\n      top: `${top}px`,\n      width: `${width}px`,\n      zIndex: 150,\n    }\n  })\n\n  const debouncedCalcHeight = useDebounceFn(() => {\n    visibleDomRect.value = getElementVisibleRect(contentElement.value)\n    contentHeight.value = `${visibleDomRect.value.height}px`\n    contentWidth.value = `${visibleDomRect.value.width}px`\n  }, 16)\n\n  onMounted(() => {\n    if (contentElement.value && !resizeObserver) {\n      resizeObserver = new ResizeObserver(debouncedCalcHeight)\n      resizeObserver.observe(contentElement.value)\n    }\n  })\n\n  onUnmounted(() => {\n    resizeObserver?.disconnect()\n    resizeObserver = null\n  })\n\n  return { contentElement, overlayStyle, visibleDomRect }\n}\n\nexport function useLayoutHeaderStyle() {\n  const headerHeight = useCssVar(CSS_VARIABLE_LAYOUT_HEADER_HEIGHT)\n\n  return {\n    getLayoutHeaderHeight: () => {\n      return Number.parseInt(`${headerHeight.value}`, 10)\n    },\n    setLayoutHeaderHeight: (height: number) => {\n      headerHeight.value = `${height}px`\n    },\n  }\n}\n\nexport function useLayoutFooterStyle() {\n  const footerHeight = useCssVar(CSS_VARIABLE_LAYOUT_FOOTER_HEIGHT)\n\n  return {\n    getLayoutFooterHeight: () => {\n      return Number.parseInt(`${footerHeight.value}`, 10)\n    },\n    setLayoutFooterHeight: (height: number) => {\n      footerHeight.value = `${height}px`\n    },\n  }\n}\n"],"names":[],"mappings":";;;;;AA0BO,SAAS,qBAAA,GAAwB;AACtC,EAAA,IAAI,cAAA,GAAwC,IAAA;AAC5C,EAAA,MAAM,cAAA,GAAiB,IAA2B,IAAI,CAAA;AACtD,EAAA,MAAM,cAAA,GAAiB,IAA2B,IAAI,CAAA;AACtD,EAAA,MAAM,aAAA,GAAgB,UAAU,kCAAkC,CAAA;AAClE,EAAA,MAAM,YAAA,GAAe,UAAU,iCAAiC,CAAA;AAEhE,EAAA,MAAM,YAAA,GAAe,SAAS,MAAqB;AAjCrD,IAAA,IAAA,EAAA;AAkCI,IAAA,MAAM,EAAE,QAAQ,IAAA,EAAM,GAAA,EAAK,OAAM,GAAA,CAAI,EAAA,GAAA,cAAA,CAAe,KAAA,KAAf,IAAA,GAAA,EAAA,GAAwB,EAAC;AAC9D,IAAA,OAAO;AAAA,MACL,MAAA,EAAQ,GAAG,MAAM,CAAA,EAAA,CAAA;AAAA,MACjB,IAAA,EAAM,GAAG,IAAI,CAAA,EAAA,CAAA;AAAA,MACb,QAAA,EAAU,OAAA;AAAA,MACV,GAAA,EAAK,GAAG,GAAG,CAAA,EAAA,CAAA;AAAA,MACX,KAAA,EAAO,GAAG,KAAK,CAAA,EAAA,CAAA;AAAA,MACf,MAAA,EAAQ;AAAA,KACV;AAAA,EACF,CAAC,CAAA;AAED,EAAA,MAAM,mBAAA,GAAsB,cAAc,MAAM;AAC9C,IAAA,cAAA,CAAe,KAAA,GAAQ,qBAAA,CAAsB,cAAA,CAAe,KAAK,CAAA;AACjE,IAAA,aAAA,CAAc,KAAA,GAAQ,CAAA,EAAG,cAAA,CAAe,KAAA,CAAM,MAAM,CAAA,EAAA,CAAA;AACpD,IAAA,YAAA,CAAa,KAAA,GAAQ,CAAA,EAAG,cAAA,CAAe,KAAA,CAAM,KAAK,CAAA,EAAA,CAAA;AAAA,EACpD,GAAG,EAAE,CAAA;AAEL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,cAAA,CAAe,KAAA,IAAS,CAAC,cAAA,EAAgB;AAC3C,MAAA,cAAA,GAAiB,IAAI,eAAe,mBAAmB,CAAA;AACvD,MAAA,cAAA,CAAe,OAAA,CAAQ,eAAe,KAAK,CAAA;AAAA,IAC7C;AAAA,EACF,CAAC,CAAA;AAED,EAAA,WAAA,CAAY,MAAM;AAChB,IAAA,cAAA,IAAA,IAAA,GAAA,MAAA,GAAA,cAAA,CAAgB,UAAA,EAAA;AAChB,IAAA,cAAA,GAAiB,IAAA;AAAA,EACnB,CAAC,CAAA;AAED,EAAA,OAAO,EAAE,cAAA,EAAgB,YAAA,EAAc,cAAA,EAAe;AACxD;AAEO,SAAS,oBAAA,GAAuB;AACrC,EAAA,MAAM,YAAA,GAAe,UAAU,iCAAiC,CAAA;AAEhE,EAAA,OAAO;AAAA,IACL,uBAAuB,MAAM;AAC3B,MAAA,OAAO,OAAO,QAAA,CAAS,CAAA,EAAG,YAAA,CAAa,KAAK,IAAI,EAAE,CAAA;AAAA,IACpD,CAAA;AAAA,IACA,qBAAA,EAAuB,CAAC,MAAA,KAAmB;AACzC,MAAA,YAAA,CAAa,KAAA,GAAQ,GAAG,MAAM,CAAA,EAAA,CAAA;AAAA,IAChC;AAAA,GACF;AACF;AAEO,SAAS,oBAAA,GAAuB;AACrC,EAAA,MAAM,YAAA,GAAe,UAAU,iCAAiC,CAAA;AAEhE,EAAA,OAAO;AAAA,IACL,uBAAuB,MAAM;AAC3B,MAAA,OAAO,OAAO,QAAA,CAAS,CAAA,EAAG,YAAA,CAAa,KAAK,IAAI,EAAE,CAAA;AAAA,IACpD,CAAA;AAAA,IACA,qBAAA,EAAuB,CAAC,MAAA,KAAmB;AACzC,MAAA,YAAA,CAAa,KAAA,GAAQ,GAAG,MAAM,CAAA,EAAA,CAAA;AAAA,IAChC;AAAA,GACF;AACF;;;;"}

package/es/components/layout/src/hooks/use-layout.d.ts

@@ -0,0 +1,9 @@
+import type { ProLayoutProps, LayoutType } from '../typing';
+export declare function useLayout(props: ProLayoutProps): {
+    currentLayout: import("vue").ComputedRef<LayoutType>;
+    isFullContent: import("vue").ComputedRef<boolean>;
+    isHeaderMixedNav: import("vue").ComputedRef<boolean>;
+    isHeaderNav: import("vue").ComputedRef<boolean>;
+    isMixedNav: import("vue").ComputedRef<boolean>;
+    isSidebarMixedNav: import("vue").ComputedRef<boolean>;
+};

package/es/components/layout/src/hooks/use-layout.mjs

@@ -0,0 +1,25 @@
+import { computed } from 'vue';
+
+function useLayout(props) {
+  const currentLayout = computed(
+    () => props.isMobile ? "sidebar-nav" : props.layout
+  );
+  const isFullContent = computed(() => currentLayout.value === "full-content");
+  const isSidebarMixedNav = computed(() => currentLayout.value === "sidebar-mixed-nav");
+  const isHeaderNav = computed(() => currentLayout.value === "header-nav");
+  const isMixedNav = computed(
+    () => currentLayout.value === "mixed-nav" || currentLayout.value === "header-sidebar-nav"
+  );
+  const isHeaderMixedNav = computed(() => currentLayout.value === "header-mixed-nav");
+  return {
+    currentLayout,
+    isFullContent,
+    isHeaderMixedNav,
+    isHeaderNav,
+    isMixedNav,
+    isSidebarMixedNav
+  };
+}
+
+export { useLayout };
+//# sourceMappingURL=use-layout.mjs.map

package/es/components/layout/src/hooks/use-layout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-layout.mjs","sources":["../../../../../../../packages/components/layout/src/hooks/use-layout.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2025-06-11 10:32:10\n * @LastEditors: shen\n * @LastEditTime: 2025-08-27 13:22:35\n * @Description:\n */\nimport type { ProLayoutProps, LayoutType } from '../typing'\n\nimport { computed } from 'vue'\n\nexport function useLayout(props: ProLayoutProps) {\n  const currentLayout = computed(() =>\n    props.isMobile ? 'sidebar-nav' : (props.layout as LayoutType),\n  )\n\n  /**\n   * 是否全屏显示content，不需要侧边、底部、顶部、tab区域\n   */\n  const isFullContent = computed(() => currentLayout.value === 'full-content')\n\n  /**\n   * 是否侧边混合模式\n   */\n  const isSidebarMixedNav = computed(() => currentLayout.value === 'sidebar-mixed-nav')\n  // const isSidebarMixedNav = computed(() => true)\n\n  /**\n   * 是否为头部导航模式\n   */\n  const isHeaderNav = computed(() => currentLayout.value === 'header-nav')\n\n  /**\n   * 是否为混合导航模式\n   */\n  const isMixedNav = computed(\n    () => currentLayout.value === 'mixed-nav' || currentLayout.value === 'header-sidebar-nav',\n  )\n\n  /**\n   * 是否为头部混合模式\n   */\n  const isHeaderMixedNav = computed(() => currentLayout.value === 'header-mixed-nav')\n\n  return {\n    currentLayout,\n    isFullContent,\n    isHeaderMixedNav,\n    isHeaderNav,\n    isMixedNav,\n    isSidebarMixedNav,\n  }\n}\n"],"names":[],"mappings":";;AAWO,SAAS,UAAU,KAAA,EAAuB;AAC/C,EAAA,MAAM,aAAA,GAAgB,QAAA;AAAA,IAAS,MAC7B,KAAA,CAAM,QAAA,GAAW,aAAA,GAAiB,KAAA,CAAM;AAAA,GAC1C;AAKA,EAAA,MAAM,aAAA,GAAgB,QAAA,CAAS,MAAM,aAAA,CAAc,UAAU,cAAc,CAAA;AAK3E,EAAA,MAAM,iBAAA,GAAoB,QAAA,CAAS,MAAM,aAAA,CAAc,UAAU,mBAAmB,CAAA;AAMpF,EAAA,MAAM,WAAA,GAAc,QAAA,CAAS,MAAM,aAAA,CAAc,UAAU,YAAY,CAAA;AAKvE,EAAA,MAAM,UAAA,GAAa,QAAA;AAAA,IACjB,MAAM,aAAA,CAAc,KAAA,KAAU,WAAA,IAAe,cAAc,KAAA,KAAU;AAAA,GACvE;AAKA,EAAA,MAAM,gBAAA,GAAmB,QAAA,CAAS,MAAM,aAAA,CAAc,UAAU,kBAAkB,CAAA;AAElF,EAAA,OAAO;AAAA,IACL,aAAA;AAAA,IACA,aAAA;AAAA,IACA,gBAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/es/components/layout/src/layout.vue.d.ts

@@ -0,0 +1,91 @@
+import type { ProLayoutProps } from './typing';
+interface Props extends ProLayoutProps {
+}
+type __VLS_Props = Props;
+type __VLS_PublicProps = __VLS_Props & {
+    'sidebarCollapse'?: boolean;
+    'sidebarExtraVisible'?: boolean;
+    'sidebarExtraCollapse'?: boolean;
+    'sidebarExpandOnHover'?: boolean;
+    'sidebarEnable'?: boolean;
+};
+declare var __VLS_9: {}, __VLS_11: {}, __VLS_13: {}, __VLS_15: {}, __VLS_17: {}, __VLS_23: {}, __VLS_33: {}, __VLS_39: {}, __VLS_45: {}, __VLS_47: {}, __VLS_53: {}, __VLS_55: {};
+type __VLS_Slots = {} & {
+    logo?: (props: typeof __VLS_9) => any;
+} & {
+    'mixed-menu'?: (props: typeof __VLS_11) => any;
+} & {
+    menu?: (props: typeof __VLS_13) => any;
+} & {
+    'side-extra'?: (props: typeof __VLS_15) => any;
+} & {
+    'side-extra-title'?: (props: typeof __VLS_17) => any;
+} & {
+    logo?: (props: typeof __VLS_23) => any;
+} & {
+    header?: (props: typeof __VLS_33) => any;
+} & {
+    tabbar?: (props: typeof __VLS_39) => any;
+} & {
+    content?: (props: typeof __VLS_45) => any;
+} & {
+    'content-overlay'?: (props: typeof __VLS_47) => any;
+} & {
+    footer?: (props: typeof __VLS_53) => any;
+} & {
+    extra?: (props: typeof __VLS_55) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    sideMouseLeave: () => any;
+    toggleSidebar: () => any;
+    "update:sidebarCollapse": (value: boolean) => any;
+    "update:sidebarExtraVisible": (value: boolean | undefined) => any;
+    "update:sidebarExtraCollapse": (value: boolean) => any;
+    "update:sidebarExpandOnHover": (value: boolean) => any;
+    "update:sidebarEnable": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSideMouseLeave?: (() => any) | undefined;
+    onToggleSidebar?: (() => any) | undefined;
+    "onUpdate:sidebarCollapse"?: ((value: boolean) => any) | undefined;
+    "onUpdate:sidebarExtraVisible"?: ((value: boolean | undefined) => any) | undefined;
+    "onUpdate:sidebarExtraCollapse"?: ((value: boolean) => any) | undefined;
+    "onUpdate:sidebarExpandOnHover"?: ((value: boolean) => any) | undefined;
+    "onUpdate:sidebarEnable"?: ((value: boolean) => any) | undefined;
+}>, {
+    zIndex: number;
+    isMobile: boolean;
+    layout: import("pro-design-vue").LayoutType;
+    contentCompact: import("pro-design-vue").ContentCompactType;
+    contentCompactWidth: number;
+    sidebarWidth: number;
+    headerHeight: number;
+    contentPadding: number;
+    contentPaddingBottom: number;
+    contentPaddingLeft: number;
+    contentPaddingRight: number;
+    contentPaddingTop: number;
+    footerEnable: boolean;
+    footerFixed: boolean;
+    footerHeight: number;
+    headerHidden: boolean;
+    headerMode: import("pro-design-vue").LayoutHeaderModeType;
+    headerToggleSidebarButton: boolean;
+    headerVisible: boolean;
+    sidebarCollapsedButton: boolean;
+    sidebarCollapseShowTitle: boolean;
+    sidebarExtraCollapsedWidth: number;
+    sidebarFixedButton: boolean;
+    sidebarHidden: boolean;
+    sidebarMixedWidth: number;
+    sidebarTheme: import("pro-design-vue").ThemeModeType;
+    sideCollapseWidth: number;
+    tabbarEnable: boolean;
+    tabbarHeight: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/layout/src/layout.vue.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './layout.vue2.mjs';
+
+
+
+export { _sfc_main as default };
+//# sourceMappingURL=layout.vue.mjs.map

package/es/components/layout/src/layout.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}