pro-design-vue 1.3.5 → 1.3.7

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Pro Design Vue v1.3.5 */
+/*! Pro Design Vue v1.3.7 */
 
 (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.5";
+  const version$1 = "1.3.7";
 
   const makeInstaller = (components = []) => {
     const install = (app) => {
@@ -24027,6 +24027,10 @@
       type: Object,
       default: void 0
     },
+    autoHeight: {
+      type: [Boolean, Function],
+      default: false
+    },
     rangeSelection: {
       type: [String, Boolean],
       default: false
@@ -28992,6 +28996,7 @@
         };
         return style;
       });
+      const isApple = isMacOsUserAgent() || isIOSUserAgent();
       const stickyStyle = vue.computed(() => {
         const scrollBarSize = `-${tableContext.scrollBarSize.value || 15}px`;
         const horizontalScrollSticky = tableContext.props.horizontalScrollSticky;
@@ -29005,12 +29010,11 @@
             position: "sticky",
             "z-index": 8,
             bottom: `${bottom}px`,
-            marginTop: scrollBarSize
+            marginTop: isApple ? scrollBarSize : 0
           };
         }
         return {};
       });
-      const isApple = isMacOsUserAgent() || isIOSUserAgent();
       const isIosScroll = vue.computed(() => 0 === tableContext.scrollBarSize.value && isApple);
       const rootClass = vue.computed(() => ({
         [`${prefixCls.value}-horizontal-scroll`]: true,
@@ -30673,6 +30677,7 @@
         return Object.assign(
           {
             [`${prefixCls}-cell`]: true,
+            [`${prefixCls}-first-cell`]: props.column.columnIndex === 0,
             [`${prefixCls}-header-cell`]: true,
             [column.class || ""]: true,
             [column.className || ""]: true,
@@ -31830,12 +31835,11 @@
             vue.createElementVNode(
               "div",
               {
-                class: vue.normalizeClass(`${_ctx.prefixCls}-cell-shadow-right`),
-                style: vue.normalizeStyle(_ctx.shadowRightStyle)
+                class: vue.normalizeClass(`${_ctx.prefixCls}-cell-shadow-right`)
               },
               null,
-              6
-              /* CLASS, STYLE */
+              2
+              /* CLASS */
             ),
             vue.createVNode(_component_HeaderRows, {
               "prefix-cls": _ctx.prefixCls,
@@ -32645,24 +32649,23 @@
         range.setStart(firstChild, 0);
         range.setEnd(firstChild, firstChild.childNodes.length);
         let rangeWidth = range.getBoundingClientRect().width;
-        let rangeHeight = range.getBoundingClientRect().height;
         rangeWidth - Math.floor(rangeWidth) < 1e-3 && (rangeWidth = Math.floor(rangeWidth));
-        rangeHeight - Math.floor(rangeHeight) < 1e-3 && (rangeHeight = Math.floor(rangeHeight));
         const {
           pLeft,
-          pRight,
-          pTop,
-          pBottom
+          pRight
+          // pTop: pTop,
+          // pBottom: pBottom,
         } = ((child) => {
           const styles = window.getComputedStyle(child, null);
           return {
             pLeft: Number.parseInt(styles.paddingLeft, 10) || 0,
-            pRight: Number.parseInt(styles.paddingRight, 10) || 0,
-            pTop: Number.parseInt(styles.paddingTop, 10) || 0,
-            pBottom: Number.parseInt(styles.paddingBottom, 10) || 0
+            pRight: Number.parseInt(styles.paddingRight, 10) || 0
+            // pTop: Number.parseInt(styles.paddingTop, 10) || 0,
+            // pBottom: Number.parseInt(styles.paddingBottom, 10) || 0,
           };
         })(firstChild);
-        return rangeWidth + (pLeft + pRight) > firstChild.offsetWidth || rangeHeight + (pTop + pBottom) > firstChild.offsetHeight || firstChild.scrollWidth > firstChild.offsetWidth;
+        return rangeWidth + (pLeft + pRight) > firstChild.offsetWidth || // rangeHeight + (pTop + pBottom) > firstChild.offsetHeight ||
+        firstChild.scrollWidth > firstChild.offsetWidth;
       };
       vue.watch(() => props.open, (newValue) => {
         if (newValue) {
@@ -32996,6 +32999,7 @@
     const cellPosition = { rowIndex: props.flattenRowIndex, rowPinned: null, column };
     const cellClass = {
       [`${prefixCls}-cell`]: true,
+      [`${prefixCls}-first-cell`]: column.columnIndex === 0,
       [`${prefixCls}-body-cell`]: true,
       [`${prefixCls}-cell-multi`]: cellRowSpan > 1,
       [`${prefixCls}-cell-hidden`]: cellRowSpan === 0,
@@ -34337,7 +34341,7 @@
       Empty: antDesignVue.Empty,
       RenderVNode,
       RenderSlot,
-      HorizontalScroll: XScroll,
+      // HorizontalScroll: XScroll,
       YScroll
     },
     directives: { resize },
@@ -34633,8 +34637,8 @@
         return {
           width,
           minWidth: width,
-          maxWidth: width,
-          height: `${viewportHeight.value}px`
+          maxWidth: width
+          // height: `${viewportHeight.value}px`,
         };
       });
       const rightStyle = vue.computed(() => {
@@ -34642,8 +34646,8 @@
         return {
           width,
           minWidth: width,
-          maxWidth: width,
-          height: `${viewportHeight.value}px`
+          maxWidth: width
+          // height: `${viewportHeight.value}px`,
         };
       });
       const summaryClass = vue.computed(() => ({
@@ -34802,7 +34806,6 @@
     const _component_BodyRows = vue.resolveComponent("BodyRows");
     const _component_Empty = vue.resolveComponent("Empty");
     const _component_YScroll = vue.resolveComponent("YScroll");
-    const _component_HorizontalScroll = vue.resolveComponent("HorizontalScroll");
     const _directive_resize = vue.resolveDirective("resize");
     return vue.openBlock(), vue.createElementBlock(
       vue.Fragment,
@@ -35338,7 +35341,7 @@
           _: 1
           /* STABLE */
         }),
-        vue.createVNode(_component_HorizontalScroll)
+        vue.createCommentVNode(" <HorizontalScroll /> ")
       ],
       64
       /* STABLE_FRAGMENT */
@@ -35359,7 +35362,8 @@
       PopupContainer,
       AutoHeightHeader,
       ProHeader: Header,
-      ProBody: Body
+      ProBody: Body,
+      HorizontalScroll: XScroll
     },
     props: baseTableProps(),
     emits: [
@@ -35433,9 +35437,10 @@
       });
       const scrollTop = vue.ref(0);
       const scrollLeft = vue.ref(0);
-      const rootRef = vue.ref();
       const bodyWidth = vue.ref(0);
       const bodyHeight = vue.ref(0);
+      const rootRef = vue.ref();
+      const paginationRef = vue.ref();
       const measureWidthRef = vue.shallowRef();
       const mergedScrollX = eagerComputed(() => {
         var _a, _b;
@@ -36133,6 +36138,8 @@
         scrollTo,
         scrollLeft,
         scrollTop,
+        rootRef,
+        paginationRef,
         bodyRef: vue.computed(() => {
           var _a;
           return (_a = bodyRef.value) == null ? void 0 : _a.bodyRef;
@@ -36198,6 +36205,7 @@
         measureWidthRef,
         flattenData,
         rootRef,
+        paginationRef,
         mergedSummaryFixed,
         handleResize: (e) => {
           realHeaderHeight.value = e.detail.height;
@@ -36227,6 +36235,7 @@
     const _component_AutoHeightHeader = vue.resolveComponent("AutoHeightHeader");
     const _component_ProHeader = vue.resolveComponent("ProHeader");
     const _component_ProBody = vue.resolveComponent("ProBody");
+    const _component_HorizontalScroll = vue.resolveComponent("HorizontalScroll");
     const _component_PopupContainer = vue.resolveComponent("PopupContainer");
     const _component_Spin = vue.resolveComponent("Spin");
     const _component_MeasureWidth = vue.resolveComponent("MeasureWidth");
@@ -36265,7 +36274,7 @@
                 "div",
                 {
                   key: "content",
-                  ref: "ref",
+                  ref: "rootRef",
                   class: vue.normalizeClass(_ctx.rootClass),
                   style: vue.normalizeStyle(_ctx.rootStyle)
                 },
@@ -36310,6 +36319,7 @@
                 6
                 /* CLASS, STYLE */
               ),
+              vue.createVNode(_component_HorizontalScroll),
               vue.createElementVNode(
                 "div",
                 {
@@ -36343,8 +36353,9 @@
                 "div",
                 {
                   key: 2,
+                  ref: "paginationRef",
                   style: vue.normalizeStyle(_ctx.bottomPaginationStyle),
-                  class: vue.normalizeClass(`${_ctx.prefixCls}-pagination-wrap`),
+                  class: vue.normalizeClass(`${_ctx.prefixCls}-pagination-wrap ${_ctx.prefixCls}-pagination-wrap-${_ctx.size}`),
                   onResizeheight: _cache[5] || (_cache[5] = (...args) => _ctx.handlePaginationResize && _ctx.handlePaginationResize(...args))
                 },
                 [
@@ -36507,15 +36518,8 @@
     props: { prefixCls: String },
     setup() {
       const intl = useIntl();
-      const fullscreen = vue.ref(false);
-      vue.onMounted(() => {
-        if (!isBrowser$1()) {
-          return;
-        }
-        document.onfullscreenchange = () => {
-          fullscreen.value = !!document.fullscreenElement;
-        };
-      });
+      const counter = useInjectContainer();
+      const fullscreen = vue.computed(() => counter.hasFullScreen.value);
       return {
         h: vue.h,
         intl,
@@ -37719,6 +37723,10 @@
       onSearchTabChange: {
         type: Function,
         default: void 0
+      },
+      onCollapse: {
+        type: Function,
+        default: void 0
       }
     },
     setup: (props, {
@@ -37763,7 +37771,7 @@
           "items": props.items,
           "loading": props.loading,
           "style": {
-            marginBlockEnd: ((_a2 = props.search) == null ? void 0 : _a2.cardProps) !== false && props.tableShowCard ? 0 : "30px",
+            marginBlockEnd: ((_a2 = props.search) == null ? void 0 : _a2.cardProps) !== false && props.tableShowCard ? 0 : "16px",
             ...(_b2 = props.search) == null ? void 0 : _b2.style
           },
           "onReset": props.onReset,
@@ -37779,7 +37787,8 @@
           },
           "onInit": (values) => {
             submit(values, true);
-          }
+          },
+          "onCollapse": props.onCollapse
         }), slots);
         if (((_c2 = props.search) == null ? void 0 : _c2.cardProps) !== false && props.tableShowCard) {
           return vue.createVNode(antDesignVue.Card, vue.mergeProps({
@@ -37819,7 +37828,6 @@
       const tableRef = vue.ref();
       const {
         table,
-        prefixCls: antPrefixCls,
         dark
       } = useProConfigInject();
       const prefixCls = usePrefixCls("table");
@@ -38107,6 +38115,23 @@
           setMergeShowAlert(false);
         }
       });
+      const tableHeight = vue.ref(props.height);
+      const calcTableHeight = async () => {
+        var _a2, _b2, _c, _d, _e, _f, _g;
+        if (props.autoHeight || counter.hasFullScreen.value) {
+          await vue.nextTick();
+          const height = window.innerHeight - (((_c = (_b2 = (_a2 = tableRef.value) == null ? void 0 : _a2.rootRef) == null ? void 0 : _b2.getBoundingClientRect()) == null ? void 0 : _c.top) || 0) - (((_f = (_e = (_d = tableRef.value) == null ? void 0 : _d.paginationRef) == null ? void 0 : _e.getBoundingClientRect()) == null ? void 0 : _f.height) || 0);
+          tableHeight.value = typeof props.autoHeight === "function" ? (_g = props.autoHeight) == null ? void 0 : _g.call(props, height) : height;
+        } else {
+          tableHeight.value = props.height;
+        }
+      };
+      vue.watch(() => counter.tableSize.value, () => {
+        calcTableHeight();
+      });
+      vue.onMounted(() => {
+        calcTableHeight();
+      });
       expose({
         scrollTo: (pos, behavior) => {
           var _a2;
@@ -38124,6 +38149,14 @@
           var _a2;
           return vue.unref((_a2 = tableRef.value) == null ? void 0 : _a2.bodyRef);
         }),
+        rootRef: vue.computed(() => {
+          var _a2;
+          return vue.unref((_a2 = tableRef.value) == null ? void 0 : _a2.rootRef);
+        }),
+        paginationRef: vue.computed(() => {
+          var _a2;
+          return vue.unref((_a2 = tableRef.value) == null ? void 0 : _a2.paginationRef);
+        }),
         copySelectedRange: () => {
           var _a2;
           return (_a2 = tableRef.value) == null ? void 0 : _a2.copySelectedRange();
@@ -38154,10 +38187,11 @@
           return (_a2 = tableRef.value) == null ? void 0 : _a2.closeEditor(cellInfos);
         },
         reload,
-        reset
+        reset,
+        calcTableHeight
       });
       return () => {
-        var _a2, _b2, _c, _d, _e;
+        var _a2, _b2, _c, _d, _e, _f, _g, _h, _i;
         const {
           expandIcon = slots.expandIcon,
           expandedRowRender = slots.expandedRowRender
@@ -38172,17 +38206,8 @@
           "actionsRef": {
             ...actions,
             fullScreen: () => {
-              var _a3;
-              if (!counter.rootDomRef.value || !document.fullscreenEnabled) {
-                return;
-              }
-              if (document.fullscreenElement) {
-                document.exitFullscreen();
-                counter.hasFullScreen.value = false;
-              } else {
-                (_a3 = counter.rootDomRef.value) == null ? void 0 : _a3.requestFullscreen();
-                counter.hasFullScreen.value = true;
-              }
+              counter.hasFullScreen.value = !counter.hasFullScreen.value;
+              calcTableHeight();
             }
           },
           "tableColumn": tableColumn.value,
@@ -38215,6 +38240,8 @@
         }), vue.createVNode(InteralTable, vue.mergeProps({
           "ref": tableRef
         }, omit(props, ["onChange", "onUpdate:pagination", "onUpdate:selectedRowKeys", "onUpdate:columns"]), {
+          "height": tableHeight.value,
+          "virtual": !!props.autoHeight || !!counter.hasFullScreen.value || props.virtual,
           "prefixCls": mergedPrefixCls.value,
           "columns": mergeColumns || [],
           "size": counter.tableSize.value,
@@ -38242,43 +38269,33 @@
             default: () => [_tableDom]
           });
         }
-        return vue.createVNode(antDesignVue.ConfigProvider, {
-          "prefixCls": antPrefixCls == null ? void 0 : antPrefixCls.value,
-          "getPopupContainer": () => {
-            if (counter.hasFullScreen.value && counter.rootDomRef.value) {
-              return counter.rootDomRef.value;
-            }
-            return document.body;
-          }
-        }, {
-          default: () => {
-            var _a3, _b3, _c2, _d2;
-            return [vue.createVNode("div", vue.mergeProps({
-              "ref": counter.rootDomRef
-            }, attrs, {
-              "class": [`${mergedPrefixCls.value}-wrapper ${props.bordered ? mergedPrefixCls.value + "-wrapper-bordered" : ""} ${"dark" === theme.value ? mergedPrefixCls.value + "-wrapper-dark" : ""} ${pollingLoading.value ? mergedPrefixCls.value + "-wrapper-polling" : ""}`, attrs.class],
-              "onKeydown": onKeydown
-            }), [props.search !== false && !!((_a3 = formItems.value) == null ? void 0 : _a3.length) && vue.createVNode(FormRender, {
-              "prefixCls": mergedPrefixCls.value,
-              "items": formItems.value,
-              "cardBordered": (_d2 = (_c2 = props.cardBordered) != null ? _c2 : (_b3 = table == null ? void 0 : table.value) == null ? void 0 : _b3.cardBordered) != null ? _d2 : dark == null ? void 0 : dark.value,
-              "search": props.search,
-              "tableShowCard": props.cardProps !== false,
-              "loading": formSubmitLoading.value,
-              "beforeSearchSubmit": props.beforeSearchSubmit,
-              "manual": props.manual || props.manualRequest,
-              "onReset": props.onReset,
-              "onSubmit": props.onSubmit,
-              "onFormSearchSubmit": onFormSearchSubmit,
-              "onSearchTabChange": (newValues) => {
-                actions.setFormSearch({
-                  ...actions.formSearch.value,
-                  ...newValues
-                });
-              }
-            }, slots), tableDom])];
-          }
-        });
+        return vue.createVNode("div", vue.mergeProps({
+          "ref": counter.rootDomRef
+        }, attrs, {
+          "class": [`${mergedPrefixCls.value}-wrapper ${props.bordered ? mergedPrefixCls.value + "-wrapper-bordered" : ""} ${"dark" === theme.value ? mergedPrefixCls.value + "-wrapper-dark" : ""} ${pollingLoading.value ? mergedPrefixCls.value + "-wrapper-polling" : ""}`, {
+            [`${mergedPrefixCls.value}-maximize`]: counter.hasFullScreen.value
+          }, attrs.class],
+          "onKeydown": onKeydown
+        }), [props.search !== false && !!((_f = formItems.value) == null ? void 0 : _f.length) && vue.createVNode(FormRender, {
+          "prefixCls": mergedPrefixCls.value,
+          "items": formItems.value,
+          "cardBordered": (_i = (_h = props.cardBordered) != null ? _h : (_g = table == null ? void 0 : table.value) == null ? void 0 : _g.cardBordered) != null ? _i : dark == null ? void 0 : dark.value,
+          "search": props.search,
+          "tableShowCard": props.cardProps !== false,
+          "loading": formSubmitLoading.value,
+          "beforeSearchSubmit": props.beforeSearchSubmit,
+          "manual": props.manual || props.manualRequest,
+          "onReset": props.onReset,
+          "onSubmit": props.onSubmit,
+          "onFormSearchSubmit": onFormSearchSubmit,
+          "onSearchTabChange": (newValues) => {
+            actions.setFormSearch({
+              ...actions.formSearch.value,
+              ...newValues
+            });
+          },
+          "onCollapse": calcTableHeight
+        }, slots), tableDom]);
       };
     }
   });