vue2-components-plus 1.0.70 → 1.0.81

package/dist/vue2-components-plus.es5.js

@@ -331,16 +331,16 @@ function registerDirective(Vue2) {
   Vue2.directive("enterClick", enterClickDirective);
   Vue2.directive("enter-click", enterClickDirective);
 }
-var ThemeVar = /*#__PURE__*/_createClass(function ThemeVar() {
+var ThemeVar$1 = /*#__PURE__*/_createClass(function ThemeVar() {
   _classCallCheck(this, ThemeVar);
 });
-ThemeVar.VARS = {};
-function loadCssVars() {
+ThemeVar$1.VARS = {};
+function loadCssVars$1() {
   if (typeof document === "undefined") {
-    return ThemeVar.VARS;
+    return ThemeVar$1.VARS;
   }
-  if (Object.keys(ThemeVar.VARS).length > 0) {
-    return ThemeVar.VARS;
+  if (Object.keys(ThemeVar$1.VARS).length > 0) {
+    return ThemeVar$1.VARS;
   }
   var variables = {};
   Array.from(document.styleSheets || []).forEach(function (sheet) {
@@ -361,7 +361,7 @@ function loadCssVars() {
       });
     });
   });
-  ThemeVar.VARS = variables;
+  ThemeVar$1.VARS = variables;
   return variables;
 }
 function toKebabCase$1(value) {
@@ -1201,7 +1201,40 @@ var _sfc_render$5 = function render() {
 var _sfc_staticRenderFns$5 = [];
 var __component__$5 = /* @__PURE__ */normalizeComponent(_sfc_main$5, _sfc_render$5, _sfc_staticRenderFns$5, false, null, "a83d5d48", null, null);
 var NsForm = __component__$5.exports;
-var DynamicFormTitle_vue_vue_type_style_index_0_scoped_5d766a25_lang = "";
+var ThemeVar2 = /*#__PURE__*/_createClass(function ThemeVar2() {
+  _classCallCheck(this, ThemeVar2);
+});
+ThemeVar2.VARS = {};
+function loadCssVars() {
+  if (typeof document === "undefined") {
+    return ThemeVar2.VARS;
+  }
+  if (Object.keys(ThemeVar2.VARS).length > 0) {
+    return ThemeVar2.VARS;
+  }
+  var variables = {};
+  Array.from(document.styleSheets || []).forEach(function (sheet) {
+    var cssRules = [];
+    try {
+      cssRules = Array.from(sheet.cssRules || []);
+    } catch (error) {
+      cssRules = [];
+    }
+    cssRules.forEach(function (rule) {
+      if (rule.selectorText !== ":root") {
+        return;
+      }
+      Array.from(rule.style || []).filter(function (name) {
+        return name.indexOf("--matrix-") === 0;
+      }).forEach(function (name) {
+        variables[name] = rule.style.getPropertyValue(name).trim();
+      });
+    });
+  });
+  ThemeVar2.VARS = variables;
+  return variables;
+}
+var DynamicFormTitle_vue_vue_type_style_index_0_scoped_29c80ec1_lang = "";
 var _sfc_main$4 = {
   name: "NsFormTitle",
   props: {
@@ -1232,7 +1265,7 @@ var _sfc_render$4 = function render2() {
   }, [_vm._t("default")], 2)]);
 };
 var _sfc_staticRenderFns$4 = [];
-var __component__$4 = /* @__PURE__ */normalizeComponent(_sfc_main$4, _sfc_render$4, _sfc_staticRenderFns$4, false, null, "5d766a25", null, null);
+var __component__$4 = /* @__PURE__ */normalizeComponent(_sfc_main$4, _sfc_render$4, _sfc_staticRenderFns$4, false, null, "29c80ec1", null, null);
 var NsFormTitle = __component__$4.exports;
 function getImageBaseUrl(instance) {
   var _a;
@@ -1740,193 +1773,8 @@ var _sfc_staticRenderFns$3 = [];
 var __component__$3 = /* @__PURE__ */normalizeComponent(_sfc_main$3, _sfc_render$3, _sfc_staticRenderFns$3, false, null, "90982d04", null, null);
 var NsSearch = __component__$3.exports;
 var RESERVED_KEYS = ["children", "slot", "headerSlot", "buttons", "enum", "type", "imageWidth", "imageHeight", "linkText"];
-function getColumnProps(column) {
-  var props = __spreadValues({}, column);
-  RESERVED_KEYS.forEach(function (key) {
-    return delete props[key];
-  });
-  return props;
-}
-function getRenderer(slotRenderers, name) {
-  return name ? slotRenderers[name] : null;
-}
-function getCellValue(row, column) {
-  return column.prop ? row[column.prop] : void 0;
-}
-function isVisible(config, row) {
-  if (typeof config.show === "function") {
-    return config.show(row) !== false;
-  }
-  if (config.show === void 0) {
-    return true;
-  }
-  return !!config.show;
-}
-function isDisabled(config, row) {
-  return typeof config.disabled === "function" ? !!config.disabled(row) : !!config.disabled;
-}
-function emit(listeners, name) {
-  for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
-    args[_key2 - 2] = arguments[_key2];
-  }
-  var handler = listeners && listeners[name];
-  if (!handler) {
-    return;
-  }
-  if (Array.isArray(handler)) {
-    handler.forEach(function (fn) {
-      return typeof fn === "function" && fn.apply(void 0, args);
-    });
-    return;
-  }
-  if (typeof handler === "function") {
-    handler.apply(void 0, args);
-  }
-}
-function resolveEnumText(column, value) {
-  var enumList = column.enum || column.options || [];
-  if (!Array.isArray(enumList)) {
-    return value;
-  }
-  var matched = enumList.find(function (item) {
-    return item.value === value;
-  });
-  return matched ? matched.label : value;
-}
-function renderActionButtons(h, scope, column, slotRenderers, listeners) {
-  var buttons = Array.isArray(column.buttons) ? column.buttons : [];
-  return buttons.filter(function (button) {
-    return isVisible(button, scope.row);
-  }).map(function (button, index2) {
-    var slotRenderer = getRenderer(slotRenderers, button.slot);
-    if (slotRenderer) {
-      return slotRenderer(__spreadProps(__spreadValues({}, scope), {
-        row: scope.row,
-        column: column,
-        button: button
-      }));
-    }
-    return h("el-button", {
-      key: button.label || index2,
-      props: {
-        size: button.size || "mini",
-        type: button.link ? "text" : button.type || "text",
-        icon: typeof button.icon === "string" ? button.icon : void 0,
-        disabled: isDisabled(button, scope.row)
-      },
-      on: {
-        click: function click() {
-          if (typeof button.handler === "function") {
-            button.handler(scope.row, scope.$index);
-          }
-          emit(listeners, "button-click", scope.row, column, button);
-        }
-      }
-    }, [button.label]);
-  });
-}
-function renderTag(h, scope, column) {
-  var cellValue = getCellValue(scope.row, column);
-  var tagType = typeof column.tagType === "function" ? column.tagType(scope.row, cellValue) : column.tagType;
-  var text = typeof column.formatter === "function" ? column.formatter(scope.row, column, cellValue) : resolveEnumText(column, cellValue);
-  return h("el-tag", {
-    props: {
-      type: tagType || "info",
-      size: column.tagSize || "small"
-    }
-  }, [text]);
-}
-function renderImage(h, scope, column) {
-  var src = getCellValue(scope.row, column);
-  if (!src) {
-    return "-";
-  }
-  return h("img", {
-    style: {
-      width: column.imageWidth || "40px",
-      height: column.imageHeight || "40px",
-      objectFit: "cover",
-      borderRadius: "4px"
-    },
-    attrs: {
-      src: src,
-      alt: column.label || "image"
-    }
-  });
-}
-function renderLink(h, scope, column, slotRenderers, listeners) {
-  var renderer = getRenderer(slotRenderers, column.slot);
-  if (renderer) {
-    return renderer(scope);
-  }
-  var cellValue = getCellValue(scope.row, column);
-  return h("el-button", {
-    props: {
-      type: "text"
-    },
-    on: {
-      click: function click() {
-        return emit(listeners, "link-click", scope.row, column);
-      }
-    }
-  }, [column.linkText || cellValue || "-"]);
-}
-function renderDefaultCell(h, scope, column, slotRenderers, listeners) {
-  var renderer = getRenderer(slotRenderers, column.slot);
-  if (renderer) {
-    return renderer(scope);
-  }
-  if (column.type === "action") {
-    return h("div", {
-      class: "ns-table-column__actions"
-    }, renderActionButtons(h, scope, column, slotRenderers, listeners));
-  }
-  if (column.type === "tag") {
-    return renderTag(h, scope, column);
-  }
-  if (column.type === "image") {
-    return renderImage(h, scope, column);
-  }
-  if (column.type === "link") {
-    return renderLink(h, scope, column, slotRenderers, listeners);
-  }
-  var cellValue = getCellValue(scope.row, column);
-  if (typeof column.formatter === "function") {
-    return column.formatter(scope.row, column, cellValue);
-  }
-  if (column.enum) {
-    return resolveEnumText(column, cellValue);
-  }
-  return cellValue === void 0 || cellValue === null || cellValue === "" ? "-" : cellValue;
-}
-function renderColumn(h, column, slotRenderers, listeners) {
-  var children = Array.isArray(column.children) ? column.children.map(function (child, index2) {
-    return h(TableColumn, {
-      key: child.prop || child.label || index2,
-      props: {
-        column: child,
-        slotRenderers: slotRenderers
-      },
-      on: listeners
-    });
-  }) : [];
-  var headerRenderer = getRenderer(slotRenderers, column.headerSlot);
-  return h("el-table-column", {
-    props: getColumnProps(column),
-    scopedSlots: children.length ? headerRenderer ? {
-      header: headerRenderer
-    } : void 0 : __spreadValues({
-      default: function _default(scope) {
-        return renderDefaultCell(h, scope, column, slotRenderers, listeners);
-      }
-    }, headerRenderer ? {
-      header: headerRenderer
-    } : {})
-  }, children);
-}
 var TableColumn = {
   name: "NsTableColumn",
-  functional: true,
   props: {
     column: {
       type: Object,
@@ -1939,8 +1787,192 @@ var TableColumn = {
       }
     }
   },
-  render: function render(h, ctx) {
-    return renderColumn(h, ctx.props.column, ctx.props.slotRenderers || {}, ctx.listeners || {});
+  methods: {
+    getColumnProps: function getColumnProps(column) {
+      var props = __spreadValues({}, column);
+      RESERVED_KEYS.forEach(function (key) {
+        return delete props[key];
+      });
+      return props;
+    },
+    getRenderer: function getRenderer(name) {
+      return name ? this.slotRenderers[name] : null;
+    },
+    getCellValue: function getCellValue(row, column) {
+      return column.prop ? row[column.prop] : void 0;
+    },
+    isVisible: function isVisible(config, row) {
+      if (typeof config.show === "function") {
+        return config.show(row) !== false;
+      }
+      if (config.show === void 0) {
+        return true;
+      }
+      return !!config.show;
+    },
+    isDisabled: function isDisabled(config, row) {
+      return typeof config.disabled === "function" ? !!config.disabled(row) : !!config.disabled;
+    },
+    renderActionButtons: function renderActionButtons(h, scope, column) {
+      var _this7 = this;
+      var buttons = Array.isArray(column.buttons) ? column.buttons : [];
+      return buttons.filter(function (button) {
+        return _this7.isVisible(button, scope.row);
+      }).map(function (button, index2) {
+        var slotRenderer = _this7.getRenderer(button.slot);
+        if (slotRenderer) {
+          return slotRenderer(__spreadProps(__spreadValues({}, scope), {
+            row: scope.row,
+            column: column,
+            button: button
+          }));
+        }
+        return h("el-button", {
+          key: button.label || index2,
+          props: {
+            size: button.size || "mini",
+            type: button.link ? "text" : button.type || "text",
+            icon: typeof button.icon === "string" ? button.icon : void 0,
+            disabled: _this7.isDisabled(button, scope.row)
+          },
+          on: {
+            click: function click() {
+              if (typeof button.handler === "function") {
+                button.handler(scope.row, scope.$index);
+              }
+              _this7.$emit("button-click", scope.row, column, button);
+            }
+          }
+        }, [button.label]);
+      });
+    },
+    renderTag: function renderTag(h, scope, column) {
+      var cellValue = this.getCellValue(scope.row, column);
+      var tagType = typeof column.tagType === "function" ? column.tagType(scope.row, cellValue) : column.tagType;
+      var text = typeof column.formatter === "function" ? column.formatter(scope.row, column, cellValue) : this.resolveEnumText(column, cellValue);
+      return h("el-tag", {
+        props: {
+          type: tagType || "info",
+          size: column.tagSize || "small"
+        }
+      }, [text]);
+    },
+    renderImage: function renderImage(h, scope, column) {
+      var src = this.getCellValue(scope.row, column);
+      if (!src) {
+        return "-";
+      }
+      return h("img", {
+        style: {
+          width: column.imageWidth || "40px",
+          height: column.imageHeight || "40px",
+          objectFit: "cover",
+          borderRadius: "4px"
+        },
+        attrs: {
+          src: src,
+          alt: column.label || "image"
+        }
+      });
+    },
+    renderLink: function renderLink(h, scope, column) {
+      var _this8 = this;
+      var renderer = this.getRenderer(column.slot);
+      if (renderer) {
+        return renderer(scope);
+      }
+      var cellValue = this.getCellValue(scope.row, column);
+      return h("el-button", {
+        props: {
+          type: "text"
+        },
+        on: {
+          click: function click() {
+            return _this8.$emit("link-click", scope.row, column);
+          }
+        }
+      }, [column.linkText || cellValue || "-"]);
+    },
+    resolveEnumText: function resolveEnumText(column, value) {
+      var enumList = column.enum || column.options || [];
+      if (!Array.isArray(enumList)) {
+        return value;
+      }
+      var matched = enumList.find(function (item) {
+        return item.value === value;
+      });
+      return matched ? matched.label : value;
+    },
+    renderDefaultCell: function renderDefaultCell(h, scope, column) {
+      var renderer = this.getRenderer(column.slot);
+      if (renderer) {
+        return renderer(scope);
+      }
+      if (column.type === "action") {
+        return h("div", {
+          class: "ns-table-column__actions"
+        }, this.renderActionButtons(h, scope, column));
+      }
+      if (column.type === "tag") {
+        return this.renderTag(h, scope, column);
+      }
+      if (column.type === "image") {
+        return this.renderImage(h, scope, column);
+      }
+      if (column.type === "link") {
+        return this.renderLink(h, scope, column);
+      }
+      var cellValue = this.getCellValue(scope.row, column);
+      if (typeof column.formatter === "function") {
+        return column.formatter(scope.row, column, cellValue);
+      }
+      if (column.enum) {
+        return this.resolveEnumText(column, cellValue);
+      }
+      return cellValue === void 0 || cellValue === null || cellValue === "" ? "-" : cellValue;
+    },
+    renderColumn: function renderColumn(h, column) {
+      var _this9 = this;
+      var children = Array.isArray(column.children) ? column.children.map(function (child, index2) {
+        return h(TableColumn, {
+          key: child.prop || child.label || index2,
+          props: {
+            column: child,
+            slotRenderers: _this9.slotRenderers
+          },
+          on: {
+            "link-click": function linkClick() {
+              for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+                args[_key2] = arguments[_key2];
+              }
+              return _this9.$emit.apply(_this9, ["link-click"].concat(args));
+            },
+            "button-click": function buttonClick() {
+              for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+                args[_key3] = arguments[_key3];
+              }
+              return _this9.$emit.apply(_this9, ["button-click"].concat(args));
+            }
+          }
+        });
+      }) : [];
+      var headerRenderer = this.getRenderer(column.headerSlot);
+      return h("el-table-column", {
+        props: this.getColumnProps(column),
+        scopedSlots: children.length ? headerRenderer ? {
+          header: headerRenderer
+        } : void 0 : __spreadValues({
+          default: function _default(scope) {
+            return _this9.renderDefaultCell(h, scope, column);
+          }
+        }, headerRenderer ? {
+          header: headerRenderer
+        } : {})
+      }, children);
+    }
+  },
+  render: function render(h) {
+    return this.renderColumn(h, this.column);
   }
 };
 var TableColumn$1 = TableColumn;
