pro-design-vue 0.0.1-beta.1

package/lib/components/modal/src/modal.vue2.js

@@ -0,0 +1,232 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var antDesignVue = require('ant-design-vue');
+var Icon = require('@ant-design/icons-vue');
+var index$2 = require('../../button/index.js');
+var core = require('@vueuse/core');
+var index = require('../../../hooks/use-prefix-cls/index.js');
+var index$1 = require('../../../hooks/use-is-mobile/index.js');
+var omit = require('../../../utils/omit.js');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "ProModal",
+    inheritAttrs: false
+  },
+  __name: "modal",
+  props: {
+    description: { type: String, required: false },
+    showFullscreen: { type: Boolean, required: false, default: true },
+    defaultFullscreen: { type: Boolean, required: false },
+    draggable: { type: Boolean, required: false, default: false },
+    top: { type: Number, required: false, default: 100 },
+    prefixCls: { type: String, required: false },
+    open: { type: Boolean, required: false, default: false },
+    confirmLoading: { type: Boolean, required: false },
+    title: { type: null, required: false },
+    closable: { type: Boolean, required: false, default: true },
+    closeIcon: { type: null, required: false },
+    onOk: { type: Function, required: false },
+    onCancel: { type: Function, required: false },
+    "onUpdate:visible": { type: Function, required: false },
+    "onUpdate:open": { type: Function, required: false },
+    onChange: { type: Function, required: false },
+    afterClose: { type: Function, required: false },
+    centered: { type: Boolean, required: false },
+    width: { type: null, required: false },
+    footer: { type: null, required: false },
+    okText: { type: null, required: false },
+    okType: { type: String, required: false },
+    cancelText: { type: null, required: false },
+    icon: { type: null, required: false },
+    maskClosable: { type: Boolean, required: false, default: true },
+    forceRender: { type: Boolean, required: false },
+    okButtonProps: { type: Object, required: false },
+    cancelButtonProps: { type: Object, required: false },
+    destroyOnClose: { type: Boolean, required: false, default: true },
+    wrapClassName: { type: String, required: false },
+    maskTransitionName: { type: String, required: false },
+    transitionName: { type: String, required: false },
+    getContainer: { type: [String, Boolean, Function], required: false, skipCheck: true, default: () => document.body },
+    zIndex: { type: Number, required: false },
+    bodyStyle: { type: Object, required: false },
+    maskStyle: { type: Object, required: false },
+    mask: { type: Boolean, required: false, default: true },
+    keyboard: { type: Boolean, required: false, default: true },
+    wrapProps: { type: Object, required: false },
+    focusTriggerAfterClose: { type: Boolean, required: false },
+    modalRender: { type: Function, required: false },
+    mousePosition: { type: Object, required: false }
+  },
+  emits: ["cancel", "fullScreen"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const attrs = vue.useAttrs();
+    const prefixCls = index.usePrefixCls("modal");
+    const isDrag = vue.ref(false);
+    const fullscreen = vue.ref(props.defaultFullscreen);
+    const { isMobile } = index$1.useIsMobile();
+    const bodyWidth = vue.ref(0);
+    const modalHeaderEl = vue.useTemplateRef("modalHeaderRef");
+    const { width } = core.useElementBounding(modalHeaderEl);
+    core.useResizeObserver(document.body, (entries) => {
+      const entry = entries[0];
+      const { width: width2 } = (entry == null ? void 0 : entry.contentRect) || {};
+      bodyWidth.value = width2;
+    });
+    const hasFullscreen = vue.computed(() => isMobile.value || fullscreen.value);
+    const hasDraggable = vue.computed(() => props.draggable && !hasFullscreen.value);
+    const { style } = core.useDraggable(modalHeaderEl, {
+      disabled: vue.computed(() => !hasDraggable.value),
+      onMove() {
+        isDrag.value = true;
+      }
+    });
+    const modalProps = vue.computed(
+      () => omit.omitKeysAndUndefined(props, ["closable", "onCancel", "title", "width", "height"])
+    );
+    const modalClass = vue.computed(() => ({
+      [prefixCls]: true,
+      [attrs.class]: true,
+      [`${prefixCls}--fullscreen`]: hasFullscreen.value,
+      [`${prefixCls}--draggable`]: hasDraggable.value
+    }));
+    const modalStyle = vue.computed(() => {
+      if (isDrag.value) {
+        return style.value;
+      }
+      if (hasDraggable.value) {
+        return {
+          left: (bodyWidth.value - width.value) / 2 + "px",
+          top: `${props.top}px`
+        };
+      }
+      return {
+        top: `${props.top}px`
+      };
+    });
+    const modalWidth = vue.computed(() => {
+      if (hasFullscreen.value) {
+        return "100%";
+      }
+      return props.width;
+    });
+    const handleClose = (e) => {
+      var _a;
+      fullscreen.value = props.defaultFullscreen;
+      (_a = props["onUpdate:open"]) == null ? void 0 : _a.call(props, false);
+      emit("cancel", e);
+    };
+    const handleBtnClose = (e) => {
+      e.stopPropagation();
+      handleClose(e);
+    };
+    const handleFullScreen = () => {
+      fullscreen.value = !fullscreen.value;
+      emit("fullScreen", fullscreen.value);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Modal), vue.mergeProps(modalProps.value, {
+        class: modalClass.value,
+        closable: false,
+        width: modalWidth.value,
+        style: modalStyle.value,
+        onCancel: handleClose
+      }), vue.createSlots({
+        title: vue.withCtx(() => [
+          vue.createElementVNode(
+            "div",
+            {
+              ref: "modalHeaderRef",
+              class: vue.normalizeClass(`${vue.unref(prefixCls)}-header`)
+            },
+            [
+              vue.renderSlot(_ctx.$slots, "title", {}, () => [
+                vue.createElementVNode(
+                  "div",
+                  {
+                    class: vue.normalizeClass(`${vue.unref(prefixCls)}-title`)
+                  },
+                  vue.toDisplayString(_ctx.title),
+                  3
+                  /* TEXT, CLASS */
+                )
+              ]),
+              vue.renderSlot(_ctx.$slots, "description", {}, () => [
+                vue.createElementVNode(
+                  "div",
+                  {
+                    class: vue.normalizeClass(`${vue.unref(prefixCls)}-description`)
+                  },
+                  vue.toDisplayString(_ctx.description),
+                  3
+                  /* TEXT, CLASS */
+                )
+              ]),
+              vue.createElementVNode(
+                "div",
+                {
+                  class: vue.normalizeClass(`${vue.unref(prefixCls)}-extra`)
+                },
+                [
+                  _ctx.showFullscreen && !vue.unref(isMobile) ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ProButton), {
+                    key: 0,
+                    class: vue.normalizeClass(`${vue.unref(prefixCls)}-fullscreen`),
+                    size: "small",
+                    shape: "circle",
+                    type: "text",
+                    onClick: handleFullScreen
+                  }, {
+                    icon: vue.withCtx(() => [
+                      !fullscreen.value ? (vue.openBlock(), vue.createBlock(vue.unref(Icon.FullscreenOutlined), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(Icon.FullscreenExitOutlined), { key: 1 }))
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
+                  _ctx.closable ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ProButton), {
+                    key: 1,
+                    class: vue.normalizeClass(`${vue.unref(prefixCls)}-close`),
+                    size: "small",
+                    shape: "circle",
+                    type: "text",
+                    onClick: handleBtnClose
+                  }, {
+                    icon: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(Icon.CloseOutlined))
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+                ],
+                2
+                /* CLASS */
+              )
+            ],
+            2
+            /* CLASS */
+          )
+        ]),
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 2
+        /* DYNAMIC */
+      }, [
+        _ctx.$slots.footer ? {
+          name: "footer",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "footer")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["class", "width", "style"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=modal.vue2.js.map

package/lib/components/modal/src/modal.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.vue2.js","sources":["../../../../../../packages/components/modal/src/modal.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2025-06-23 16:43:27\n * @LastEditors: shen\n * @LastEditTime: 2025-08-29 13:53:15\n * @Description:\n-->\n<script setup lang=\"ts\">\nimport type { ModalProps } from 'ant-design-vue'\n\nimport { computed, ref, useTemplateRef, useAttrs } from 'vue'\nimport { Modal } from 'ant-design-vue'\nimport { CloseOutlined, FullscreenOutlined, FullscreenExitOutlined } from '@ant-design/icons-vue'\nimport { ProButton } from '@pro-design-vue/components/button'\nimport { omitKeysAndUndefined } from '@pro-design-vue/utils'\nimport { useIsMobile, usePrefixCls } from '@pro-design-vue/hooks'\nimport { useDraggable, useElementBounding, useResizeObserver } from '@vueuse/core'\nexport interface Props extends Omit<ModalProps, 'visible'> {\n  /**\n   * @zh_CN 标题描述信息\n   */\n  description?: string\n  /**\n   * @zh_CN 是否可以切换全屏\n   */\n  showFullscreen?: boolean\n  /**\n   * @zh_CN 默认全屏\n   */\n  defaultFullscreen?: boolean\n  /**\n   * @zh_CN 是否可以拖拽\n   */\n  draggable?: boolean\n  /**\n   * @zh_CN 距离顶部距离\n   */\n  top?: number\n}\ndefineOptions({\n  name: 'ProModal',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<Props>(), {\n  autofocus: false,\n  closable: true,\n  destroyOnClose: true,\n  getContainer: () => document.body,\n  mask: true,\n  keyboard: true,\n  maskClosable: true,\n  open: false,\n  showFullscreen: true,\n  draggable: false,\n  top: 100,\n})\nconst emit = defineEmits<{ cancel: [e: Event]; fullScreen: [value: boolean] }>()\nconst attrs = useAttrs()\nconst prefixCls = usePrefixCls('modal')\n// const open = defineModel<boolean>('open')\nconst isDrag = ref(false)\nconst fullscreen = ref(props.defaultFullscreen)\nconst { isMobile } = useIsMobile()\nconst bodyWidth = ref(0)\nconst modalHeaderEl = useTemplateRef<HTMLElement>('modalHeaderRef')\nconst { width } = useElementBounding(modalHeaderEl)\nuseResizeObserver(document.body, (entries) => {\n  const entry = entries[0]\n  const { width } = entry?.contentRect || ({} as DOMRectReadOnly)\n  bodyWidth.value = width\n})\nconst hasFullscreen = computed(() => isMobile.value || fullscreen.value)\nconst hasDraggable = computed(() => props.draggable && !hasFullscreen.value)\n\nconst { style } = useDraggable(modalHeaderEl, {\n  disabled: computed(() => !hasDraggable.value),\n  onMove() {\n    isDrag.value = true\n  },\n})\n\nconst modalProps = computed(() =>\n  omitKeysAndUndefined(props, ['closable', 'onCancel', 'title', 'width', 'height']),\n)\n\nconst modalClass = computed(() => ({\n  [prefixCls]: true,\n  [attrs.class as string]: true,\n  [`${prefixCls}--fullscreen`]: hasFullscreen.value,\n  [`${prefixCls}--draggable`]: hasDraggable.value,\n}))\n\nconst modalStyle = computed(() => {\n  if (isDrag.value) {\n    return style.value\n  }\n  if (hasDraggable.value) {\n    return {\n      left: (bodyWidth.value - width.value) / 2 + 'px',\n      top: `${props.top}px`,\n    }\n  }\n  return {\n    top: `${props.top}px`,\n  }\n})\n\nconst modalWidth = computed(() => {\n  if (hasFullscreen.value) {\n    return '100%'\n  }\n  return props.width\n})\n\nconst handleClose = (e: Event) => {\n  fullscreen.value = props.defaultFullscreen\n  props['onUpdate:open']?.(false)\n  emit('cancel', e)\n}\n\nconst handleBtnClose = (e: Event) => {\n  e.stopPropagation()\n  handleClose(e)\n}\n\nconst handleFullScreen = () => {\n  fullscreen.value = !fullscreen.value\n  emit('fullScreen', fullscreen.value)\n}\n</script>\n\n<template>\n  <Modal\n    v-bind=\"modalProps\"\n    :class=\"modalClass\"\n    :closable=\"false\"\n    :width=\"modalWidth\"\n    :style=\"modalStyle\"\n    @cancel=\"handleClose\"\n  >\n    <template #title>\n      <div ref=\"modalHeaderRef\" :class=\"`${prefixCls}-header`\">\n        <slot name=\"title\">\n          <div :class=\"`${prefixCls}-title`\">{{ title }}</div>\n        </slot>\n        <slot name=\"description\">\n          <div :class=\"`${prefixCls}-description`\">{{ description }}</div>\n        </slot>\n        <div :class=\"`${prefixCls}-extra`\">\n          <ProButton\n            v-if=\"showFullscreen && !isMobile\"\n            :class=\"`${prefixCls}-fullscreen`\"\n            size=\"small\"\n            shape=\"circle\"\n            type=\"text\"\n            @click=\"handleFullScreen\"\n          >\n            <template #icon>\n              <FullscreenOutlined v-if=\"!fullscreen\" />\n              <FullscreenExitOutlined v-else />\n            </template>\n          </ProButton>\n          <ProButton\n            v-if=\"closable\"\n            :class=\"`${prefixCls}-close`\"\n            size=\"small\"\n            shape=\"circle\"\n            type=\"text\"\n            @click=\"handleBtnClose\"\n          >\n            <template #icon>\n              <CloseOutlined />\n            </template>\n          </ProButton>\n        </div>\n      </div>\n    </template>\n    <template #default>\n      <slot />\n    </template>\n\n    <template #footer v-if=\"$slots.footer\">\n      <slot name=\"footer\" />\n    </template>\n  </Modal>\n</template>\n"],"names":["useAttrs","usePrefixCls","ref","useIsMobile","useTemplateRef","useElementBounding","useResizeObserver","width","computed","useDraggable","omitKeysAndUndefined","_createBlock","_unref","Modal","_mergeProps","_createElementVNode","_renderSlot","title","description","showFullscreen","ProButton","FullscreenOutlined","FullscreenExitOutlined","closable","_createVNode","CloseOutlined","$slots"],"mappings":"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"}

package/lib/components/page/index.d.ts

@@ -0,0 +1,4 @@
+import Page from './src/page.vue';
+import type { SFCWithInstall } from 'pro-design-vue/es/utils';
+export declare const ProPage: SFCWithInstall<typeof Page>;
+export default ProPage;

package/lib/components/page/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var page_vue_vue_type_script_setup_true_lang = require('./src/page.vue2.js');
+var install = require('../../utils/install.js');
+
+const ProPage = install.withInstall(page_vue_vue_type_script_setup_true_lang.default);
+
+exports.ProPage = ProPage;
+exports.default = ProPage;
+//# sourceMappingURL=index.js.map

package/lib/components/page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/page/index.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2025-06-23 16:43:18\n * @LastEditors: shen\n * @LastEditTime: 2025-08-27 13:30:15\n * @Description:\n */\nimport { withInstall } from '@pro-design-vue/utils'\nimport Page from './src/page.vue'\nimport type { SFCWithInstall } from '@pro-design-vue/utils'\n\nexport const ProPage: SFCWithInstall<typeof Page> = withInstall(Page)\nexport default ProPage\n"],"names":["withInstall","Page"],"mappings":";;;;;;;AAWO,MAAM,OAAA,GAAuCA,oBAAYC,gDAAI;;;;;"}

package/lib/components/page/src/page.vue.d.ts

@@ -0,0 +1,46 @@
+import type { TabsProps } from 'ant-design-vue';
+import type { PageProps } from './types';
+type __VLS_Props = PageProps;
+type __VLS_PublicProps = __VLS_Props & {
+    'activeKey'?: TabsProps['activeKey'];
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_17: {
+    activeKey: string | number | undefined;
+    offset: {
+        top: number;
+        bottom: number;
+    };
+}, __VLS_19: {
+    activeKey: string | number | undefined;
+    offset: {
+        top: number;
+        bottom: number;
+    };
+}, __VLS_25: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    title?: (props: typeof __VLS_3) => any;
+} & {
+    description?: (props: typeof __VLS_5) => any;
+} & {
+    extra?: (props: typeof __VLS_7) => any;
+} & {
+    default?: (props: typeof __VLS_17) => any;
+} & {
+    tabs?: (props: typeof __VLS_19) => any;
+} & {
+    footer?: (props: typeof __VLS_25) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:activeKey": (value: string | number | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:activeKey"?: ((value: string | number | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, 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/page/src/page.vue.js

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

package/lib/components/page/src/page.vue.js.map

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

package/lib/components/page/src/page.vue2.js

@@ -0,0 +1,263 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var antDesignVue = require('ant-design-vue');
+var index = require('../../../hooks/use-prefix-cls/index.js');
+var context = require('../../config-provider/src/context.js');
+var globals = require('../../../constants/globals.js');
+var omit = require('../../../utils/omit.js');
+
+const _hoisted_1 = { key: 0 };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "ProPage"
+  },
+  __name: "page",
+  props: /* @__PURE__ */ vue.mergeModels({
+    title: { type: String, required: false },
+    description: { type: String, required: false },
+    contentClass: { type: String, required: false, default: "" },
+    contentStyle: { type: Object, required: false },
+    autoContentHeight: { type: Boolean, required: false, default: false },
+    headerClass: { type: String, required: false, default: "" },
+    footerClass: { type: String, required: false, default: "" },
+    heightOffset: { type: Number, required: false, default: 0 },
+    contentPadding: { type: Number, required: false, default: 16 },
+    tabList: { type: Array, required: false, default: () => [] },
+    onTabChange: { type: null, required: false },
+    tabProps: { type: Object, required: false },
+    loading: { type: [Boolean, Object], required: false }
+  }, {
+    "activeKey": { type: null },
+    "activeKeyModifiers": {}
+  }),
+  emits: ["update:activeKey"],
+  setup(__props) {
+    const slots = vue.useSlots();
+    const prefixCls = index.usePrefixCls("page");
+    const headerHeight = vue.ref(0);
+    const footerHeight = vue.ref(0);
+    const tabsHeight = vue.ref(0);
+    const shouldAutoHeight = vue.ref(false);
+    const { contentOffsetTop } = context.useProConfigInject();
+    const tabActiveKey = vue.useModel(__props, "activeKey");
+    const pageRef = vue.useTemplateRef("pageRef");
+    const headerRef = vue.useTemplateRef("headerRef");
+    const footerRef = vue.useTemplateRef("footerRef");
+    const tabsRef = vue.useTemplateRef("tabsRef");
+    const headerCls = vue.computed(() => ({
+      [`${prefixCls}-header`]: true,
+      [__props.headerClass]: true
+    }));
+    const contentCls = vue.computed(() => ({
+      [`${prefixCls}-content`]: true,
+      [__props.contentClass]: true
+    }));
+    const footerCls = vue.computed(() => ({
+      [`${prefixCls}-footer`]: true,
+      [__props.footerClass]: true
+    }));
+    const offset = vue.computed(() => {
+      if (__props.autoContentHeight) {
+        return {
+          top: -__props.contentPadding,
+          bottom: -__props.contentPadding
+        };
+      }
+      return {
+        top: (contentOffsetTop == null ? void 0 : contentOffsetTop.value) || 0,
+        bottom: 0
+      };
+    });
+    const contentStyles = vue.computed(() => {
+      if (__props.autoContentHeight) {
+        return {
+          height: `calc(var(${globals.CSS_VARIABLE_LAYOUT_CONTENT_HEIGHT}) - ${headerHeight.value}px - ${tabsHeight.value}px - ${typeof __props.heightOffset === "number" ? `${__props.heightOffset}px` : __props.heightOffset})`,
+          overflowY: shouldAutoHeight.value ? "auto" : "unset",
+          padding: `${__props.contentPadding || 0}px`,
+          ...__props.contentStyle
+        };
+      }
+      return {
+        padding: `${__props.contentPadding || 0}px`,
+        ...__props.contentStyle
+      };
+    });
+    const mergeTabsProps = vue.computed(() => {
+      var _a;
+      return omit.omit((_a = __props.tabProps) != null ? _a : {}, ["activeKey", "onChange"]);
+    });
+    async function calcContentHeight() {
+      var _a, _b, _c;
+      if (!__props.autoContentHeight) {
+        return;
+      }
+      await vue.nextTick();
+      headerHeight.value = ((_a = headerRef.value) == null ? void 0 : _a.offsetHeight) || 0;
+      footerHeight.value = ((_b = footerRef.value) == null ? void 0 : _b.offsetHeight) || 0;
+      tabsHeight.value = ((_c = tabsRef.value) == null ? void 0 : _c.offsetHeight) || 0;
+      setTimeout(() => {
+        shouldAutoHeight.value = true;
+      }, 30);
+    }
+    const tabComp = vue.computed(() => {
+      var _a, _b;
+      if ((_a = __props.tabList) == null ? void 0 : _a.length) {
+        const key = (_b = tabActiveKey.value) != null ? _b : __props.tabList[0].key;
+        return slots[key];
+      }
+      return null;
+    });
+    vue.onMounted(() => {
+      calcContentHeight();
+    });
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e, _f, _g;
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          ref_key: "pageRef",
+          ref: pageRef,
+          class: vue.normalizeClass([vue.unref(prefixCls), ((_a = _ctx.tabList) == null ? void 0 : _a.length) ? `is-tabs` : ""])
+        },
+        [
+          _ctx.$slots.header || _ctx.description || _ctx.$slots.description || _ctx.title || _ctx.$slots.title || _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 0,
+              ref_key: "headerRef",
+              ref: headerRef,
+              class: vue.normalizeClass(headerCls.value)
+            },
+            [
+              vue.renderSlot(_ctx.$slots, "header", {}, () => [
+                vue.createElementVNode(
+                  "div",
+                  {
+                    class: vue.normalizeClass(`${vue.unref(prefixCls)}-header-wrap`)
+                  },
+                  [
+                    vue.renderSlot(_ctx.$slots, "title", {}, () => [
+                      _ctx.title ? (vue.openBlock(), vue.createElementBlock(
+                        "div",
+                        {
+                          key: 0,
+                          class: vue.normalizeClass(`${vue.unref(prefixCls)}-title`)
+                        },
+                        vue.toDisplayString(_ctx.title),
+                        3
+                        /* TEXT, CLASS */
+                      )) : vue.createCommentVNode("v-if", true)
+                    ]),
+                    vue.renderSlot(_ctx.$slots, "description", {}, () => [
+                      _ctx.description ? (vue.openBlock(), vue.createElementBlock(
+                        "p",
+                        {
+                          key: 0,
+                          class: vue.normalizeClass(`${vue.unref(prefixCls)}-description`)
+                        },
+                        vue.toDisplayString(_ctx.description),
+                        3
+                        /* TEXT, CLASS */
+                      )) : vue.createCommentVNode("v-if", true)
+                    ])
+                  ],
+                  2
+                  /* CLASS */
+                ),
+                _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+                  vue.renderSlot(_ctx.$slots, "extra")
+                ])) : vue.createCommentVNode("v-if", true)
+              ])
+            ],
+            2
+            /* CLASS */
+          )) : vue.createCommentVNode("v-if", true),
+          ((_b = _ctx.tabList) == null ? void 0 : _b.length) ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 1,
+              ref_key: "tabsRef",
+              ref: tabsRef,
+              class: vue.normalizeClass(`${vue.unref(prefixCls)}-tabs`)
+            },
+            [
+              vue.createVNode(vue.unref(antDesignVue.Tabs), vue.mergeProps({
+                activeKey: tabActiveKey.value,
+                "onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => tabActiveKey.value = $event)
+              }, mergeTabsProps.value), {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(
+                    vue.Fragment,
+                    null,
+                    vue.renderList(_ctx.tabList, (tab) => {
+                      return vue.openBlock(), vue.createBlock(
+                        vue.unref(antDesignVue.TabPane),
+                        vue.mergeProps({
+                          key: tab.key,
+                          ref_for: true
+                        }, tab),
+                        null,
+                        16
+                        /* FULL_PROPS */
+                      );
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ]),
+                _: 1
+                /* STABLE */
+              }, 16, ["activeKey"])
+            ],
+            2
+            /* CLASS */
+          )) : vue.createCommentVNode("v-if", true),
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(contentCls.value),
+              style: vue.normalizeStyle(contentStyles.value)
+            },
+            [
+              vue.renderSlot(_ctx.$slots, "default", {
+                activeKey: (_d = tabActiveKey.value) != null ? _d : (_c = _ctx.tabList[0]) == null ? void 0 : _c.key,
+                offset: offset.value
+              }),
+              ((_e = _ctx.tabList) == null ? void 0 : _e.length) ? vue.renderSlot(_ctx.$slots, "tabs", {
+                key: 0,
+                activeKey: (_g = tabActiveKey.value) != null ? _g : (_f = _ctx.tabList[0]) == null ? void 0 : _f.key,
+                offset: offset.value
+              }, () => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tabComp.value)))
+              ]) : vue.createCommentVNode("v-if", true)
+            ],
+            6
+            /* CLASS, STYLE */
+          ),
+          _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 2,
+              ref_key: "footerRef",
+              ref: footerRef,
+              class: vue.normalizeClass(footerCls.value)
+            },
+            [
+              vue.renderSlot(_ctx.$slots, "footer")
+            ],
+            2
+            /* CLASS */
+          )) : vue.createCommentVNode("v-if", true)
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=page.vue2.js.map

