pro-design-vue 0.0.1-beta.1

package/es/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/es/components/layout/src/components/layout-sidebar.vue.mjs

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

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

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

package/es/components/layout/src/components/layout-sidebar.vue2.mjs

@@ -0,0 +1,318 @@
+import { defineComponent, mergeModels, useModel, useSlots, shallowRef, computed, watchEffect, createElementBlock, openBlock, Fragment, createCommentVNode, createElementVNode, normalizeClass, normalizeStyle, unref, createBlock, renderSlot } from 'vue';
+import { useScrollLock } from '@vueuse/core';
+import _sfc_main$1 from './widgets/sidebar-fixed-button.vue2.mjs';
+import _sfc_main$2 from './widgets/sidebar-collapse-button.vue2.mjs';
+import { usePrefixCls } from '../../../../hooks/use-prefix-cls/index.mjs';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "layout-sidebar",
+  props: /* @__PURE__ */ 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__ */ mergeModels(["leave"], ["update:collapse", "update:extraCollapse", "update:expandOnHovering", "update:expandOnHover", "update:extraVisible"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const prefixCls = usePrefixCls("layout-sidebar");
+    const collapse = useModel(__props, "collapse");
+    const extraCollapse = useModel(__props, "extraCollapse");
+    const expandOnHovering = useModel(__props, "expandOnHovering");
+    const expandOnHover = useModel(__props, "expandOnHover");
+    const extraVisible = useModel(__props, "extraVisible");
+    const isLocked = useScrollLock(document.body);
+    const slots = useSlots();
+    const asideRef = shallowRef();
+    const hiddenSideStyle = computed(() => calcMenuWidthStyle(true));
+    const style = 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 = computed(() => {
+      const { extraWidth, show, width, zIndex } = props;
+      return {
+        left: `${width}px`,
+        width: extraVisible.value && show ? `${extraWidth}px` : 0,
+        zIndex
+      };
+    });
+    const extraTitleStyle = computed(() => {
+      const { headerHeight } = props;
+      return {
+        height: `${headerHeight - 1}px`
+      };
+    });
+    const contentWidthStyle = computed(() => {
+      const { collapseWidth, fixedExtra, isSidebarMixed, mixedWidth } = props;
+      if (isSidebarMixed && fixedExtra) {
+        return { width: `${collapse.value ? collapseWidth : mixedWidth}px` };
+      }
+      return {};
+    });
+    const contentStyle = computed(() => {
+      const { collapseHeight, headerHeight } = props;
+      return {
+        height: `calc(100% - ${headerHeight + collapseHeight}px)`,
+        paddingTop: "8px",
+        ...contentWidthStyle.value
+      };
+    });
+    const headerStyle = computed(() => {
+      const { headerHeight, isSidebarMixed } = props;
+      return {
+        ...isSidebarMixed ? { display: "flex", justifyContent: "center" } : {},
+        height: `${headerHeight - 1}px`,
+        ...contentWidthStyle.value
+      };
+    });
+    const extraContentStyle = computed(() => {
+      const { collapseHeight, headerHeight } = props;
+      return {
+        height: `calc(100% - ${headerHeight + collapseHeight}px)`
+      };
+    });
+    const collapseStyle = computed(() => {
+      return {
+        height: `${props.collapseHeight}px`
+      };
+    });
+    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 openBlock(), createElementBlock(
+        Fragment,
+        null,
+        [
+          _ctx.domVisible ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 0,
+              style: normalizeStyle(hiddenSideStyle.value),
+              class: normalizeClass([unref(prefixCls), _ctx.theme])
+            },
+            null,
+            6
+            /* CLASS, STYLE */
+          )) : createCommentVNode("v-if", true),
+          createElementVNode(
+            "aside",
+            {
+              class: normalizeClass([
+                unref(prefixCls),
+                `${unref(prefixCls)}--fixed`,
+                _ctx.theme,
+                {
+                  [`${unref(prefixCls)}--mixed`]: _ctx.isSidebarMixed,
+                  [`${unref(prefixCls)}--no-mixed`]: !_ctx.isSidebarMixed
+                }
+              ]),
+              style: normalizeStyle(style.value),
+              onMouseenter: handleMouseenter,
+              onMouseleave: handleMouseleave
+            },
+            [
+              !collapse.value && !_ctx.isSidebarMixed && _ctx.showFixedButton ? (openBlock(), createBlock(unref(_sfc_main$1), {
+                key: 0,
+                "expand-on-hover": expandOnHover.value,
+                "onUpdate:expandOnHover": _cache[0] || (_cache[0] = ($event) => expandOnHover.value = $event)
+              }, null, 8, ["expand-on-hover"])) : createCommentVNode("v-if", true),
+              unref(slots).logo ? (openBlock(), createElementBlock(
+                "div",
+                {
+                  key: 1,
+                  style: normalizeStyle(headerStyle.value)
+                },
+                [
+                  renderSlot(_ctx.$slots, "logo")
+                ],
+                4
+                /* STYLE */
+              )) : createCommentVNode("v-if", true),
+              createElementVNode(
+                "div",
+                {
+                  style: normalizeStyle(contentStyle.value),
+                  class: normalizeClass(`${unref(prefixCls)}-content`)
+                },
+                [
+                  createElementVNode(
+                    "div",
+                    {
+                      class: normalizeClass(`${unref(prefixCls)}-scroll`)
+                    },
+                    [
+                      renderSlot(_ctx.$slots, "default")
+                    ],
+                    2
+                    /* CLASS */
+                  )
+                ],
+                6
+                /* CLASS, STYLE */
+              ),
+              createElementVNode(
+                "div",
+                {
+                  style: normalizeStyle(collapseStyle.value)
+                },
+                null,
+                4
+                /* STYLE */
+              ),
+              _ctx.showCollapseButton && !_ctx.isSidebarMixed ? (openBlock(), createBlock(unref(_sfc_main$2), {
+                key: 2,
+                collapsed: collapse.value,
+                "onUpdate:collapsed": _cache[1] || (_cache[1] = ($event) => collapse.value = $event)
+              }, null, 8, ["collapsed"])) : createCommentVNode("v-if", true),
+              _ctx.isSidebarMixed ? (openBlock(), createElementBlock(
+                "div",
+                {
+                  key: 3,
+                  ref_key: "asideRef",
+                  ref: asideRef,
+                  class: normalizeClass({
+                    [`${unref(prefixCls)}-extra`]: true,
+                    [`${unref(prefixCls)}-extra--border`]: extraVisible.value
+                  }),
+                  style: normalizeStyle(extraStyle.value)
+                },
+                [
+                  _ctx.isSidebarMixed && expandOnHover.value && _ctx.showCollapseButton ? (openBlock(), createBlock(unref(_sfc_main$2), {
+                    key: 0,
+                    collapsed: extraCollapse.value,
+                    "onUpdate:collapsed": _cache[2] || (_cache[2] = ($event) => extraCollapse.value = $event)
+                  }, null, 8, ["collapsed"])) : createCommentVNode("v-if", true),
+                  !extraCollapse.value && _ctx.showFixedButton ? (openBlock(), createBlock(unref(_sfc_main$1), {
+                    key: 1,
+                    "expand-on-hover": expandOnHover.value,
+                    "onUpdate:expandOnHover": _cache[3] || (_cache[3] = ($event) => expandOnHover.value = $event)
+                  }, null, 8, ["expand-on-hover"])) : createCommentVNode("v-if", true),
+                  !extraCollapse.value ? (openBlock(), createElementBlock(
+                    "div",
+                    {
+                      key: 2,
+                      style: normalizeStyle(extraTitleStyle.value),
+                      class: normalizeClass(`${unref(prefixCls)}-extra-title`)
+                    },
+                    [
+                      renderSlot(_ctx.$slots, "extra-title")
+                    ],
+                    6
+                    /* CLASS, STYLE */
+                  )) : createCommentVNode("v-if", true),
+                  createElementVNode(
+                    "div",
+                    {
+                      style: normalizeStyle(extraContentStyle.value),
+                      class: normalizeClass(`${unref(prefixCls)}-extra-content`)
+                    },
+                    [
+                      createElementVNode(
+                        "div",
+                        {
+                          class: normalizeClass(`${unref(prefixCls)}-scroll`)
+                        },
+                        [
+                          renderSlot(_ctx.$slots, "extra")
+                        ],
+                        2
+                        /* CLASS */
+                      )
+                    ],
+                    6
+                    /* CLASS, STYLE */
+                  )
+                ],
+                6
+                /* CLASS, STYLE */
+              )) : createCommentVNode("v-if", true)
+            ],
+            38
+            /* CLASS, STYLE, NEED_HYDRATION */
+          )
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=layout-sidebar.vue2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout-sidebar.vue2.mjs","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":["_useModel","domVisible","_createElementBlock","_normalizeClass","_unref","theme","_createElementVNode","isSidebarMixed","showFixedButton","_createBlock","SidebarFixedButton","_renderSlot","showCollapseButton","SidebarCollapseButton"],"mappings":"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"}

package/es/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/es/components/layout/src/components/layout-tabbar.vue.mjs

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

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

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

package/es/components/layout/src/components/layout-tabbar.vue2.mjs

@@ -0,0 +1,36 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, normalizeStyle, unref, renderSlot } from 'vue';
+import { usePrefixCls } from '../../../../hooks/use-prefix-cls/index.mjs';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "layout-tabbar",
+  props: {
+    height: { type: Number, required: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const prefixCls = usePrefixCls("layout-tabbar");
+    const style = computed(() => {
+      const { height } = props;
+      return {
+        height: `${height}px`
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "section",
+        {
+          style: normalizeStyle(style.value),
+          class: normalizeClass(unref(prefixCls))
+        },
+        [
+          renderSlot(_ctx.$slots, "default")
+        ],
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=layout-tabbar.vue2.mjs.map

package/es/components/layout/src/components/layout-tabbar.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-tabbar.vue2.mjs","sources":["../../../../../../../packages/components/layout/src/components/layout-tabbar.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2025-06-16 10:56:44\n * @LastEditors: shen\n * @LastEditTime: 2025-08-27 11:30:52\n * @Description:\n-->\n<script setup lang=\"ts\">\nimport { usePrefixCls } from '@pro-design-vue/hooks'\nimport type { CSSProperties } from 'vue'\n\nimport { computed } from 'vue'\n\ninterface Props {\n  /**\n   * 高度\n   */\n  height: number\n}\n\nconst props = withDefaults(defineProps<Props>(), {})\nconst prefixCls = usePrefixCls('layout-tabbar')\nconst style = computed((): CSSProperties => {\n  const { height } = props\n  return {\n    height: `${height}px`,\n  }\n})\n</script>\n\n<template>\n  <section :style=\"style\" :class=\"prefixCls\">\n    <slot></slot>\n  </section>\n</template>\n"],"names":["_createElementBlock","_unref","_renderSlot"],"mappings":";;;;;;;;;AAoBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AACd,IAAA,MAAM,SAAA,GAAY,aAAa,eAAe,CAAA;AAC9C,IAAA,MAAM,KAAA,GAAQ,SAAS,MAAqB;AAC1C,MAAA,MAAM,EAAE,QAAO,GAAI,KAAA;AACnB,MAAA,OAAO;AAAA,QACL,MAAA,EAAQ,GAAG,MAAM,CAAA,EAAA;AAAA,OACnB;AAAA,IACF,CAAC,CAAA;;0BAICA,kBAAA;AAAA,QAEU,SAAA;AAAA,QAAA;AAAA,UAFA,KAAA,iBAAO,KAAA,CAAA,KAAK,CAAA;AAAA,UAAG,KAAA,iBAAOC,KAAA,CAAA,SAAA,CAAS;AAAA;;UACvCC,UAAA,CAAa,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;"}

package/es/components/layout/src/components/widgets/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SidebarCollapseButton } from './sidebar-collapse-button.vue';
+export { default as SidebarFixedButton } from './sidebar-fixed-button.vue';

package/es/components/layout/src/components/widgets/index.mjs

@@ -0,0 +1,3 @@
+export { default as SidebarCollapseButton } from './sidebar-collapse-button.vue2.mjs';
+export { default as SidebarFixedButton } from './sidebar-fixed-button.vue2.mjs';
+//# sourceMappingURL=index.mjs.map

package/es/components/layout/src/components/widgets/index.mjs.map

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

package/es/components/layout/src/components/widgets/sidebar-collapse-button.vue.d.ts

@@ -0,0 +1,9 @@
+type __VLS_PublicProps = {
+    'collapsed'?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:collapsed": (value: boolean | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:collapsed"?: ((value: boolean | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-collapse-button.vue2.mjs","sources":["../../../../../../../../packages/components/layout/src/components/widgets/sidebar-collapse-button.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2025-06-12 09:44:33\n * @LastEditors: shen\n * @LastEditTime: 2025-08-27 13:20:11\n * @Description:\n-->\n<script setup lang=\"ts\">\nimport { usePrefixCls } from '@pro-design-vue/hooks'\nimport { ChevronsRightIcon, ChevronsLeftIcon } from '../icons'\n\nconst prefixCls = usePrefixCls('layout-sidebar-collapse-button')\nconst collapsed = defineModel<boolean>('collapsed')\n\nfunction handleCollapsed() {\n  collapsed.value = !collapsed.value\n}\n</script>\n\n<template>\n  <div :class=\"prefixCls\" @click.stop=\"handleCollapsed\">\n    <ChevronsRightIcon v-if=\"collapsed\" style=\"font-size: 16px\" />\n    <ChevronsLeftIcon v-else style=\"font-size: 16px\" />\n  </div>\n</template>\n"],"names":["_useModel","_createElementBlock","_unref","_createBlock","ChevronsRightIcon","ChevronsLeftIcon"],"mappings":";;;;;;;;;;;;;AAWA,IAAA,MAAM,SAAA,GAAY,aAAa,gCAAgC,CAAA;AAC/D,IAAA,MAAM,SAAA,GAAYA,QAAA,CAAoB,OAAA,EAAC,WAAW,CAAA;AAElD,IAAA,SAAS,eAAA,GAAkB;AACzB,MAAA,SAAA,CAAU,KAAA,GAAQ,CAAC,SAAA,CAAU,KAAA;AAAA,IAC/B;;0BAIEC,kBAAA;AAAA,QAGM,KAAA;AAAA,QAAA;AAAA,UAHA,KAAA,iBAAOC,KAAA,CAAA,SAAA,CAAS,CAAA;AAAA,UAAG,OAAA,gBAAY,eAAA,EAAe,CAAA,MAAA,CAAA;AAAA;;UACzB,UAAA,KAAA,iBAAzBC,WAAA,CAA8DD,KAAA,CAAAE,WAAA,CAAA,EAAA;AAAA;YAA1B,KAAA,EAAA,EAAA,WAAA,EAAA,MAAA;AAAA,8BACpCD,WAAA,CAAmDD,KAAA,CAAAG,WAAA,CAAA,EAAA;AAAA;YAA1B,KAAA,EAAA,EAAA,WAAA,EAAA,MAAA;AAAA;;;;;;;;;;;"}

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

@@ -0,0 +1,9 @@
+type __VLS_PublicProps = {
+    'expandOnHover'?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:expandOnHover": (value: boolean | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:expandOnHover"?: ((value: boolean | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;