pro-design-vue 0.0.1-beta.1

package/lib/components/layout/src/components/layout-header.vue.d.ts

@@ -0,0 +1,50 @@
+interface Props {
+    /**
+     * 横屏
+     */
+    fullWidth: boolean;
+    /**
+     * 高度
+     */
+    height: number;
+    /**
+     * 是否移动端
+     */
+    isMobile: boolean;
+    /**
+     * 是否显示
+     */
+    show: boolean;
+    /**
+     * 侧边菜单宽度
+     */
+    sidebarWidth: number;
+    /**
+     * 主题
+     */
+    theme: string | undefined;
+    /**
+     * 宽度
+     */
+    width: string;
+    /**
+     * zIndex
+     */
+    zIndex: number;
+}
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    logo?: (props: typeof __VLS_1) => any;
+} & {
+    'toggle-button'?: (props: typeof __VLS_3) => any;
+} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, 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/lib/components/layout/src/components/layout-header.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var layoutHeader_vue_vue_type_script_setup_true_lang = require('./layout-header.vue2.js');
+
+
+
+exports.default = layoutHeader_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=layout-header.vue.js.map

package/lib/components/layout/src/components/layout-header.vue.js.map

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

package/lib/components/layout/src/components/layout-header.vue2.js

@@ -0,0 +1,69 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../../../../hooks/use-prefix-cls/index.js');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "layout-header",
+  props: {
+    fullWidth: { type: Boolean, required: true },
+    height: { type: Number, required: true },
+    isMobile: { type: Boolean, required: true },
+    show: { type: Boolean, required: true },
+    sidebarWidth: { type: Number, required: true },
+    theme: { type: null, required: true },
+    width: { type: String, required: true },
+    zIndex: { type: Number, required: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const slots = vue.useSlots();
+    const prefixCls = index.usePrefixCls("layout-header");
+    const style = vue.computed(() => {
+      const { fullWidth, height, show } = props;
+      const right = !show || !fullWidth ? void 0 : 0;
+      return {
+        height: `${height}px`,
+        marginTop: show ? 0 : `-${height}px`,
+        right
+      };
+    });
+    const logoStyle = vue.computed(() => {
+      return {
+        minWidth: `${props.isMobile ? 40 : props.sidebarWidth}px`
+      };
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "header",
+        {
+          style: vue.normalizeStyle(style.value),
+          class: vue.normalizeClass([_ctx.theme, vue.unref(prefixCls)])
+        },
+        [
+          vue.unref(slots).logo ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 0,
+              style: vue.normalizeStyle(logoStyle.value)
+            },
+            [
+              vue.renderSlot(_ctx.$slots, "logo")
+            ],
+            4
+            /* STYLE */
+          )) : vue.createCommentVNode("v-if", true),
+          vue.renderSlot(_ctx.$slots, "toggle-button"),
+          vue.renderSlot(_ctx.$slots, "default")
+        ],
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=layout-header.vue2.js.map

package/lib/components/layout/src/components/layout-header.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-header.vue2.js","sources":["../../../../../../../packages/components/layout/src/components/layout-header.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2025-06-16 10:11:58\n * @LastEditors: shen\n * @LastEditTime: 2025-08-27 11:30:35\n * @Description:\n-->\n<script setup lang=\"ts\">\nimport { usePrefixCls } from '@pro-design-vue/hooks'\nimport type { CSSProperties } from 'vue'\n\nimport { computed, useSlots } from 'vue'\n\ninterface Props {\n  /**\n   * 横屏\n   */\n  fullWidth: boolean\n  /**\n   * 高度\n   */\n  height: number\n  /**\n   * 是否移动端\n   */\n  isMobile: boolean\n  /**\n   * 是否显示\n   */\n  show: boolean\n  /**\n   * 侧边菜单宽度\n   */\n  sidebarWidth: number\n  /**\n   * 主题\n   */\n  theme: string | undefined\n  /**\n   * 宽度\n   */\n  width: string\n  /**\n   * zIndex\n   */\n  zIndex: number\n}\n\nconst props = withDefaults(defineProps<Props>(), {})\n\nconst slots = useSlots()\nconst prefixCls = usePrefixCls('layout-header')\nconst style = computed((): CSSProperties => {\n  const { fullWidth, height, show } = props\n  const right = !show || !fullWidth ? undefined : 0\n\n  return {\n    height: `${height}px`,\n    marginTop: show ? 0 : `-${height}px`,\n    right,\n  }\n})\n\nconst logoStyle = computed((): CSSProperties => {\n  return {\n    minWidth: `${props.isMobile ? 40 : props.sidebarWidth}px`,\n  }\n})\n</script>\n\n<template>\n  <header :style=\"style\" :class=\"[theme, prefixCls]\">\n    <div v-if=\"slots.logo\" :style=\"logoStyle\">\n      <slot name=\"logo\"></slot>\n    </div>\n\n    <slot name=\"toggle-button\"> </slot>\n\n    <slot></slot>\n  </header>\n</template>\n"],"names":["useSlots","usePrefixCls","computed","_createElementBlock","_normalizeClass","theme","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;AAgDA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAEd,IAAA,MAAM,QAAQA,YAAA,EAAS;AACvB,IAAA,MAAM,SAAA,GAAYC,mBAAa,eAAe,CAAA;AAC9C,IAAA,MAAM,KAAA,GAAQC,aAAS,MAAqB;AAC1C,MAAA,MAAM,EAAE,SAAA,EAAW,MAAA,EAAQ,IAAA,EAAK,GAAI,KAAA;AACpC,MAAA,MAAM,KAAA,GAAQ,CAAC,IAAA,IAAQ,CAAC,YAAY,MAAA,GAAY,CAAA;AAEhD,MAAA,OAAO;AAAA,QACL,MAAA,EAAQ,GAAG,MAAM,CAAA,EAAA,CAAA;AAAA,QACjB,SAAA,EAAW,IAAA,GAAO,CAAA,GAAI,CAAA,CAAA,EAAI,MAAM,CAAA,EAAA,CAAA;AAAA,QAChC;AAAA,OACF;AAAA,IACF,CAAC,CAAA;AAED,IAAA,MAAM,SAAA,GAAYA,aAAS,MAAqB;AAC9C,MAAA,OAAO;AAAA,QACL,UAAU,CAAA,EAAG,KAAA,CAAM,QAAA,GAAW,EAAA,GAAK,MAAM,YAAY,CAAA,EAAA;AAAA,OACvD;AAAA,IACF,CAAC,CAAA;;8BAICC,sBAAA;AAAA,QAQS,QAAA;AAAA,QAAA;AAAA,UARA,KAAA,qBAAO,KAAA,CAAA,KAAK,CAAA;AAAA,UAAG,KAAA,EAAKC,mBAAA,CAAGC,IAAAA,CAAAA,OAAOC,SAAA,CAAA,SAAA,CAAS,CAAA;AAAA;;UACnCA,SAAA,CAAA,KAAA,CAAA,CAAM,IAAA,qBAAjBH,sBAAA;AAAA,YAEM,KAAA;AAAA,YAAA;AAAA;cAFkB,KAAA,qBAAO,SAAA,CAAA,KAAS;AAAA;;cACtCI,cAAA,CAAyB,IAAA,CAAA,MAAA,EAAA,MAAA;AAAA;;;;UAG3BA,cAAA,CAAmC,IAAA,CAAA,MAAA,EAAA,eAAA,CAAA;AAAA,UAEnCA,cAAA,CAAa,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;"}