@@ -1969,7 +2001,7 @@ function resetPagination(pagination) {
   pagination.pageSize = 10;
   return pagination;
 }
-var PageTable_vue_vue_type_style_index_0_scoped_31eeea22_lang = "";
+var PageTable_vue_vue_type_style_index_0_scoped_86cf2232_lang = "";
 var RESERVED_LISTENERS = ["add", "selection-change", "sort-change", "row-click", "size-change", "current-change", "link-click"];
 var _sfc_main$2 = {
   name: "NsTable",
@@ -2081,6 +2113,10 @@ var _sfc_main$2 = {
       type: Number,
       default: null
     },
+    useDefaultPage: {
+      type: Boolean,
+      default: true
+    },
     pageSizes: {
       type: Array,
       default: function _default() {
@@ -2112,9 +2148,7 @@ var _sfc_main$2 = {
   },
   data: function data() {
     return {
-      internalPagination: createPagination(),
-      resizeObserver: null,
-      layoutTimer: null
+      internalPagination: createPagination()
     };
   },
   computed: {
@@ -2135,9 +2169,12 @@ var _sfc_main$2 = {
       return listeners;
     },
     resolvedHeight: function resolvedHeight() {
-      if (this.height !== void 0 && this.height !== null && this.height !== "") {
+      if (this.height !== void 0) {
         return this.height;
       }
+      if (this.autoHeight && this.maxHeight === void 0) {
+        return "100%";
+      }
       return void 0;
     },
     resolvedMaxHeight: function resolvedMaxHeight() {
@@ -2163,65 +2200,9 @@ var _sfc_main$2 = {
         }
       },
       immediate: true
-    },
-    tableData: {
-      handler: function handler() {
-        this.scheduleLayout();
-      },
-      deep: true,
-      immediate: true
-    },
-    columns: {
-      handler: function handler() {
-        this.scheduleLayout();
-      },
-      deep: true,
-      immediate: true
-    }
-  },
-  mounted: function mounted() {
-    this.scheduleLayout();
-    this.initResizeObserver();
-  },
-  beforeDestroy: function beforeDestroy() {
-    if (this.resizeObserver) {
-      this.resizeObserver.disconnect();
-      this.resizeObserver = null;
-    }
-    if (this.layoutTimer) {
-      clearTimeout(this.layoutTimer);
-      this.layoutTimer = null;
     }
   },
   methods: {
-    scheduleLayout: function scheduleLayout() {
-      var _this7 = this;
-      this.$nextTick(function () {
-        _this7.doLayout();
-        if (_this7.layoutTimer) {
-          clearTimeout(_this7.layoutTimer);
-        }
-        _this7.layoutTimer = setTimeout(function () {
-          _this7.doLayout();
-          _this7.layoutTimer = null;
-        }, 50);
-      });
-    },
-    initResizeObserver: function initResizeObserver() {
-      var _this8 = this;
-      if (typeof ResizeObserver === "undefined") {
-        return;
-      }
-      this.resizeObserver = new ResizeObserver(function () {
-        _this8.scheduleLayout();
-      });
-      if (this.$el) {
-        this.resizeObserver.observe(this.$el);
-      }
-      if (this.$el && this.$el.parentElement) {
-        this.resizeObserver.observe(this.$el.parentElement);
-      }
-    },
     handleAdd: function handleAdd() {
       this.$emit("add");
     },
@@ -2236,12 +2217,16 @@ var _sfc_main$2 = {
     },
     handleSizeChange: function handleSizeChange(size) {
       this.internalPagination.pageSize = size;
-      this.$emit("update:pageSize", size);
+      if (!this.useDefaultPage) {
+        this.$emit("update:pageSize", size);
+      }
       this.$emit("size-change", size);
     },
     handleCurrentChange: function handleCurrentChange(page) {
       this.internalPagination.currentPage = page;
-      this.$emit("update:currentPage", page);
+      if (!this.useDefaultPage) {
+        this.$emit("update:currentPage", page);
+      }
       this.$emit("current-change", page);
     },
     handleLinkClick: function handleLinkClick(row, column) {
@@ -2259,33 +2244,33 @@ var _sfc_main$2 = {
       return this.$refs.tableRef && this.$refs.tableRef.selection ? this.$refs.tableRef.selection : [];
     },
     getSelectionKeys: function getSelectionKeys() {
-      var _this9 = this;
+      var _this0 = this;
       var rows = this.getSelectionRows();
       if (!this.rowKey) {
         return rows;
       }
       return rows.map(function (row) {
-        return typeof _this9.rowKey === "function" ? _this9.rowKey(row) : row[_this9.rowKey];
+        return typeof _this0.rowKey === "function" ? _this0.rowKey(row) : row[_this0.rowKey];
       });
     },
     setSelectionRows: function setSelectionRows(rows) {
-      var _this0 = this;
+      var _this1 = this;
       if (!this.$refs.tableRef) return;
       this.$refs.tableRef.clearSelection();
       (rows || []).forEach(function (row) {
-        _this0.$refs.tableRef.toggleRowSelection(row, true);
+        _this1.$refs.tableRef.toggleRowSelection(row, true);
       });
     },
     setSelectionKeys: function setSelectionKeys(keys) {
-      var _this1 = this;
+      var _this10 = this;
       if (!this.$refs.tableRef || !this.rowKey) return;
       this.$refs.tableRef.clearSelection();
       (keys || []).forEach(function (key) {
-        var row = (_this1.tableData || []).find(function (item) {
-          return (typeof _this1.rowKey === "function" ? _this1.rowKey(item) : item[_this1.rowKey]) === key;
+        var row = (_this10.tableData || []).find(function (item) {
+          return (typeof _this10.rowKey === "function" ? _this10.rowKey(item) : item[_this10.rowKey]) === key;
         });
         if (row) {
-          _this1.$refs.tableRef.toggleRowSelection(row, true);
+          _this10.$refs.tableRef.toggleRowSelection(row, true);
         }
       });
     },
@@ -2330,15 +2315,21 @@ var _sfc_main$2 = {
     },
     resetPage: function resetPage() {
       this.internalPagination.currentPage = 1;
-      this.$emit("update:currentPage", 1);
+      if (!this.useDefaultPage) {
+        this.$emit("update:currentPage", 1);
+      }
     },
     setPage: function setPage(page) {
       this.internalPagination.currentPage = page;
-      this.$emit("update:currentPage", page);
+      if (!this.useDefaultPage) {
+        this.$emit("update:currentPage", page);
+      }
     },
     setPageSize: function setPageSize(size) {
       this.internalPagination.pageSize = size;
-      this.$emit("update:pageSize", size);
+      if (!this.useDefaultPage) {
+        this.$emit("update:pageSize", size);
+      }
     },
     getPagination: function getPagination() {
       return _defineProperty(_defineProperty(_defineProperty({}, this.pageTotalKey, this.total), this.pageNumberKey, this.currentPageModel), this.pageSizeKey, this.pageSizeModel);
@@ -2467,9 +2458,9 @@ var _sfc_render$2 = function render4() {
   })], 1) : _vm._e()]);
 };
 var _sfc_staticRenderFns$2 = [];
-var __component__$2 = /* @__PURE__ */normalizeComponent(_sfc_main$2, _sfc_render$2, _sfc_staticRenderFns$2, false, null, "31eeea22", null, null);
+var __component__$2 = /* @__PURE__ */normalizeComponent(_sfc_main$2, _sfc_render$2, _sfc_staticRenderFns$2, false, null, "86cf2232", null, null);
 var NsTable = __component__$2.exports;
-var PageContainer_vue_vue_type_style_index_0_scoped_1c664e81_lang = "";
+var PageContainer_vue_vue_type_style_index_0_scoped_07327ea0_lang = "";
 var _sfc_main$1 = {
   name: "NsTableContainer",
   components: {
@@ -2551,24 +2542,38 @@ var _sfc_main$1 = {
         return {};
       }
     },
-    loadData: {
-      type: Function,
-      default: null
+    useDefaultPage: {
+      type: Boolean,
+      default: true
     }
   },
   data: function data() {
     return {
       internalPagination: createPagination(),
+      internalSearchParams: {},
+      internalSortState: {
+        prop: "",
+        order: ""
+      },
       pendingSelectionKeys: /* @__PURE__ */new Set(),
       selectionRowMap: {},
-      isSyncingSelection: false
+      isSyncingSelection: false,
+      _emitSearchTimer: null
     };
   },
+  beforeDestroy: function beforeDestroy() {
+    if (this._emitSearchTimer) {
+      clearTimeout(this._emitSearchTimer);
+      this._emitSearchTimer = null;
+    }
+  },
   computed: {
     currentPageModel: function currentPageModel() {
+      if (this.useDefaultPage) return this.internalPagination.currentPage;
       return this.currentPage === null ? this.internalPagination.currentPage : this.currentPage;
     },
     pageSizeModel: function pageSizeModel() {
+      if (this.useDefaultPage) return this.internalPagination.pageSize;
       return this.pageSize === null ? this.internalPagination.pageSize : this.pageSize;
     },
     currentRowKey: function currentRowKey() {
@@ -2578,6 +2583,7 @@ var _sfc_main$1 = {
   watch: {
     currentPage: {
       handler: function handler(value) {
+        if (this.useDefaultPage) return;
         if (value !== null) {
           this.internalPagination.currentPage = value;
         }
@@ -2586,6 +2592,7 @@ var _sfc_main$1 = {
     },
     pageSize: {
       handler: function handler(value) {
+        if (this.useDefaultPage) return;
         if (value !== null) {
           this.internalPagination.pageSize = value;
         }
@@ -2594,9 +2601,9 @@ var _sfc_main$1 = {
     },
     tableData: {
       handler: function handler() {
-        var _this10 = this;
+        var _this11 = this;
         this.$nextTick(function () {
-          _this10.syncSelectionToCurrentPage();
+          _this11.syncSelectionToCurrentPage();
         });
       },
       deep: true,
@@ -2614,35 +2621,38 @@ var _sfc_main$1 = {
       this.$refs.tableRef && this.$refs.tableRef.clearSelection && this.$refs.tableRef.clearSelection();
     },
     syncSelectionToCurrentPage: function syncSelectionToCurrentPage() {
-      var _this11 = this;
+      var _this12 = this;
       if (!this.currentRowKey || !this.$refs.tableRef) {
         return;
       }
       this.isSyncingSelection = true;
       this.$refs.tableRef.clearSelection();
       (this.tableData || []).forEach(function (row) {
-        var key = _this11.getRowKey(row);
-        if (_this11.pendingSelectionKeys.has(key)) {
-          _this11.$set(_this11.selectionRowMap, key, row);
-          _this11.$refs.tableRef.toggleRowSelection(row, true);
+        var key = _this12.getRowKey(row);
+        if (_this12.pendingSelectionKeys.has(key)) {
+          _this12.$set(_this12.selectionRowMap, key, row);
+          _this12.$refs.tableRef.toggleRowSelection(row, true);
         }
       });
       this.$nextTick(function () {
-        _this11.isSyncingSelection = false;
+        _this12.isSyncingSelection = false;
       });
     },
     handleSearch: function handleSearch(params) {
       this.resetSelectionState();
+      var nextParams = params || {};
       if (params && params._resetPage) {
         var _a = params,
           _resetPage = _a._resetPage,
           searchParams = __objRest(_a, ["_resetPage"]);
+        nextParams = searchParams;
         this.internalPagination.currentPage = 1;
-        this.$emit("update:currentPage", 1);
-        this.$emit("search", searchParams);
-        return;
+        if (!this.useDefaultPage) {
+          this.$emit("update:currentPage", 1);
+        }
       }
-      this.$emit("search", params);
+      this.internalSearchParams = __spreadValues({}, nextParams);
+      this.emitSearch();
     },
     handleReset: function handleReset() {
       this.resetSelectionState();
@@ -2653,30 +2663,38 @@ var _sfc_main$1 = {
     },
     handleSizeChange: function handleSizeChange(size) {
       this.internalPagination.pageSize = size;
-      this.$emit("update:pageSize", size);
+      var maxPage = Math.max(1, Math.ceil((this.total || 0) / size));
+      if (this.internalPagination.currentPage > maxPage) {
+        this.internalPagination.currentPage = maxPage;
+      }
+      if (!this.useDefaultPage) {
+        this.$emit("update:pageSize", size);
+        this.$emit("update:currentPage", this.internalPagination.currentPage);
+      }
       this.$emit("size-change", size);
       this.$emit("page-change", {
-        currentPage: this.currentPageModel,
+        currentPage: this.internalPagination.currentPage,
         pageSize: size
       });
-      if (this.loadData) {
-        this.loadData();
-      }
+      this.emitSearch();
     },
     handleCurrentChange: function handleCurrentChange(page) {
+      if (this.internalPagination.currentPage === page) {
+        return;
+      }
       this.internalPagination.currentPage = page;
-      this.$emit("update:currentPage", page);
+      if (!this.useDefaultPage) {
+        this.$emit("update:currentPage", page);
+      }
       this.$emit("current-change", page);
       this.$emit("page-change", {
         currentPage: page,
         pageSize: this.pageSizeModel
       });
-      if (this.loadData) {
-        this.loadData();
-      }
+      this.emitSearch();
     },
     handleSelectionChange: function handleSelectionChange(selection) {
-      var _this12 = this;
+      var _this13 = this;
       if (this.isSyncingSelection) {
         return;
       }
@@ -2685,21 +2703,26 @@ var _sfc_main$1 = {
         return;
       }
       var currentPageKeys = (this.tableData || []).map(function (row) {
-        return _this12.getRowKey(row);
+        return _this13.getRowKey(row);
       });
       currentPageKeys.forEach(function (key) {
-        _this12.pendingSelectionKeys.delete(key);
-        _this12.$delete(_this12.selectionRowMap, key);
+        _this13.pendingSelectionKeys.delete(key);
+        _this13.$delete(_this13.selectionRowMap, key);
       });
       (selection || []).forEach(function (row) {
-        var key = _this12.getRowKey(row);
-        _this12.pendingSelectionKeys.add(key);
-        _this12.$set(_this12.selectionRowMap, key, row);
+        var key = _this13.getRowKey(row);
+        _this13.pendingSelectionKeys.add(key);
+        _this13.$set(_this13.selectionRowMap, key, row);
       });
       this.$emit("selection-change", Object.values(this.selectionRowMap));
     },
     handleSortChange: function handleSortChange(sort) {
+      this.internalSortState = sort || {
+        prop: "",
+        order: ""
+      };
       this.$emit("sort-change", sort);
+      this.emitSearch();
     },
     handleRowClick: function handleRowClick(row, column, event) {
       this.$emit("row-click", row, column, event);
@@ -2707,16 +2730,43 @@ var _sfc_main$1 = {
     handleLinkClick: function handleLinkClick(row, column) {
       this.$emit("link-click", row, column);
     },
+    buildLoadQuery: function buildLoadQuery() {
+      return __spreadProps(__spreadValues({}, this.internalSearchParams), _defineProperty(_defineProperty(_defineProperty({}, this.pageNumberKey, this.currentPageModel), this.pageSizeKey, this.pageSizeModel), "sort", __spreadValues({}, this.internalSortState)));
+    },
+    emitSearch: function emitSearch() {
+      var _this14 = this;
+      if (this._emitSearchTimer) {
+        clearTimeout(this._emitSearchTimer);
+      }
+      this._emitSearchTimer = setTimeout(function () {
+        _this14._emitSearchTimer = null;
+        _this14.$emit("search", _this14.buildLoadQuery());
+      }, 0);
+    },
+    reload: function reload() {
+      this.emitSearch();
+    },
+    refresh: function refresh() {
+      var isFirstPage = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      if (isFirstPage) {
+        this.internalPagination.currentPage = 1;
+        if (!this.useDefaultPage) {
+          this.$emit("update:currentPage", 1);
+        }
+      }
+      this.emitSearch();
+    },
+    getSearchParams: function getSearchParams() {
+      return this.buildLoadQuery();
+    },
     initSearchAndLoad: function initSearchAndLoad() {
-      var _this13 = this;
+      var _this15 = this;
       this.$nextTick(function () {
-        if (_this13.showSearch && _this13.$refs.searchRef) {
-          _this13.$emit("search", _this13.$refs.searchRef.getFormData());
-          return;
-        }
-        if (_this13.loadData) {
-          _this13.loadData();
+        if (_this15.showSearch && _this15.$refs.searchRef) {
+          var formData = _this15.$refs.searchRef.getFormData();
+          _this15.internalSearchParams = __spreadValues({}, formData);
         }
+        _this15.emitSearch();
       });
     },
     getSearchFormData: function getSearchFormData() {
@@ -2743,7 +2793,7 @@ var _sfc_main$1 = {
       return this.currentRowKey ? Array.from(this.pendingSelectionKeys) : ((_b = (_a = this.$refs.tableRef) == null ? void 0 : _a.getSelectionKeys) == null ? void 0 : _b.call(_a)) || [];
     },
     setSelectionRows: function setSelectionRows(rows) {
-      var _this14 = this;
+      var _this16 = this;
       if (!this.currentRowKey) {
         this.$refs.tableRef && this.$refs.tableRef.setSelectionRows(rows);
         return;
@@ -2751,23 +2801,23 @@ var _sfc_main$1 = {
       this.pendingSelectionKeys = /* @__PURE__ */new Set();
       this.selectionRowMap = {};
       (rows || []).forEach(function (row) {
-        var key = _this14.getRowKey(row);
-        _this14.pendingSelectionKeys.add(key);
-        _this14.$set(_this14.selectionRowMap, key, row);
+        var key = _this16.getRowKey(row);
+        _this16.pendingSelectionKeys.add(key);
+        _this16.$set(_this16.selectionRowMap, key, row);
       });
       this.syncSelectionToCurrentPage();
     },
     setSelectionKeys: function setSelectionKeys(keys) {
-      var _this15 = this;
+      var _this17 = this;
       if (!this.currentRowKey) {
         this.$refs.tableRef && this.$refs.tableRef.setSelectionKeys(keys);
         return;
       }
       this.pendingSelectionKeys = new Set(keys || []);
       (this.tableData || []).forEach(function (row) {
-        var key = _this15.getRowKey(row);
-        if (_this15.pendingSelectionKeys.has(key)) {
-          _this15.$set(_this15.selectionRowMap, key, row);
+        var key = _this17.getRowKey(row);
+        if (_this17.pendingSelectionKeys.has(key)) {
+          _this17.$set(_this17.selectionRowMap, key, row);
         }
       });
       this.syncSelectionToCurrentPage();
@@ -2776,16 +2826,16 @@ var _sfc_main$1 = {
       this.resetSelectionState();
     },
     selectAll: function selectAll() {
-      var _this16 = this;
+      var _this18 = this;
       if (!this.$refs.tableRef) return;
       if (!this.currentRowKey) {
         this.$refs.tableRef.selectAll();
         return;
       }
       (this.tableData || []).forEach(function (row) {
-        var key = _this16.getRowKey(row);
-        _this16.pendingSelectionKeys.add(key);
-        _this16.$set(_this16.selectionRowMap, key, row);
+        var key = _this18.getRowKey(row);
+        _this18.pendingSelectionKeys.add(key);
+        _this18.$set(_this18.selectionRowMap, key, row);
       });
       this.$refs.tableRef.setSelectionRows(this.tableData);
     },
@@ -2825,6 +2875,7 @@ var _sfc_render$1 = function render5() {
       "total": _vm.total,
       "current-page": _vm.currentPageModel,
       "page-size": _vm.pageSizeModel,
+      "use-default-page": _vm.useDefaultPage,
       "page-number-key": _vm.pageNumberKey,
       "page-size-key": _vm.pageSizeKey,
       "page-total-key": _vm.pageTotalKey,
@@ -2842,7 +2893,7 @@ var _sfc_render$1 = function render5() {
   }, "page-table", _vm.tableProps, false))], 2);
 };
 var _sfc_staticRenderFns$1 = [];
-var __component__$1 = /* @__PURE__ */normalizeComponent(_sfc_main$1, _sfc_render$1, _sfc_staticRenderFns$1, false, null, "1c664e81", null, null);
+var __component__$1 = /* @__PURE__ */normalizeComponent(_sfc_main$1, _sfc_render$1, _sfc_staticRenderFns$1, false, null, "07327ea0", null, null);
 var NsTableContainer = __component__$1.exports;
 [NsTableContainer, NsSearch, NsTable].forEach(function (component) {
   component.install = function install3(Vue2) {
@@ -3102,33 +3153,33 @@ var _sfc_main = {
       if (!this.isMaximized) this.currentY = value;
     },
     visible: function visible() {
-      var _this17 = this;
+      var _this19 = this;
       this.$nextTick(function () {
-        _this17.applyDialogLayout();
-        _this17.syncDialogInstance();
-        _this17.triggerDomCompleted();
+        _this19.applyDialogLayout();
+        _this19.syncDialogInstance();
+        _this19.triggerDomCompleted();
       });
     }
   },
   mounted: function mounted() {
-    var _this18 = this;
-    loadCssVars();
+    var _this20 = this;
+    loadCssVars$1();
     this.visible = true;
     this.updateModalStyle();
     this.syncDialogInstance();
     this.$nextTick(function () {
-      _this18.applyDialogLayout();
-      _this18.triggerDomCompleted();
+      _this20.applyDialogLayout();
+      _this20.triggerDomCompleted();
     });
     document.addEventListener("keydown", this.handleKeydown);
     window.addEventListener("resize", this.applyDialogLayout);
   },
   updated: function updated() {
-    var _this19 = this;
+    var _this21 = this;
     this.syncDialogInstance();
     this.triggerDomCompleted();
     this.$nextTick(function () {
-      _this19.applyDialogLayout();
+      _this21.applyDialogLayout();
     });
   },
   beforeDestroy: function beforeDestroy() {
@@ -3165,10 +3216,10 @@ var _sfc_main = {
       return Number.isNaN(Number(str)) ? str : "".concat(Number(str), "px");
     },
     resolvePadding: function resolvePadding() {
-      var _this20 = this;
+      var _this22 = this;
       if (Array.isArray(this.dialogPadding)) {
         return this.dialogPadding.map(function (item) {
-          return _this20.normalizeSize(item);
+          return _this22.normalizeSize(item);
         }).join(" ");
       }
       if (this.dialogPadding === -1 || this.dialogPadding === "-1") {
@@ -3189,11 +3240,11 @@ var _sfc_main = {
       return source;
     },
     mergeEvents: function mergeEvents() {
-      var _this21 = this;
+      var _this23 = this;
       var listeners = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       return __spreadProps(__spreadValues({}, listeners), {
         close: function close() {
-          return _this21.closeDialog();
+          return _this23.closeDialog();
         }
       });
     },
@@ -3263,25 +3314,25 @@ var _sfc_main = {
       }
     },
     syncDialogInstance: function syncDialogInstance() {
-      var _this22 = this;
+      var _this24 = this;
       if (!this.dialogInstance) return;
       this.dialogInstance.domRef = this.$refs.contentRef || null;
       this.dialogInstance.updateOption = function () {
         var newOption = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
         if (Object.prototype.hasOwnProperty.call(newOption, "title")) {
-          _this22.currentTitle = newOption.title;
+          _this24.currentTitle = newOption.title;
         }
         if (Object.prototype.hasOwnProperty.call(newOption, "width")) {
-          _this22.currentWidth = newOption.width;
+          _this24.currentWidth = newOption.width;
         }
         if (Object.prototype.hasOwnProperty.call(newOption, "height")) {
-          _this22.currentHeight = newOption.height;
+          _this24.currentHeight = newOption.height;
         }
         if (Object.prototype.hasOwnProperty.call(newOption, "x")) {
-          _this22.currentX = newOption.x;
+          _this24.currentX = newOption.x;
         }
         if (Object.prototype.hasOwnProperty.call(newOption, "y")) {
-          _this22.currentY = newOption.y;
+          _this24.currentY = newOption.y;
         }
         var mergedOption = __spreadValues({}, newOption);
         delete mergedOption.title;
@@ -3289,20 +3340,20 @@ var _sfc_main = {
         delete mergedOption.height;
         delete mergedOption.x;
         delete mergedOption.y;
-        _this22.currentOption = __spreadValues(__spreadValues({}, _this22.currentOption), mergedOption);
+        _this24.currentOption = __spreadValues(__spreadValues({}, _this24.currentOption), mergedOption);
       };
       this.dialogInstance.callMethod = function (methodName) {
-        var target = _this22.$refs.contentRef;
+        var target = _this24.$refs.contentRef;
         if (target && typeof target[methodName] === "function") {
-          for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
-            args[_key3 - 1] = arguments[_key3];
+          for (var _len4 = arguments.length, args = new Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) {
+            args[_key4 - 1] = arguments[_key4];
           }
           return target[methodName].apply(target, args);
         }
         return void 0;
       };
       this.dialogInstance.close = function () {
-        return _this22.closeDialog();
+        return _this24.closeDialog();
       };
     },
     triggerDomCompleted: function triggerDomCompleted() {
@@ -3315,7 +3366,7 @@ var _sfc_main = {
       }
     },
     toggleMaximize: function toggleMaximize() {
-      var _this23 = this;
+      var _this25 = this;
       if (!this.showMaximizeButton) return;
       if (!this.isMaximized) {
         this.originalSize = {
@@ -3339,7 +3390,7 @@ var _sfc_main = {
       }
       this.notifySizeChange();
       this.$nextTick(function () {
-        return _this23.applyDialogLayout(false);
+        return _this25.applyDialogLayout(false);
       });
     },
     closeDialog: function closeDialog() {
@@ -3356,7 +3407,7 @@ var _sfc_main = {
       }
     },
     dealConfirm: function dealConfirm() {
-      var _this24 = this;
+      var _this26 = this;
       var vm = this;
       var loadingController = {
         get value() {
@@ -3378,8 +3429,8 @@ var _sfc_main = {
         return;
       }
       this.confirm(function () {
-        _this24.footerLoading = false;
-        _this24.visible = false;
+        _this26.footerLoading = false;
+        _this26.visible = false;
       }, this.$refs.contentRef, loadingController);
     },
     handleKeydown: function handleKeydown(event) {
@@ -3711,7 +3762,7 @@ function install2(Vue2) {
     }
   });
   setExternalApp(Vue2, options);
-  loadCssVars();
+  loadCssVars$1();
   if (Vue2 && Vue2.prototype) {
     Vue2.prototype.$NsDialog = NsDialog;
     Vue2.prototype.$closeAllNsDialog = closeAllNsDialog;