pro-design-vue 1.4.2 → 1.4.3

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Pro Design Vue v1.4.2 */
+/*! Pro Design Vue v1.4.3 */
 
 (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.4.2";
+  const version$1 = "1.4.3";
 
   const makeInstaller = (components = []) => {
     const install = (app) => {
@@ -38852,7 +38852,8 @@
       tabList: { type: Array, required: false, default: () => [] },
       onTabChange: { type: null, required: false },
       tabProps: { type: Object, required: false },
-      loading: { type: [Boolean, Object], required: false }
+      loading: { type: [Boolean, Object], required: false, default: false },
+      contentLoading: { type: [Boolean, Object], required: false, default: false }
     }, {
       "activeKey": { type: null },
       "activeKeyModifiers": {}
@@ -38861,15 +38862,13 @@
     setup(__props) {
       const slots = vue.useSlots();
       const prefixCls = usePrefixCls("page");
-      const headerHeight = vue.ref(0);
       const footerHeight = vue.ref(0);
-      const tabsHeight = vue.ref(0);
+      const contentHeight = vue.ref(0);
       const shouldAutoHeight = vue.ref(false);
       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 contentRef = vue.useTemplateRef("content");
       const mergeContentPadding = vue.computed(() => {
         var _a;
         return __props.contentPadding || ((_a = page == null ? void 0 : page.value) == null ? void 0 : _a.contentPadding) || 16;
@@ -38920,7 +38919,7 @@
         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})`,
+            height: `calc(${contentHeight.value}px - ${typeof __props.heightOffset === "number" ? `${__props.heightOffset}px` : __props.heightOffset})`,
             overflowY: shouldAutoHeight.value ? "auto" : "unset",
             padding: `${mergeContentPadding.value || 0}px`,
             ...(_a = page == null ? void 0 : page.value) == null ? void 0 : _a.contentStyle,
@@ -38933,6 +38932,22 @@
           ...__props.contentStyle
         };
       });
+      const loadingProps = vue.computed(() => {
+        if (typeof __props.loading === "boolean") {
+          return {
+            spinning: __props.loading
+          };
+        }
+        return __props.loading;
+      });
+      const contentLoadingProps = vue.computed(() => {
+        if (typeof __props.contentLoading === "boolean") {
+          return {
+            spinning: __props.contentLoading
+          };
+        }
+        return __props.contentLoading;
+      });
       const mergeTabsProps = vue.computed(
         () => {
           var _a;
@@ -38945,9 +38960,8 @@
           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;
+        footerHeight.value = ((_a = footerRef.value) == null ? void 0 : _a.offsetHeight) || 0;
+        contentHeight.value = window.innerHeight - (((_c = (_b = contentRef.value) == null ? void 0 : _b.getBoundingClientRect()) == null ? void 0 : _c.top) || 0) - footerHeight.value;
         setTimeout(() => {
           shouldAutoHeight.value = true;
         }, 30);
@@ -38964,7 +38978,7 @@
         calcContentHeight();
       });
       return (_ctx, _cache) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b;
         return vue.openBlock(), vue.createElementBlock(
           "div",
           {
@@ -38972,131 +38986,162 @@
             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(
-              "div",
-              {
-                key: 0,
-                ref: "header",
-                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),
-            ((_c = _ctx.tabList) == null ? void 0 : _c.length) ? (vue.openBlock(), vue.createElementBlock(
-              "div",
-              {
-                key: 1,
-                ref: "tabs",
-                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, { "tab-position": "top" }), {
-                  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",
+            vue.createVNode(
+              vue.unref(antDesignVue.Spin),
+              vue.normalizeProps(vue.guardReactiveProps(loadingProps.value)),
               {
-                class: vue.normalizeClass(contentCls.value),
-                style: vue.normalizeStyle(contentStyles.value)
-              },
-              [
-                vue.renderSlot(_ctx.$slots, "default", {
-                  activeKey: (_e = tabActiveKey.value) != null ? _e : (_d = _ctx.tabList[0]) == null ? void 0 : _d.key,
-                  offset: offset.value
+                default: vue.withCtx(() => {
+                  var _a2;
+                  return [
+                    _ctx.$slots.header || _ctx.description || _ctx.$slots.description || _ctx.title || _ctx.$slots.title || _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock(
+                      "div",
+                      {
+                        key: 0,
+                        ref: "header",
+                        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),
+                    ((_a2 = _ctx.tabList) == null ? void 0 : _a2.length) ? (vue.openBlock(), vue.createElementBlock(
+                      "div",
+                      {
+                        key: 1,
+                        ref: "tabs",
+                        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, { "tab-position": "top" }), {
+                          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.createVNode(
+                      vue.unref(antDesignVue.Spin),
+                      vue.normalizeProps(vue.guardReactiveProps(contentLoadingProps.value)),
+                      {
+                        default: vue.withCtx(() => {
+                          var _a3, _b2, _c, _d, _e;
+                          return [
+                            vue.createElementVNode(
+                              "div",
+                              {
+                                ref: "content",
+                                class: vue.normalizeClass(contentCls.value),
+                                style: vue.normalizeStyle(contentStyles.value)
+                              },
+                              [
+                                vue.renderSlot(_ctx.$slots, "default", {
+                                  activeKey: (_b2 = tabActiveKey.value) != null ? _b2 : (_a3 = _ctx.tabList[0]) == null ? void 0 : _a3.key,
+                                  offset: offset.value
+                                }),
+                                ((_c = _ctx.tabList) == null ? void 0 : _c.length) ? vue.renderSlot(_ctx.$slots, "tabs", {
+                                  key: 0,
+                                  activeKey: (_e = tabActiveKey.value) != null ? _e : (_d = _ctx.tabList[0]) == null ? void 0 : _d.key,
+                                  offset: offset.value
+                                }, () => [
+                                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tabComp.value)))
+                                ]) : vue.createCommentVNode("v-if", true)
+                              ],
+                              6
+                              /* CLASS, STYLE */
+                            )
+                          ];
+                        }),
+                        _: 3
+                        /* FORWARDED */
+                      },
+                      16
+                      /* FULL_PROPS */
+                    ),
+                    _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock(
+                      "div",
+                      {
+                        key: 2,
+                        ref: "footer",
+                        class: vue.normalizeClass(footerCls.value)
+                      },
+                      [
+                        vue.renderSlot(_ctx.$slots, "footer")
+                      ],
+                      2
+                      /* CLASS */
+                    )) : vue.createCommentVNode("v-if", true)
+                  ];
                 }),
-                ((_f = _ctx.tabList) == null ? void 0 : _f.length) ? vue.renderSlot(_ctx.$slots, "tabs", {
-                  key: 0,
-                  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)))
-                ]) : vue.createCommentVNode("v-if", true)
-              ],
-              6
-              /* CLASS, STYLE */
-            ),
-            _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock(
-              "div",
-              {
-                key: 2,
-                ref: "footer",
-                class: vue.normalizeClass(footerCls.value)
+                _: 3
+                /* FORWARDED */
               },
-              [
-                vue.renderSlot(_ctx.$slots, "footer")
-              ],
-              2
-              /* CLASS */
-            )) : vue.createCommentVNode("v-if", true)
+              16
+              /* FULL_PROPS */
+            )
           ],
           6
           /* CLASS, STYLE */