pro-design-vue 1.3.39 → 1.3.41

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Pro Design Vue v1.3.39 */
+/*! Pro Design Vue v1.3.41 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('ant-design-vue'), require('vue'), require('ant-design-vue/es/locale/zh_CN.js')) :
@@ -32,7 +32,7 @@
   const DEFAULT_NAMESPACE = "pro";
   const DEFAULT_LOCALE = "zh-CN";
 
-  const version$1 = "1.3.39";
+  const version$1 = "1.3.41";
 
   const makeInstaller = (components = []) => {
     const install = (app) => {
@@ -8460,6 +8460,7 @@
       form: { type: Object, required: false },
       modal: { type: Object, required: false },
       drawer: { type: Object, required: false },
+      page: { type: Object, required: false },
       app: { type: Object, required: false },
       iconPrefixCls: { type: String, required: false },
       getTargetContainer: { type: Function, required: false },
@@ -8490,6 +8491,7 @@
       useCssVariables(vue.computed(() => props.dark));
       useProConfigProvide({
         table: vue.computed(() => props.table),
+        page: vue.computed(() => props.page),
         form: vue.computed(() => props.form),
         modal: vue.computed(() => props.modal),
         drawer: vue.computed(() => props.drawer),
@@ -8531,6 +8533,7 @@
       form: { type: Object, required: false },
       modal: { type: Object, required: false },
       drawer: { type: Object, required: false },
+      page: { type: Object, required: false },
       app: { type: Object, required: false },
       iconPrefixCls: { type: String, required: false },
       getTargetContainer: { type: Function, required: false },
@@ -8556,7 +8559,7 @@
       wave: { type: Object, required: false }
     },
     setup(__props) {
-      const rest = vue.createPropsRestProxy(__props, ["intl", "proPrefixCls", "dark", "compact", "token", "locale", "theme", "table", "drawer", "modal", "form", "app", "prefixCls", "componentSize", "accessCodes"]);
+      const rest = vue.createPropsRestProxy(__props, ["intl", "proPrefixCls", "dark", "compact", "token", "locale", "theme", "table", "page", "drawer", "modal", "form", "app", "prefixCls", "componentSize", "accessCodes"]);
       if (__props.locale.locale === DEFAULT_LOCALE.toLocaleLowerCase()) {
         Promise.resolve().then(function () { return zhCn$1; }).then((value) => {
           dayjs.locale(value);
@@ -8627,6 +8630,7 @@
                     proPrefixCls: _ctx.proPrefixCls,
                     table: _ctx.table,
                     form: _ctx.form,
+                    page: _ctx.page,
                     locale: _ctx.locale,
                     drawer: _ctx.drawer,
                     modal: _ctx.modal,
@@ -8639,7 +8643,7 @@
                     ]),
                     _: 3
                     /* FORWARDED */
-                  }, 8, ["contentOffsetTop", "intl", "dark", "proPrefixCls", "table", "form", "locale", "drawer", "modal", "prefixCls", "componentSize", "accessCodes"])
+                  }, 8, ["contentOffsetTop", "intl", "dark", "proPrefixCls", "table", "form", "page", "locale", "drawer", "modal", "prefixCls", "componentSize", "accessCodes"])
                 ]),
                 _: 3
                 /* FORWARDED */
@@ -20698,7 +20702,7 @@
       });
       const submitterConfig = vue.computed(() => {
         var _a, _b, _c, _d;
-        if (props.submitter === false) {
+        if (props.submitter === false || props.readonly) {
           return false;
         }
         return merge({
@@ -20822,7 +20826,7 @@
           }
         }), formSlots.value)],
         ...drawerSlots.value,
