pro-design-vue 1.3.16 → 1.3.18

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Pro Design Vue v1.3.16 */
+/*! Pro Design Vue v1.3.18 */
 
 (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.16";
+  const version$1 = "1.3.18";
 
   const makeInstaller = (components = []) => {
     const install = (app) => {
@@ -13995,6 +13995,9 @@
         }
         return props.text;
       });
+      const getPopupContainer = () => {
+        return document.body;
+      };
       return () => {
         const dom = vue.createVNode("div", {
           "class": cls.value,
@@ -14016,7 +14019,8 @@
           if (title) {
             return vue.createVNode(antDesignVue.Tooltip, {
               "placement": "topLeft",
-              "title": title
+              "title": title,
+              "getPopupContainer": getPopupContainer
             }, _isSlot$8(dom) ? dom : {
               default: () => [dom]
             });
@@ -17814,6 +17818,9 @@
         formData
       } = useInjectForm();
       const title = vue.computed(() => getSlot(props.title, formSlotsContext));
+      const getPopupContainer = () => {
+        return document.body;
+      };
       return () => vue.createVNode(vue.Fragment, null, [title.value && vue.createVNode("span", {
         "class": `${prefixCls}-item-title-text`
       }, [vue.createVNode(RenderVNode$1, {
@@ -17822,7 +17829,9 @@
           formData: formData.value,
           readonly: props.readonly
         }
-      }, null)]), props.tooltip && vue.createVNode(antDesignVue.Tooltip, null, {
+      }, null)]), props.tooltip && vue.createVNode(antDesignVue.Tooltip, {
+        "getPopupContainer": getPopupContainer
+      }, {
         default: () => [vue.createVNode(QuestionCircleOutlined, {
           "class": `${prefixCls}-item-tooltip`,
           "style": "margin-right: 3px"
@@ -20873,6 +20882,12 @@
         };
       }
       return item;
+    }).sort((a, b) => {
+      var _a2, _b;
+      if (b.order || a.order) {
+        return ((_a2 = b.order) != null ? _a2 : 0) - ((_b = a.order) != null ? _b : 0);
+      }
+      return 0;
     });
   };
   var _a;
@@ -29669,7 +29684,11 @@
       const popoverProps = vue.computed(
         () => "boolean" == typeof showCellPopover.value ? {} : showCellPopover.value
       );
+      const getPopupContainer = () => {
+        return document.body;
+      };
       return {
+        getPopupContainer,
         isShowPopover,
         tableSlotsContext,
         title,
@@ -29713,37 +29732,34 @@
         2
         /* CLASS */
       ),
-      _ctx.showCellPopover ? (vue.openBlock(), vue.createBlock(
-        _component_Popover,
-        vue.normalizeProps(vue.mergeProps({ key: 0 }, _ctx.popoverProps)),
-        vue.createSlots({
-          content: vue.withCtx(() => [
-            _ctx.tableSlotsContext.headerCellPopover ? (vue.openBlock(), vue.createBlock(_component_RenderVNode, {
-              key: 0,
-              vnode: _ctx.tableSlotsContext.headerCellPopover({
-                title: _ctx.column.title,
-                column: _ctx.column.originColumn
-              })
-            }, null, 8, ["vnode"])) : vue.createCommentVNode("v-if", true)
-          ]),
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_ExclamationCircleOutlined, { style: { "margin-inline-start": "3px", "font-size": "12px" } })
-          ]),
-          _: 2
-          /* DYNAMIC */
-        }, [
-          !((_a = _ctx.popoverProps) == null ? void 0 : _a.title) ? {
-            name: "title",
-            fn: vue.withCtx(() => [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.title)))
-            ]),
-            key: "0"
-          } : void 0
+      _ctx.showCellPopover ? (vue.openBlock(), vue.createBlock(_component_Popover, vue.mergeProps({ key: 0 }, _ctx.popoverProps, { getPopupContainer: _ctx.getPopupContainer }), vue.createSlots({
+        content: vue.withCtx(() => [
+          _ctx.tableSlotsContext.headerCellPopover ? (vue.openBlock(), vue.createBlock(_component_RenderVNode, {
+            key: 0,
+            vnode: _ctx.tableSlotsContext.headerCellPopover({
+              title: _ctx.column.title,
+              column: _ctx.column.originColumn
+            })
+          }, null, 8, ["vnode"])) : vue.createCommentVNode("v-if", true)
         ]),
-        1040
-        /* FULL_PROPS, DYNAMIC_SLOTS */
-      )) : vue.createCommentVNode("v-if", true),
-      _ctx.column.headerTooltip ? (vue.openBlock(), vue.createBlock(_component_Tooltip, { key: 1 }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_ExclamationCircleOutlined, { style: { "margin-inline-start": "3px", "font-size": "12px" } })
+        ]),
+        _: 2
+        /* DYNAMIC */
+      }, [
+        !((_a = _ctx.popoverProps) == null ? void 0 : _a.title) ? {
+          name: "title",
+          fn: vue.withCtx(() => [
+            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.title)))
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["getPopupContainer"])) : vue.createCommentVNode("v-if", true),
+      _ctx.column.headerTooltip ? (vue.openBlock(), vue.createBlock(_component_Tooltip, {
+        key: 1,
+        getPopupContainer: _ctx.getPopupContainer
+      }, {
         title: vue.withCtx(() => [
           _ctx.column.headerTooltip === true ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.title), { key: 0 })) : (vue.openBlock(), vue.createElementBlock(
             vue.Fragment,
@@ -29764,7 +29780,7 @@
         ]),
         _: 1
         /* STABLE */
-      })) : vue.createCommentVNode("v-if", true)
+      }, 8, ["getPopupContainer"])) : vue.createCommentVNode("v-if", true)
     ], 14, _hoisted_1$d);
   }
   var HeaderCellTitle = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$x]]);