package/lib/components/page/src/page.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.vue2.js","sources":["../../../../../../packages/components/page/src/page.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { StyleValue } from 'vue'\nimport type { TabsProps } from 'ant-design-vue'\nimport type { PageProps } from './types'\n\nimport { computed, nextTick, onMounted, ref, useSlots, useTemplateRef } from 'vue'\nimport { Tabs, TabPane } from 'ant-design-vue'\nimport { CSS_VARIABLE_LAYOUT_CONTENT_HEIGHT } from '@pro-design-vue/constants'\nimport { usePrefixCls } from '@pro-design-vue/hooks'\nimport { omit } from '@pro-design-vue/utils'\nimport { useProConfigInject } from '../../config-provider'\n\ndefineOptions({\n  name: 'ProPage',\n})\nconst {\n  autoContentHeight = false,\n  heightOffset = 0,\n  headerClass = '',\n  contentClass = '',\n  footerClass = '',\n  tabList = [],\n  contentStyle,\n  tabProps,\n  contentPadding = 16,\n} = defineProps<PageProps>()\n\nconst slots = useSlots()\nconst prefixCls = usePrefixCls('page')\nconst headerHeight = ref(0)\nconst footerHeight = ref(0)\nconst tabsHeight = ref(0)\nconst shouldAutoHeight = ref(false)\n\nconst { contentOffsetTop } = useProConfigInject()\nconst tabActiveKey = defineModel<TabsProps['activeKey']>('activeKey')\nconst pageRef = useTemplateRef<HTMLDivElement>('pageRef')\nconst headerRef = useTemplateRef<HTMLDivElement>('headerRef')\nconst footerRef = useTemplateRef<HTMLDivElement>('footerRef')\nconst tabsRef = useTemplateRef<HTMLDivElement>('tabsRef')\nconst headerCls = computed(() => ({\n  [`${prefixCls}-header`]: true,\n  [headerClass]: true,\n}))\n\nconst contentCls = computed(() => ({\n  [`${prefixCls}-content`]: true,\n  [contentClass]: true,\n}))\n\nconst footerCls = computed(() => ({\n  [`${prefixCls}-footer`]: true,\n  [footerClass]: true,\n}))\n\nconst offset = computed(() => {\n  if (autoContentHeight) {\n    return {\n      top: -contentPadding,\n      bottom: -contentPadding,\n    }\n  }\n  return {\n    top: contentOffsetTop?.value || 0,\n    bottom: 0,\n  }\n})\n\nconst contentStyles = computed<StyleValue>(() => {\n  if (autoContentHeight) {\n    return {\n      height: `calc(var(${CSS_VARIABLE_LAYOUT_CONTENT_HEIGHT}) - ${headerHeight.value}px - ${tabsHeight.value}px - ${typeof heightOffset === 'number' ? `${heightOffset}px` : heightOffset})`,\n      overflowY: shouldAutoHeight.value ? 'auto' : 'unset',\n      padding: `${contentPadding || 0}px`,\n      ...contentStyle,\n    }\n  }\n  return {\n    padding: `${contentPadding || 0}px`,\n    ...contentStyle,\n  }\n})\n\nconst mergeTabsProps = computed(() => omit(tabProps ?? {}, ['activeKey', 'onChange']))\n\nasync function calcContentHeight() {\n  if (!autoContentHeight) {\n    return\n  }\n  await nextTick()\n  headerHeight.value = headerRef.value?.offsetHeight || 0\n  footerHeight.value = footerRef.value?.offsetHeight || 0\n  tabsHeight.value = tabsRef.value?.offsetHeight || 0\n\n  setTimeout(() => {\n    shouldAutoHeight.value = true\n  }, 30)\n}\n\nconst tabComp = computed(() => {\n  if (tabList?.length) {\n    const key = tabActiveKey.value ?? tabList[0]!.key!\n    return slots[key]\n  }\n  return null\n})\n\nonMounted(() => {\n  calcContentHeight()\n})\n</script>\n\n<template>\n  <div ref=\"pageRef\" :class=\"[prefixCls, tabList?.length ? `is-tabs` : '']\">\n    <div\n      v-if=\"\n        $slots.header || description || $slots.description || title || $slots.title || $slots.extra\n      \"\n      ref=\"headerRef\"\n      :class=\"headerCls\"\n    >\n      <slot name=\"header\">\n        <div :class=\"`${prefixCls}-header-wrap`\">\n          <slot name=\"title\">\n            <div v-if=\"title\" :class=\"`${prefixCls}-title`\">{{ title }}</div>\n          </slot>\n\n          <slot name=\"description\">\n            <p v-if=\"description\" :class=\"`${prefixCls}-description`\">\n              {{ description }}\n            </p>\n          </slot>\n        </div>\n\n        <div v-if=\"$slots.extra\">\n          <slot name=\"extra\"></slot>\n        </div>\n      </slot>\n    </div>\n    <div v-if=\"tabList?.length\" ref=\"tabsRef\" :class=\"`${prefixCls}-tabs`\">\n      <Tabs v-model:activeKey=\"tabActiveKey\" v-bind=\"mergeTabsProps\">\n        <template v-for=\"tab in tabList\" :key=\"tab.key\">\n          <TabPane v-bind=\"tab\" />\n        </template>\n      </Tabs>\n    </div>\n\n    <div :class=\"contentCls\" :style=\"contentStyles\">\n      <slot :active-key=\"tabActiveKey ?? tabList[0]?.key\" :offset=\"offset\"></slot>\n      <slot\n        name=\"tabs\"\n        v-if=\"tabList?.length\"\n        :active-key=\"tabActiveKey ?? tabList[0]?.key\"\n        :offset=\"offset\"\n      >\n        <component :is=\"tabComp\" />\n      </slot>\n    </div>\n\n    <div v-if=\"$slots.footer\" ref=\"footerRef\" :class=\"footerCls\">\n      <slot name=\"footer\"></slot>\n    </div>\n  </div>\n</template>\n"],"names":["useSlots","usePrefixCls","ref","useProConfigInject","_useModel","useTemplateRef","computed","CSS_VARIABLE_LAYOUT_CONTENT_HEIGHT","omit","nextTick","onMounted","_createElementBlock","_normalizeClass","_unref","tabList","$slots","description","title","_renderSlot","_createElementVNode","_createVNode","_mergeProps","_Fragment","_renderList","_openBlock","_createBlock","_resolveDynamicComponent"],"mappings":"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"}

package/lib/components/page/src/types.d.ts

@@ -0,0 +1,34 @@
+import type { TabsProps, TabPaneProps, SpinProps } from 'ant-design-vue';
+import type { CSSProperties } from 'vue';
+export interface PageProps {
+    title?: string;
+    description?: string;
+    contentClass?: string;
+    contentStyle?: CSSProperties;
+    /**
+     * 根据content可见高度自适应
+     */
+    autoContentHeight?: boolean;
+    headerClass?: string;
+    footerClass?: string;
+    /**
+     * Custom height offset value (in pixels) to adjust content area sizing
+     * when used with autoContentHeight
+     * @default 0
+     */
+    heightOffset?: number;
+    contentPadding?: number;
+    tabList?: (TabPaneProps & {
+        key?: string;
+    })[];
+    /** @name tab 修改时触发 */
+    onTabChange?: TabsProps['onChange'];
+    /** @name tabs 的其他配置 */
+    tabProps?: TabsProps;
+    /**
+     * 只加载内容区域
+     *
+     * @name loading 是否加载
+     */
+    loading?: boolean | SpinProps;
+}

package/lib/components/page/src/types.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=types.js.map