package/lib/components/layout/src/components/layout-sidebar.vue.d.ts

@@ -0,0 +1,131 @@
+interface Props {
+    /**
+     * 折叠区域高度
+     * @default 42
+     */
+    collapseHeight?: number;
+    /**
+     * 折叠宽度
+     * @default 48
+     */
+    collapseWidth?: number;
+    /**
+     * 隐藏的dom是否可见
+     * @default true
+     */
+    domVisible?: boolean;
+    /**
+     * 扩展区域宽度
+     */
+    extraWidth: number;
+    /**
+     * 固定扩展区域
+     * @default false
+     */
+    fixedExtra?: boolean;
+    /**
+     * 头部高度
+     */
+    headerHeight: number;
+    /**
+     * 是否侧边混合模式
+     * @default false
+     */
+    isSidebarMixed?: boolean;
+    /**
+     * 顶部margin
+     * @default 60
+     */
+    marginTop?: number;
+    /**
+     * 混合菜单宽度
+     * @default 80
+     */
+    mixedWidth?: number;
+    /**
+     * 顶部padding
+     * @default 60
+     */
+    paddingTop?: number;
+    /**
+     * 是否显示
+     * @default true
+     */
+    show?: boolean;
+    /**
+     * 显示折叠按钮
+     * @default true
+     */
+    showCollapseButton?: boolean;
+    /**
+     * 显示固定按钮
+     * @default true
+     */
+    showFixedButton?: boolean;
+    /**
+     * 主题
+     */
+    theme: string;
+    /**
+     * 宽度
+     */
+    width: number;
+    /**
+     * zIndex
+     * @default 0
+     */
+    zIndex?: number;
+}
+type __VLS_Props = Props;
+type __VLS_PublicProps = __VLS_Props & {
+    'collapse'?: boolean;
+    'extraCollapse'?: boolean;
+    'expandOnHovering'?: boolean;
+    'expandOnHover'?: boolean;
+    'extraVisible'?: boolean;
+};
+declare var __VLS_5: {}, __VLS_7: {}, __VLS_21: {}, __VLS_23: {};
+type __VLS_Slots = {} & {
+    logo?: (props: typeof __VLS_5) => any;
+} & {
+    default?: (props: typeof __VLS_7) => any;
+} & {
+    'extra-title'?: (props: typeof __VLS_21) => any;
+} & {
+    extra?: (props: typeof __VLS_23) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:expandOnHover": (value: boolean | undefined) => any;
+    leave: () => any;
+    "update:collapse": (value: boolean | undefined) => any;
+    "update:extraCollapse": (value: boolean | undefined) => any;
+    "update:expandOnHovering": (value: boolean | undefined) => any;
+    "update:extraVisible": (value: boolean | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:expandOnHover"?: ((value: boolean | undefined) => any) | undefined;
+    onLeave?: (() => any) | undefined;
+    "onUpdate:collapse"?: ((value: boolean | undefined) => any) | undefined;
+    "onUpdate:extraCollapse"?: ((value: boolean | undefined) => any) | undefined;
+    "onUpdate:expandOnHovering"?: ((value: boolean | undefined) => any) | undefined;
+    "onUpdate:extraVisible"?: ((value: boolean | undefined) => any) | undefined;
+}>, {
+    zIndex: number;
+    show: boolean;
+    marginTop: number;
+    paddingTop: number;
+    collapseHeight: number;
+    collapseWidth: number;
+    domVisible: boolean;
+    fixedExtra: boolean;
+    isSidebarMixed: boolean;
+    mixedWidth: number;
+    showCollapseButton: boolean;
+    showFixedButton: boolean;
+}, {}, {}, {}, 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/lib/components/layout/src/components/layout-sidebar.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var layoutSidebar_vue_vue_type_script_setup_true_lang = require('./layout-sidebar.vue2.js');
+
+
+
+exports.default = layoutSidebar_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=layout-sidebar.vue.js.map

package/lib/components/layout/src/components/layout-sidebar.vue.js.map

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

package/lib/components/layout/src/components/layout-sidebar.vue2.js

@@ -0,0 +1,322 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var core = require('@vueuse/core');
+var sidebarFixedButton_vue_vue_type_script_setup_true_lang = require('./widgets/sidebar-fixed-button.vue2.js');
+var sidebarCollapseButton_vue_vue_type_script_setup_true_lang = require('./widgets/sidebar-collapse-button.vue2.js');
+var index = require('../../../../hooks/use-prefix-cls/index.js');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "layout-sidebar",
+  props: /* @__PURE__ */ vue.mergeModels({
+    collapseHeight: { type: Number, required: false, default: 42 },
+    collapseWidth: { type: Number, required: false, default: 48 },
+    domVisible: { type: Boolean, required: false, default: true },
+    extraWidth: { type: Number, required: true },
+    fixedExtra: { type: Boolean, required: false, default: false },
+    headerHeight: { type: Number, required: true },
+    isSidebarMixed: { type: Boolean, required: false, default: false },
+    marginTop: { type: Number, required: false, default: 0 },
+    mixedWidth: { type: Number, required: false, default: 70 },
+    paddingTop: { type: Number, required: false, default: 0 },
+    show: { type: Boolean, required: false, default: true },
+    showCollapseButton: { type: Boolean, required: false, default: true },
+    showFixedButton: { type: Boolean, required: false, default: true },
+    theme: { type: String, required: true },
+    width: { type: Number, required: true },
+    zIndex: { type: Number, required: false, default: 0 }
+  }, {
+    "collapse": { type: Boolean },
+    "collapseModifiers": {},
+    "extraCollapse": { type: Boolean },
+    "extraCollapseModifiers": {},
+    "expandOnHovering": { type: Boolean },
+    "expandOnHoveringModifiers": {},
+    "expandOnHover": { type: Boolean },
+    "expandOnHoverModifiers": {},
+    "extraVisible": { type: Boolean },
+    "extraVisibleModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(["leave"], ["update:collapse", "update:extraCollapse", "update:expandOnHovering", "update:expandOnHover", "update:extraVisible"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const prefixCls = index.usePrefixCls("layout-sidebar");
+    const collapse = vue.useModel(__props, "collapse");
+    const extraCollapse = vue.useModel(__props, "extraCollapse");
+    const expandOnHovering = vue.useModel(__props, "expandOnHovering");
+    const expandOnHover = vue.useModel(__props, "expandOnHover");
+    const extraVisible = vue.useModel(__props, "extraVisible");
+    const isLocked = core.useScrollLock(document.body);
+    const slots = vue.useSlots();
+    const asideRef = vue.shallowRef();
+    const hiddenSideStyle = vue.computed(() => calcMenuWidthStyle(true));
+    const style = vue.computed(() => {
+      const { isSidebarMixed, marginTop, paddingTop, zIndex } = props;
+      return {
+        ...calcMenuWidthStyle(false),
+        height: `calc(100% - ${marginTop}px)`,
+        marginTop: `${marginTop}px`,
+        paddingTop: `${paddingTop}px`,
+        zIndex,
+        ...isSidebarMixed && extraVisible.value ? { transition: "none" } : {}
+      };
+    });
+    const extraStyle = vue.computed(() => {
+      const { extraWidth, show, width, zIndex } = props;
+      return {
+        left: `${width}px`,
+        width: extraVisible.value && show ? `${extraWidth}px` : 0,
+        zIndex
+      };
+    });
+    const extraTitleStyle = vue.computed(() => {
+      const { headerHeight } = props;
+      return {
+        height: `${headerHeight - 1}px`
+      };
+    });
+    const contentWidthStyle = vue.computed(() => {
+      const { collapseWidth, fixedExtra, isSidebarMixed, mixedWidth } = props;
+      if (isSidebarMixed && fixedExtra) {
+        return { width: `${collapse.value ? collapseWidth : mixedWidth}px` };
+      }
+      return {};
+    });
+    const contentStyle = vue.computed(() => {
+      const { collapseHeight, headerHeight } = props;
+      return {
+        height: `calc(100% - ${headerHeight + collapseHeight}px)`,
+        paddingTop: "8px",
+        ...contentWidthStyle.value
+      };
+    });
+    const headerStyle = vue.computed(() => {
+      const { headerHeight, isSidebarMixed } = props;
+      return {
+        ...isSidebarMixed ? { display: "flex", justifyContent: "center" } : {},
+        height: `${headerHeight - 1}px`,
+        ...contentWidthStyle.value
+      };
+    });
+    const extraContentStyle = vue.computed(() => {
+      const { collapseHeight, headerHeight } = props;
+      return {
+        height: `calc(100% - ${headerHeight + collapseHeight}px)`
+      };
+    });
+    const collapseStyle = vue.computed(() => {
+      return {
+        height: `${props.collapseHeight}px`
+      };
+    });
+    vue.watchEffect(() => {
+      extraVisible.value = props.fixedExtra ? true : extraVisible.value;
+    });
+    function calcMenuWidthStyle(isHiddenDom) {
+      const { extraWidth, fixedExtra, isSidebarMixed, show, width } = props;
+      let widthValue = width === 0 ? "0px" : `${width + (isSidebarMixed && fixedExtra && extraVisible.value ? extraWidth : 0)}px`;
+      const { collapseWidth } = props;
+      if (isHiddenDom && expandOnHovering.value && !expandOnHover.value) {
+        widthValue = `${collapseWidth}px`;
+      }
+      return {
+        ...widthValue === "0px" ? { overflow: "hidden" } : {},
+        flex: `0 0 ${widthValue}`,
+        marginLeft: show ? 0 : `-${widthValue}`,
+        maxWidth: widthValue,
+        minWidth: widthValue,
+        width: widthValue
+      };
+    }
+    function handleMouseenter(e) {
+      if ((e == null ? void 0 : e.offsetX) < 10) {
+        return;
+      }
+      if (expandOnHover.value) {
+        return;
+      }
+      if (!expandOnHovering.value) {
+        collapse.value = false;
+      }
+      if (props.isSidebarMixed) {
+        isLocked.value = true;
+      }
+      expandOnHovering.value = true;
+    }
+    function handleMouseleave() {
+      emit("leave");
+      if (props.isSidebarMixed) {
+        isLocked.value = false;
+      }
+      if (expandOnHover.value) {
+        return;
+      }
+      expandOnHovering.value = false;
+      collapse.value = true;
+      extraVisible.value = false;
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        vue.Fragment,
+        null,
+        [
+          _ctx.domVisible ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 0,
+              style: vue.normalizeStyle(hiddenSideStyle.value),
+              class: vue.normalizeClass([vue.unref(prefixCls), _ctx.theme])
+            },
+            null,
+            6
+            /* CLASS, STYLE */
+          )) : vue.createCommentVNode("v-if", true),
+          vue.createElementVNode(
+            "aside",
+            {
+              class: vue.normalizeClass([
+                vue.unref(prefixCls),
+                `${vue.unref(prefixCls)}--fixed`,
+                _ctx.theme,
+                {
+                  [`${vue.unref(prefixCls)}--mixed`]: _ctx.isSidebarMixed,
+                  [`${vue.unref(prefixCls)}--no-mixed`]: !_ctx.isSidebarMixed
+                }
+              ]),
+              style: vue.normalizeStyle(style.value),
+              onMouseenter: handleMouseenter,
+              onMouseleave: handleMouseleave
+            },
+            [
+              !collapse.value && !_ctx.isSidebarMixed && _ctx.showFixedButton ? (vue.openBlock(), vue.createBlock(vue.unref(sidebarFixedButton_vue_vue_type_script_setup_true_lang.default), {
+                key: 0,
+                "expand-on-hover": expandOnHover.value,
+                "onUpdate:expandOnHover": _cache[0] || (_cache[0] = ($event) => expandOnHover.value = $event)
+              }, null, 8, ["expand-on-hover"])) : vue.createCommentVNode("v-if", true),
+              vue.unref(slots).logo ? (vue.openBlock(), vue.createElementBlock(
+                "div",
+                {
+                  key: 1,
+                  style: vue.normalizeStyle(headerStyle.value)
+                },
+                [
+                  vue.renderSlot(_ctx.$slots, "logo")
+                ],
+                4
+                /* STYLE */
+              )) : vue.createCommentVNode("v-if", true),
+              vue.createElementVNode(
+                "div",
+                {
+                  style: vue.normalizeStyle(contentStyle.value),
+                  class: vue.normalizeClass(`${vue.unref(prefixCls)}-content`)
+                },
+                [
+                  vue.createElementVNode(
+                    "div",
+                    {
+                      class: vue.normalizeClass(`${vue.unref(prefixCls)}-scroll`)
+                    },
+                    [
+                      vue.renderSlot(_ctx.$slots, "default")
+                    ],
+                    2
+                    /* CLASS */
+                  )
+                ],
+                6
+                /* CLASS, STYLE */
+              ),
+              vue.createElementVNode(
+                "div",
+                {
+                  style: vue.normalizeStyle(collapseStyle.value)
+                },
+                null,
+                4
+                /* STYLE */
+              ),
+              _ctx.showCollapseButton && !_ctx.isSidebarMixed ? (vue.openBlock(), vue.createBlock(vue.unref(sidebarCollapseButton_vue_vue_type_script_setup_true_lang.default), {
+                key: 2,
+                collapsed: collapse.value,
+                "onUpdate:collapsed": _cache[1] || (_cache[1] = ($event) => collapse.value = $event)
+              }, null, 8, ["collapsed"])) : vue.createCommentVNode("v-if", true),
+              _ctx.isSidebarMixed ? (vue.openBlock(), vue.createElementBlock(
+                "div",
+                {
+                  key: 3,
+                  ref_key: "asideRef",
+                  ref: asideRef,
+                  class: vue.normalizeClass({
+                    [`${vue.unref(prefixCls)}-extra`]: true,
+                    [`${vue.unref(prefixCls)}-extra--border`]: extraVisible.value
+                  }),
+                  style: vue.normalizeStyle(extraStyle.value)
+                },
+                [
+                  _ctx.isSidebarMixed && expandOnHover.value && _ctx.showCollapseButton ? (vue.openBlock(), vue.createBlock(vue.unref(sidebarCollapseButton_vue_vue_type_script_setup_true_lang.default), {
+                    key: 0,
+                    collapsed: extraCollapse.value,
+                    "onUpdate:collapsed": _cache[2] || (_cache[2] = ($event) => extraCollapse.value = $event)
+                  }, null, 8, ["collapsed"])) : vue.createCommentVNode("v-if", true),
+                  !extraCollapse.value && _ctx.showFixedButton ? (vue.openBlock(), vue.createBlock(vue.unref(sidebarFixedButton_vue_vue_type_script_setup_true_lang.default), {
+                    key: 1,
+                    "expand-on-hover": expandOnHover.value,
+                    "onUpdate:expandOnHover": _cache[3] || (_cache[3] = ($event) => expandOnHover.value = $event)
+                  }, null, 8, ["expand-on-hover"])) : vue.createCommentVNode("v-if", true),
+                  !extraCollapse.value ? (vue.openBlock(), vue.createElementBlock(
+                    "div",
+                    {
+                      key: 2,
+                      style: vue.normalizeStyle(extraTitleStyle.value),
+                      class: vue.normalizeClass(`${vue.unref(prefixCls)}-extra-title`)
+                    },
+                    [
+                      vue.renderSlot(_ctx.$slots, "extra-title")
+                    ],
+                    6
+                    /* CLASS, STYLE */
+                  )) : vue.createCommentVNode("v-if", true),
+                  vue.createElementVNode(
+                    "div",
+                    {
+                      style: vue.normalizeStyle(extraContentStyle.value),
+                      class: vue.normalizeClass(`${vue.unref(prefixCls)}-extra-content`)
+                    },
+                    [
+                      vue.createElementVNode(
+                        "div",
+                        {
+                          class: vue.normalizeClass(`${vue.unref(prefixCls)}-scroll`)
+                        },
+                        [
+                          vue.renderSlot(_ctx.$slots, "extra")
+                        ],
+                        2
+                        /* CLASS */
+                      )
+                    ],
+                    6
+                    /* CLASS, STYLE */
+                  )
+                ],
+                6
+                /* CLASS, STYLE */
+              )) : vue.createCommentVNode("v-if", true)
+            ],
+            38
+            /* CLASS, STYLE, NEED_HYDRATION */
+          )
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=layout-sidebar.vue2.js.map

package/lib/components/layout/src/components/layout-sidebar.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-sidebar.vue2.js","sources":["../../../../../../../packages/components/layout/src/components/layout-sidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CSSProperties } from 'vue'\n\nimport { computed, shallowRef, useSlots, watchEffect } from 'vue'\n\nimport { useScrollLock } from '@vueuse/core'\n\nimport { SidebarCollapseButton, SidebarFixedButton } from './widgets'\nimport { usePrefixCls } from '@pro-design-vue/hooks'\n\ninterface Props {\n  /**\n   * 折叠区域高度\n   * @default 42\n   */\n  collapseHeight?: number\n  /**\n   * 折叠宽度\n   * @default 48\n   */\n  collapseWidth?: number\n  /**\n   * 隐藏的dom是否可见\n   * @default true\n   */\n  domVisible?: boolean\n  /**\n   * 扩展区域宽度\n   */\n  extraWidth: number\n  /**\n   * 固定扩展区域\n   * @default false\n   */\n  fixedExtra?: boolean\n  /**\n   * 头部高度\n   */\n  headerHeight: number\n  /**\n   * 是否侧边混合模式\n   * @default false\n   */\n  isSidebarMixed?: boolean\n  /**\n   * 顶部margin\n   * @default 60\n   */\n  marginTop?: number\n  /**\n   * 混合菜单宽度\n   * @default 80\n   */\n  mixedWidth?: number\n  /**\n   * 顶部padding\n   * @default 60\n   */\n  paddingTop?: number\n  /**\n   * 是否显示\n   * @default true\n   */\n  show?: boolean\n  /**\n   * 显示折叠按钮\n   * @default true\n   */\n  showCollapseButton?: boolean\n  /**\n   * 显示固定按钮\n   * @default true\n   */\n  showFixedButton?: boolean\n  /**\n   * 主题\n   */\n  theme: string\n\n  /**\n   * 宽度\n   */\n  width: number\n  /**\n   * zIndex\n   * @default 0\n   */\n  zIndex?: number\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  collapseHeight: 42,\n  collapseWidth: 48,\n  domVisible: true,\n  fixedExtra: false,\n  isSidebarMixed: false,\n  marginTop: 0,\n  mixedWidth: 70,\n  paddingTop: 0,\n  show: true,\n  showCollapseButton: true,\n  showFixedButton: true,\n  zIndex: 0,\n})\n\nconst emit = defineEmits<{ leave: [] }>()\nconst prefixCls = usePrefixCls('layout-sidebar')\nconst collapse = defineModel<boolean>('collapse')\nconst extraCollapse = defineModel<boolean>('extraCollapse')\nconst expandOnHovering = defineModel<boolean>('expandOnHovering')\nconst expandOnHover = defineModel<boolean>('expandOnHover')\nconst extraVisible = defineModel<boolean>('extraVisible')\n\nconst isLocked = useScrollLock(document.body)\nconst slots = useSlots()\n\nconst asideRef = shallowRef<HTMLDivElement | null>()\n\nconst hiddenSideStyle = computed((): CSSProperties => calcMenuWidthStyle(true))\n\nconst style = computed((): CSSProperties => {\n  const { isSidebarMixed, marginTop, paddingTop, zIndex } = props\n\n  return {\n    ...calcMenuWidthStyle(false),\n    height: `calc(100% - ${marginTop}px)`,\n    marginTop: `${marginTop}px`,\n    paddingTop: `${paddingTop}px`,\n    zIndex,\n    ...(isSidebarMixed && extraVisible.value ? { transition: 'none' } : {}),\n  }\n})\n\nconst extraStyle = computed((): CSSProperties => {\n  const { extraWidth, show, width, zIndex } = props\n\n  return {\n    left: `${width}px`,\n    width: extraVisible.value && show ? `${extraWidth}px` : 0,\n    zIndex,\n  }\n})\n\nconst extraTitleStyle = computed((): CSSProperties => {\n  const { headerHeight } = props\n\n  return {\n    height: `${headerHeight - 1}px`,\n  }\n})\n\nconst contentWidthStyle = computed((): CSSProperties => {\n  const { collapseWidth, fixedExtra, isSidebarMixed, mixedWidth } = props\n  if (isSidebarMixed && fixedExtra) {\n    return { width: `${collapse.value ? collapseWidth : mixedWidth}px` }\n  }\n  return {}\n})\n\nconst contentStyle = computed((): CSSProperties => {\n  const { collapseHeight, headerHeight } = props\n\n  return {\n    height: `calc(100% - ${headerHeight + collapseHeight}px)`,\n    paddingTop: '8px',\n    ...contentWidthStyle.value,\n  }\n})\n\nconst headerStyle = computed((): CSSProperties => {\n  const { headerHeight, isSidebarMixed } = props\n\n  return {\n    ...(isSidebarMixed ? { display: 'flex', justifyContent: 'center' } : {}),\n    height: `${headerHeight - 1}px`,\n    ...contentWidthStyle.value,\n  }\n})\n\nconst extraContentStyle = computed((): CSSProperties => {\n  const { collapseHeight, headerHeight } = props\n  return {\n    height: `calc(100% - ${headerHeight + collapseHeight}px)`,\n  }\n})\n\nconst collapseStyle = computed((): CSSProperties => {\n  return {\n    height: `${props.collapseHeight}px`,\n  }\n})\n\nwatchEffect(() => {\n  extraVisible.value = props.fixedExtra ? true : extraVisible.value\n})\n\nfunction calcMenuWidthStyle(isHiddenDom: boolean): CSSProperties {\n  const { extraWidth, fixedExtra, isSidebarMixed, show, width } = props\n\n  let widthValue =\n    width === 0\n      ? '0px'\n      : `${width + (isSidebarMixed && fixedExtra && extraVisible.value ? extraWidth : 0)}px`\n\n  const { collapseWidth } = props\n\n  if (isHiddenDom && expandOnHovering.value && !expandOnHover.value) {\n    widthValue = `${collapseWidth}px`\n  }\n\n  return {\n    ...(widthValue === '0px' ? { overflow: 'hidden' } : {}),\n    flex: `0 0 ${widthValue}`,\n    marginLeft: show ? 0 : `-${widthValue}`,\n    maxWidth: widthValue,\n    minWidth: widthValue,\n    width: widthValue,\n  }\n}\n\nfunction handleMouseenter(e: MouseEvent) {\n  if (e?.offsetX < 10) {\n    return\n  }\n\n  // 未开启和未折叠状态不生效\n  if (expandOnHover.value) {\n    return\n  }\n  if (!expandOnHovering.value) {\n    collapse.value = false\n  }\n  if (props.isSidebarMixed) {\n    isLocked.value = true\n  }\n  expandOnHovering.value = true\n}\n\nfunction handleMouseleave() {\n  emit('leave')\n  if (props.isSidebarMixed) {\n    isLocked.value = false\n  }\n  if (expandOnHover.value) {\n    return\n  }\n\n  expandOnHovering.value = false\n  collapse.value = true\n  extraVisible.value = false\n}\n</script>\n\n<template>\n  <div v-if=\"domVisible\" :style=\"hiddenSideStyle\" :class=\"[prefixCls, theme]\"></div>\n  <aside\n    :class=\"[\n      prefixCls,\n      `${prefixCls}--fixed`,\n      theme,\n      {\n        [`${prefixCls}--mixed`]: isSidebarMixed,\n        [`${prefixCls}--no-mixed`]: !isSidebarMixed,\n      },\n    ]\"\n    :style=\"style\"\n    @mouseenter=\"handleMouseenter\"\n    @mouseleave=\"handleMouseleave\"\n  >\n    <SidebarFixedButton\n      v-if=\"!collapse && !isSidebarMixed && showFixedButton\"\n      v-model:expand-on-hover=\"expandOnHover\"\n    />\n    <div v-if=\"slots.logo\" :style=\"headerStyle\">\n      <slot name=\"logo\"></slot>\n    </div>\n    <div :style=\"contentStyle\" :class=\"`${prefixCls}-content`\">\n      <div :class=\"`${prefixCls}-scroll`\">\n        <slot></slot>\n      </div>\n    </div>\n\n    <div :style=\"collapseStyle\"></div>\n    <SidebarCollapseButton\n      v-if=\"showCollapseButton && !isSidebarMixed\"\n      v-model:collapsed=\"collapse\"\n    />\n    <div\n      v-if=\"isSidebarMixed\"\n      ref=\"asideRef\"\n      :class=\"{\n        [`${prefixCls}-extra`]: true,\n        [`${prefixCls}-extra--border`]: extraVisible,\n      }\"\n      :style=\"extraStyle\"\n    >\n      <SidebarCollapseButton\n        v-if=\"isSidebarMixed && expandOnHover && showCollapseButton\"\n        v-model:collapsed=\"extraCollapse\"\n      />\n\n      <SidebarFixedButton\n        v-if=\"!extraCollapse && showFixedButton\"\n        v-model:expand-on-hover=\"expandOnHover\"\n      />\n      <div v-if=\"!extraCollapse\" :style=\"extraTitleStyle\" :class=\"`${prefixCls}-extra-title`\">\n        <slot name=\"extra-title\"></slot>\n      </div>\n      <div :style=\"extraContentStyle\" :class=\"`${prefixCls}-extra-content`\">\n        <div :class=\"`${prefixCls}-scroll`\">\n          <slot name=\"extra\"></slot>\n        </div>\n      </div>\n    </div>\n  </aside>\n</template>\n"],"names":["usePrefixCls","_useModel","useScrollLock","useSlots","shallowRef","computed","watchEffect","domVisible","_createElementBlock","_normalizeClass","_unref","theme","_createElementVNode","isSidebarMixed","showFixedButton","_createBlock","SidebarFixedButton","_renderSlot","showCollapseButton","SidebarCollapseButton"],"mappings":"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"}

package/lib/components/layout/src/components/layout-tabbar.vue.d.ts

@@ -0,0 +1,18 @@
+interface Props {
+    /**
+     * 高度
+     */
+    height: number;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, 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/lib/components/layout/src/components/layout-tabbar.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var layoutTabbar_vue_vue_type_script_setup_true_lang = require('./layout-tabbar.vue2.js');
+
+
+
+exports.default = layoutTabbar_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=layout-tabbar.vue.js.map