@@ -30324,12 +30340,6 @@
         },
         { immediate: true }
       );
-      const getPopupContainer = vue.computed(
-        () => {
-          var _a, _b;
-          return (_b = (_a = props.column) == null ? void 0 : _a.getPopupContainer) != null ? _b : tableContext.props.getPopupContainer;
-        }
-      );
       const showFilterDropdown = vue.ref(false);
       devWarning(
         !("onFilterDropdownVisibleChange" in props.column),
@@ -30424,6 +30434,9 @@
         var _a;
         return !!((_a = filteredKeys.value) == null ? void 0 : _a.length);
       });
+      const getPopupContainer = () => {
+        return document.body;
+      };
       return {
         getPopupContainer,
         triggerOpen,
@@ -30763,9 +30776,13 @@
         clearFilters,
         filters: props.column.filters
       }));
+      const getPopupContainer = () => {
+        return document.body;
+      };
       return {
         tableContext,
         sorterInfo,
+        getPopupContainer,
         handleSortClick: (column, nextSortOrder) => {
           if (!column.sorter) return;
           const sortState = {
@@ -30828,31 +30845,25 @@
                 class: vue.normalizeClass(_ctx.titleClass)
               },
               [
-                _ctx.column.sorter && _ctx.showSorterTooltip ? (vue.openBlock(), vue.createBlock(
-                  _component_Tooltip,
-                  vue.normalizeProps(vue.mergeProps({ key: 0 }, _ctx.tooltipProps)),
-                  {
-                    title: vue.withCtx(() => [
-                      vue.createTextVNode(
-                        vue.toDisplayString(_ctx.sorterInfo.tip),
-                        1
-                        /* TEXT */
-                      )
-                    ]),
-                    default: vue.withCtx(() => [
-                      vue.createElementVNode("div", {
-                        class: vue.normalizeClass(`${_ctx.prefixCls}-column-sorters`),
-                        "data-tip": _ctx.sorterInfo.tip
-                      }, [
-                        vue.createVNode(_component_Sorter, vue.mergeProps({ column: _ctx.column }, _ctx.sorterInfo), null, 16, ["column"])
-                      ], 10, _hoisted_1$b)
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  },
-                  16
-                  /* FULL_PROPS */
-                )) : (vue.openBlock(), vue.createBlock(_component_Sorter, vue.mergeProps({
+                _ctx.column.sorter && _ctx.showSorterTooltip ? (vue.openBlock(), vue.createBlock(_component_Tooltip, vue.mergeProps({ key: 0 }, _ctx.tooltipProps, { getPopupContainer: _ctx.getPopupContainer }), {
+                  title: vue.withCtx(() => [
+                    vue.createTextVNode(
+                      vue.toDisplayString(_ctx.sorterInfo.tip),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  default: vue.withCtx(() => [
+                    vue.createElementVNode("div", {
+                      class: vue.normalizeClass(`${_ctx.prefixCls}-column-sorters`),
+                      "data-tip": _ctx.sorterInfo.tip
+                    }, [
+                      vue.createVNode(_component_Sorter, vue.mergeProps({ column: _ctx.column }, _ctx.sorterInfo), null, 16, ["column"])
+                    ], 10, _hoisted_1$b)
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 16, ["getPopupContainer"])) : (vue.openBlock(), vue.createBlock(_component_Sorter, vue.mergeProps({
                   key: 1,
                   column: _ctx.column
                 }, _ctx.sorterInfo), null, 16, ["column"]))
@@ -31010,7 +31021,9 @@
           }
           return autoHeight ? styles : { height: `${props.column.height}px` };
         }),
-        getPopupContainer: vue.computed(() => tableContext.getPopupContainer.value),
+        getPopupContainer: () => {
+          return document.body;
+        },
         rowSelectionType,
         hideSelectAll,
         onSelectAllChange: () => {
@@ -36596,9 +36609,13 @@
         };
         setColumnsMap(columnKeyMap);
       };
+      const getPopupContainer = () => {
+        return document.body;
+      };
       return {
         intl,
-        onClick
+        onClick,
+        getPopupContainer
       };
     }
   });
@@ -36635,6 +36652,7 @@
           [
             _ctx.fixed !== "left" ? (vue.openBlock(), vue.createBlock(_component_Tooltip, {
               key: 0,
+              getPopupContainer: _ctx.getPopupContainer,
               title: _ctx.intl.getMessage("tableToolBar.leftPin", "\u56FA\u5B9A\u5728\u5217\u9996")
             }, {
               default: vue.withCtx(() => [
@@ -36646,10 +36664,11 @@
               ]),
               _: 1
               /* STABLE */
-            }, 8, ["title"])) : vue.createCommentVNode("v-if", true),
+            }, 8, ["getPopupContainer", "title"])) : vue.createCommentVNode("v-if", true),
             !!_ctx.fixed ? (vue.openBlock(), vue.createBlock(_component_Tooltip, {
               key: 1,
-              title: _ctx.intl.getMessage("tableToolBar.noPin", "\u4E0D\u56FA\u5B9A")
+              title: _ctx.intl.getMessage("tableToolBar.noPin", "\u4E0D\u56FA\u5B9A"),
+              getPopupContainer: _ctx.getPopupContainer
             }, {
               default: vue.withCtx(() => [
                 vue.createElementVNode("span", {
@@ -36660,10 +36679,11 @@
               ]),
               _: 1
               /* STABLE */
-            }, 8, ["title"])) : vue.createCommentVNode("v-if", true),
+            }, 8, ["title", "getPopupContainer"])) : vue.createCommentVNode("v-if", true),
             _ctx.fixed !== "right" ? (vue.openBlock(), vue.createBlock(_component_Tooltip, {
               key: 2,
-              title: _ctx.intl.getMessage("tableToolBar.rightPin", "\u56FA\u5B9A\u5728\u5217\u5C3E")
+              title: _ctx.intl.getMessage("tableToolBar.rightPin", "\u56FA\u5B9A\u5728\u5217\u5C3E"),
+              getPopupContainer: _ctx.getPopupContainer
             }, {
               default: vue.withCtx(() => [
                 vue.createElementVNode("span", {
@@ -36674,7 +36694,7 @@
               ]),
               _: 1
               /* STABLE */
-            }, 8, ["title"])) : vue.createCommentVNode("v-if", true)
+            }, 8, ["title", "getPopupContainer"])) : vue.createCommentVNode("v-if", true)
           ],
           2
           /* CLASS */
@@ -37303,7 +37323,7 @@
   });
 
   function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d;
     const _component_InfoCircleOutlined = vue.resolveComponent("InfoCircleOutlined");
     const _component_Tooltip = vue.resolveComponent("Tooltip");
     const _component_ProSearch = vue.resolveComponent("ProSearch");
@@ -37346,10 +37366,10 @@
               selectedRowKeys: _ctx.selectedRowKeys,
               selectedRows: _ctx.selectedRows,
               actionsRef: _ctx.actionsRef,
-              searchParams: (_d = (_c = _ctx.actionsRef) == null ? void 0 : _c.searchParams) == null ? void 0 : _d.value,
+              searchParams: (_c = _ctx.actionsRef) == null ? void 0 : _c.searchParams,
               onCleanSelected: _ctx.onCleanSelected
             }, () => {
-              var _a2, _b2;
+              var _a2;
               return [
                 vue.createElementVNode(
                   "div",
@@ -37368,7 +37388,7 @@
                           selectedRowKeys: _ctx.selectedRowKeys,
                           selectedRows: _ctx.selectedRows,
                           actionsRef: _ctx.actionsRef,
-                          searchParams: (_b2 = (_a2 = _ctx.actionsRef) == null ? void 0 : _a2.searchParams) == null ? void 0 : _b2.value,
+                          searchParams: (_a2 = _ctx.actionsRef) == null ? void 0 : _a2.searchParams,
                           onCleanSelected: _ctx.onCleanSelected
                         }, () => [
                           vue.createTextVNode(
@@ -37405,7 +37425,7 @@
                       class: vue.normalizeClass(`${_ctx.prefixCls}-toolbar-options`)
                     }, {
                       default: vue.withCtx(() => {
-                        var _a3, _b3;
+                        var _a3;
                         return [
                           _ctx.mergeOptions.search !== false && !(!!_ctx.title || !!_ctx.$slots.title) ? (vue.openBlock(), vue.createElementBlock(
                             vue.Fragment,
@@ -37417,7 +37437,7 @@
                                 selectedRowKeys: _ctx.selectedRowKeys,
                                 selectedRows: _ctx.selectedRows,
                                 actionsRef: _ctx.actionsRef,
-                                searchParams: (_b3 = (_a3 = _ctx.actionsRef) == null ? void 0 : _a3.searchParams) == null ? void 0 : _b3.value,
+                                searchParams: (_a3 = _ctx.actionsRef) == null ? void 0 : _a3.searchParams,
                                 onCleanSelected: _ctx.onCleanSelected
                               })
                             ],
@@ -37443,7 +37463,7 @@
                       class: vue.normalizeClass(`${_ctx.prefixCls}-toolbar-actions`)
                     }, {
                       default: vue.withCtx(() => {
-                        var _a3, _b3, _c2, _d2;
+                        var _a3, _b2;
                         return [
                           _ctx.mergeOptions.search !== false && (!!_ctx.title || !!_ctx.$slots.title) ? (vue.openBlock(), vue.createElementBlock(
                             vue.Fragment,
@@ -37455,7 +37475,7 @@
                                 selectedRowKeys: _ctx.selectedRowKeys,
                                 selectedRows: _ctx.selectedRows,
                                 actionsRef: _ctx.actionsRef,
-                                searchParams: (_b3 = (_a3 = _ctx.actionsRef) == null ? void 0 : _a3.searchParams) == null ? void 0 : _b3.value,
+                                searchParams: (_a3 = _ctx.actionsRef) == null ? void 0 : _a3.searchParams,
                                 onCleanSelected: _ctx.onCleanSelected
                               })
                             ],
@@ -37467,7 +37487,7 @@
                             selectedRowKeys: _ctx.selectedRowKeys,
                             selectedRows: _ctx.selectedRows,
                             actionsRef: _ctx.actionsRef,
-                            searchParams: (_d2 = (_c2 = _ctx.actionsRef) == null ? void 0 : _c2.searchParams) == null ? void 0 : _d2.value,
+                            searchParams: (_b2 = _ctx.actionsRef) == null ? void 0 : _b2.searchParams,
                             onCleanSelected: _ctx.onCleanSelected
                           }),
                           _ctx.options !== false ? (vue.openBlock(), vue.createElementBlock(
@@ -37544,7 +37564,7 @@
               selectedRowKeys: _ctx.selectedRowKeys,
               selectedRows: _ctx.selectedRows,
               actionsRef: _ctx.actionsRef,
-              searchParams: (_f = (_e = _ctx.actionsRef) == null ? void 0 : _e.searchParams) == null ? void 0 : _f.value,
+              searchParams: (_d = _ctx.actionsRef) == null ? void 0 : _d.searchParams,
               onCleanSelected: _ctx.onCleanSelected
             })
           ],
@@ -38137,7 +38157,8 @@
       vue.watch(() => counter.tableSize.value, () => {
         calcTableHeight();
       });
-      vue.onMounted(() => {
+      vue.onMounted(async () => {
+        await promiseTimeout(0);
         calcTableHeight();
       });
       expose({
@@ -38207,6 +38228,10 @@
             ...actions.formSearch.value,
             ...fieldValues
           });
+        },
+        getSearchParams: () => {
+          var _a2;
+          return (_a2 = actions.searchParams.value) != null ? _a2 : {};
         }
       });
       return () => {