-        footer: props.submitter !== false ? () => vue.createVNode("div", {
+        footer: props.submitter !== false && !props.readonly ? () => vue.createVNode("div", {
           "style": "display: flex; justify-content: flex-end;",
           "ref": footerRef
         }, null) : void 0
@@ -20897,7 +20901,7 @@
       });
       const submitterConfig = vue.computed(() => {
         var _a, _b, _c, _d;
-        if (props.submitter === false) {
+        if (props.submitter === false || props.readonly) {
           return false;
         }
         return merge({
@@ -21021,7 +21025,7 @@
           }
         }), formSlots.value)],
         ...modalSlots.value,
-        footer: props.submitter !== false ? () => vue.createVNode("div", {
+        footer: props.submitter !== false && !props.readonly ? () => vue.createVNode("div", {
           "style": "display: flex; justify-content: flex-end;",
           "ref": footerRef
         }, null) : void 0
@@ -21122,7 +21126,7 @@
       const processedList = vue.ref([]);
       const [width, setWidth] = useMergedState$1(defaultWidth);
       const formExpose = useFormExpose(formRef);
-      useResizeObserver(wrapEl, (entries) => {
+      useResizeObserver(wrapEl, useDebounceFn((entries) => {
         const entry = entries[0];
         const {
           width: newWidth,
@@ -21132,7 +21136,7 @@
           setWidth(newWidth);
         }
         emit("resize", newWidth, height);
-      });
+      }, 100));
       const spanSize = vue.computed(() => getSpanConfig(props.layout, width.value + 16, props.span));
       const showLength = vue.computed(() => {
         if (props.defaultFormItemsNumber !== void 0) {
@@ -24918,7 +24922,7 @@
     });
     const [columnsMap, setColumnsMap] = useMergedState$1(
       () => {
-        var _a2, _b;
+        var _a2;
         const { persistenceType, persistenceKey } = props.columnsState || {};
         if (persistenceKey && persistenceType && typeof window !== "undefined") {
           const storage = window[persistenceType];
@@ -24931,7 +24935,7 @@
             console.warn(error);
           }
         }
-        return ((_a2 = props.columnsState) == null ? void 0 : _a2.value) || ((_b = props.columnsState) == null ? void 0 : _b.defaultValue) || defaultColumnKeyMap.value;
+        return ((_a2 = props.columnsState) == null ? void 0 : _a2.value) || defaultColumnKeyMap.value;
       },
       {
         value: vue.computed(() => {
@@ -34651,12 +34655,21 @@
         return summaryStyle.value;
       });
       const emptyStyle = vue.computed(() => ({ width: `${props.bodyWidth}px` }));
-      useResizeObserver(measureDomRef, (entries) => {
-        var _a;
-        const contentRect = (_a = entries[0]) == null ? void 0 : _a.contentRect;
-        emit("update:bodyWidth", (contentRect == null ? void 0 : contentRect.width) || 0);
-        emit("update:bodyHeight", (contentRect == null ? void 0 : contentRect.height) || 0);
-      });
+      useResizeObserver(
+        measureDomRef,
+        useDebounceFn((entries) => {
+          var _a;
+          const contentRect = (_a = entries[0]) == null ? void 0 : _a.contentRect;
+          emit("update:bodyWidth", (contentRect == null ? void 0 : contentRect.width) || 0);
+          emit("update:bodyHeight", (contentRect == null ? void 0 : contentRect.height) || 0);
+        }, 100)
+      );
+      const handleBodyInnerResize = useDebounceFn((e) => {
+        bodyInnerWidth.value = e.detail.width;
+      }, 100);
+      const handleBodyScrollResize = (e) => {
+        emit("update:bodyScrollWidth", e.detail.width);
+      };
       return {
         bodyContainerStyle,
         measureDomStyle: vue.computed(() => ({
@@ -34700,12 +34713,8 @@
         centerColumns,
         rightColumns,
         bodyInnerWidth,
-        handleBodyInnerResize: (e) => {
-          bodyInnerWidth.value = e.detail.width;
-        },
-        handleBodyScrollResize: (e) => {
-          emit("update:bodyScrollWidth", e.detail.width);
-        },
+        handleBodyInnerResize,
+        handleBodyScrollResize,
         bodyRef,
         measureDomRef,
         bodyInnerRef,
@@ -37989,10 +37998,11 @@
         return false;
       });
       const showTableCard = vue.computed(() => {
+        var _a2, _b2;
         if (counter.hasFullScreen.value) {
           return false;
         }
-        return props.cardProps !== false && !notNeedCardDom.value;
+        return !!((_b2 = props.cardProps) != null ? _b2 : (_a2 = table == null ? void 0 : table.value) == null ? void 0 : _a2.cardProps) && !notNeedCardDom.value;
       });
       const cardBodyStyle = vue.computed(() => {
         if (!showTableCard.value) return {};
@@ -38187,13 +38197,14 @@
           footer: props.footer || slots.footer
         })]);
         if (showTableCard.value) {
+          const cardProps = isObject$4(props.cardProps) ? props.cardProps : {};
           const _tableDom = /* @__PURE__ */ (function() {
             return tableDom;
           })();
           tableDom = vue.createVNode(antDesignVue.Card, vue.mergeProps({
             "bordered": isBordered("table", (_e = (_d = props.cardBordered) != null ? _d : (_c = table == null ? void 0 : table.value) == null ? void 0 : _c.cardBordered) != null ? _e : dark == null ? void 0 : dark.value),
             "bodyStyle": cardBodyStyle.value
-          }, props.cardProps), _isSlot(tableDom) ? tableDom : {
+          }, cardProps), _isSlot(tableDom) ? tableDom : {
             default: () => [_tableDom]
           });
         }
@@ -38705,12 +38716,13 @@
       title: { type: String, required: false },
       description: { type: String, required: false },
       contentClass: { type: String, required: false, default: "" },
+      pageStyle: { type: Object, required: false },
       contentStyle: { type: Object, required: false },
-      autoContentHeight: { type: Boolean, required: false, default: false },
+      autoContentHeight: { type: Boolean, required: 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 },
+      contentPadding: { type: Number, required: false },
       tabList: { type: Array, required: false, default: () => [] },
       onTabChange: { type: null, required: false },
       tabProps: { type: Object, required: false },
@@ -38727,28 +38739,50 @@
       const footerHeight = vue.ref(0);
       const tabsHeight = vue.ref(0);
       const shouldAutoHeight = vue.ref(false);
-      const { contentOffsetTop } = useProConfigInject();
+      const { contentOffsetTop, page } = useProConfigInject();
       const tabActiveKey = vue.useModel(__props, "activeKey");
       const headerRef = vue.useTemplateRef("header");
       const footerRef = vue.useTemplateRef("footer");
       const tabsRef = vue.useTemplateRef("tabs");
-      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 mergeContentPadding = vue.computed(() => {
+        var _a;
+        return __props.contentPadding || ((_a = page == null ? void 0 : page.value) == null ? void 0 : _a.contentPadding) || 16;
+      });
+      const mergeAutoContentHeight = vue.computed(
+        () => {
+          var _a;
+          return __props.autoContentHeight || ((_a = page == null ? void 0 : page.value) == null ? void 0 : _a.autoContentHeight) || false;
+        }
+      );
+      const headerCls = vue.computed(() => {
+        var _a;
+        return {
+          [`${prefixCls}-header`]: true,
+          [((_a = page == null ? void 0 : page.value) == null ? void 0 : _a.headerClass) || ""]: true,
+          [__props.headerClass]: true
+        };
+      });
+      const contentCls = vue.computed(() => {
+        var _a;
+        return {
+          [`${prefixCls}-content`]: true,
+          [((_a = page == null ? void 0 : page.value) == null ? void 0 : _a.contentClass) || ""]: true,
+          [__props.contentClass]: true
+        };
+      });
+      const footerCls = vue.computed(() => {
+        var _a;
+        return {
+          [`${prefixCls}-footer`]: true,
+          [((_a = page == null ? void 0 : page.value) == null ? void 0 : _a.footerClass) || ""]: true,
+          [__props.footerClass]: true
+        };
+      });
       const offset = vue.computed(() => {
-        if (__props.autoContentHeight) {
+        if (mergeAutoContentHeight.value) {
           return {
-            top: -__props.contentPadding,
-            bottom: -__props.contentPadding
+            top: -mergeContentPadding.value,
+            bottom: -mergeContentPadding.value
           };
         }
         return {
@@ -38757,16 +38791,19 @@
         };
       });
       const contentStyles = vue.computed(() => {
-        if (__props.autoContentHeight) {
+        var _a, _b;
+        if (mergeAutoContentHeight.value) {
           return {
             height: `calc(var(${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`,
+            padding: `${mergeContentPadding.value || 0}px`,
+            ...(_a = page == null ? void 0 : page.value) == null ? void 0 : _a.contentStyle,
             ...__props.contentStyle
           };
         }
         return {
-          padding: `${__props.contentPadding || 0}px`,
+          padding: `${mergeContentPadding.value || 0}px`,
+          ...(_b = page == null ? void 0 : page.value) == null ? void 0 : _b.contentStyle,
           ...__props.contentStyle
         };
       });
@@ -38801,11 +38838,12 @@
         calcContentHeight();
       });
       return (_ctx, _cache) => {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         return vue.openBlock(), vue.createElementBlock(
           "div",
           {
-            class: vue.normalizeClass([vue.unref(prefixCls), ((_a = _ctx.tabList) == null ? void 0 : _a.length) ? `is-tabs` : ""])
+            class: vue.normalizeClass([vue.unref(prefixCls), ((_a = _ctx.tabList) == null ? void 0 : _a.length) ? `is-tabs` : ""]),
+            style: vue.normalizeStyle((_b = vue.unref(page)) == null ? void 0 : _b.pageStyle)
           },
           [
             _ctx.$slots.header || _ctx.description || _ctx.$slots.description || _ctx.title || _ctx.$slots.title || _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock(
@@ -38859,7 +38897,7 @@
               2
               /* CLASS */
             )) : vue.createCommentVNode("v-if", true),
-            ((_b = _ctx.tabList) == null ? void 0 : _b.length) ? (vue.openBlock(), vue.createElementBlock(
+            ((_c = _ctx.tabList) == null ? void 0 : _c.length) ? (vue.openBlock(), vue.createElementBlock(
               "div",
               {
                 key: 1,
@@ -38906,12 +38944,12 @@
               },
               [
                 vue.renderSlot(_ctx.$slots, "default", {
-                  activeKey: (_d = tabActiveKey.value) != null ? _d : (_c = _ctx.tabList[0]) == null ? void 0 : _c.key,
+                  activeKey: (_e = tabActiveKey.value) != null ? _e : (_d = _ctx.tabList[0]) == null ? void 0 : _d.key,
                   offset: offset.value
                 }),
-                ((_e = _ctx.tabList) == null ? void 0 : _e.length) ? vue.renderSlot(_ctx.$slots, "tabs", {
+                ((_f = _ctx.tabList) == null ? void 0 : _f.length) ? vue.renderSlot(_ctx.$slots, "tabs", {
                   key: 0,
-                  activeKey: (_g = tabActiveKey.value) != null ? _g : (_f = _ctx.tabList[0]) == null ? void 0 : _f.key,
+                  activeKey: (_h = tabActiveKey.value) != null ? _h : (_g = _ctx.tabList[0]) == null ? void 0 : _g.key,
                   offset: offset.value
                 }, () => [
                   (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tabComp.value)))
@@ -38934,8 +38972,8 @@
               /* CLASS */
             )) : vue.createCommentVNode("v-if", true)
           ],
-          2
-          /* CLASS */
+          6
+          /* CLASS, STYLE */
         );
       };
     }