vue2-components-plus 1.0.69 → 1.0.80

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- html,body{margin:0;padding:0}*{box-sizing:border-box}:root{--matrix-form-title-width: 18px;--matrix-form-title-height: 18px;--matrix-form-title-gap: 8px;--matrix-form-title-color: #303133;--matrix-form-title-margin-bottom: 12px;--matrix-form-title-content-padding: 0;--matrix-form-title-icon: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAOCAYAAADJ7fe0AAAAAXNSR0IArs4c6QAAAElJREFUOE9jZMABOKv/HwVJfW9ltCbEZqSpIbgMxyaO4hJCzkb3GsxA6htCiheQ1TKS6wXqG0KuF1Bcgswh12uDKHZomuxJCR8ApFSZL0U+kogAAAAASUVORK5CYII=);--matrix-dialog-bk-color: #ffffff;--matrix-dialog-border-radius: 8px;--matrix-dialog-box-shadow: 0 12px 32px rgba(31, 35, 41, .12);--matrix-dialog-header-bg-color: #f5f7fa;--matrix-dialog-header-text-color: #303133;--matrix-dialog-header-height: 54px;--matrix-dialog-padding-top-bottom: 16px;--matrix-dialog-padding-left-right: 20px;--matrix-dialog-footer-gap: 12px}.ns-dialog-plus-modal{background-color:#00000073}.ns-dynamic-form[data-v-a83d5d48]{width:100%}.ns-dynamic-form__row[data-v-a83d5d48]{display:flex;flex-wrap:wrap;gap:var(--ns-form-col-gap)}.ns-dynamic-form__item[data-v-a83d5d48]{display:flex;align-items:flex-start;padding:0}.ns-dynamic-form__item.has-children[data-v-a83d5d48]{align-items:stretch}.ns-dynamic-form.is-vertical .ns-dynamic-form__item[data-v-a83d5d48],.ns-dynamic-form__child[data-v-a83d5d48]{background:var(--ns-form-background-color);border-radius:4px}.ns-dynamic-form__label[data-v-a83d5d48],.ns-dynamic-form__group-label[data-v-a83d5d48]{flex:none;width:var(--ns-form-label-width);min-height:var(--ns-form-item-height);line-height:var(--ns-form-item-height);padding-right:12px;color:var(--ns-form-label-color);word-break:break-all}.ns-dynamic-form__group-label[data-v-a83d5d48]{width:var(--ns-form-super-label-width);color:var(--ns-form-label-color)}.ns-dynamic-form.is-label-top .ns-dynamic-form__item[data-v-a83d5d48],.ns-dynamic-form.is-label-top .ns-dynamic-form__child[data-v-a83d5d48]{flex-direction:column;align-items:stretch}.ns-dynamic-form.is-label-top .ns-dynamic-form__label[data-v-a83d5d48],.ns-dynamic-form.is-label-top .ns-dynamic-form__group-label[data-v-a83d5d48]{width:100%;min-height:auto;line-height:1.5;margin-bottom:6px;padding-right:0}.ns-dynamic-form__label.has-point[data-v-a83d5d48]:before{content:"*";color:#f56c6c;margin-right:4px}.ns-dynamic-form__value[data-v-a83d5d48]{flex:1;min-width:0;line-height:var(--ns-form-item-height)}.ns-dynamic-form__children[data-v-a83d5d48]{flex:1}.ns-dynamic-form__child[data-v-a83d5d48]{display:flex;padding:6px 0}.ns-dynamic-form__form-item[data-v-a83d5d48]{margin-bottom:0}.ns-dynamic-form__form-item[data-v-a83d5d48] .el-form-item__content{line-height:normal}.ns-dynamic-form.is-table[data-v-a83d5d48]{border:1px solid #ebeef5;border-bottom:0}.ns-dynamic-form.is-table .ns-dynamic-form__row[data-v-a83d5d48]{gap:0;margin-bottom:0!important}.ns-dynamic-form.is-table .ns-dynamic-form__item[data-v-a83d5d48]{padding:12px;border-right:1px solid #ebeef5;border-bottom:1px solid #ebeef5}.ns-dynamic-form.is-table .ns-dynamic-form__item[data-v-a83d5d48]:last-child{border-right:0}.ns-form-title[data-v-29c80ec1]{width:100%;display:flex;flex-direction:column;margin-bottom:var(--matrix-form-title-margin-bottom)}.ns-form-title__header[data-v-29c80ec1]{display:flex;align-items:center;gap:var(--matrix-form-title-gap);margin-bottom:var(--matrix-form-title-margin-bottom);color:var(--matrix-form-title-color)}.ns-form-title__icon[data-v-29c80ec1]{display:inline-block;width:var(--matrix-form-title-width);height:var(--matrix-form-title-height);border-radius:4px;background:var(--matrix-form-title-icon) no-repeat center center / 100% auto}.ns-form-title__text[data-v-29c80ec1]{font-size:18px;font-weight:500;color:var(--matrix-form-title-color)}.ns-form-title__content[data-v-29c80ec1]{width:100%}.page-search[data-v-90982d04]{margin-bottom:16px;padding:16px 16px 0;background:#fff;border-radius:4px}.page-search__actions[data-v-90982d04]{display:flex;align-items:center}.page-search__actions.page-search__actions--left[data-v-90982d04]{justify-content:flex-start}.page-search__actions.page-search__actions--center[data-v-90982d04]{justify-content:center}.page-search__actions.page-search__actions--right[data-v-90982d04]{justify-content:flex-end}.page-search__actions.page-search__actions--left[data-v-90982d04] .el-form-item__content{justify-content:flex-start}.page-search__actions.page-search__actions--center[data-v-90982d04] .el-form-item__content{justify-content:center}.page-search__actions.page-search__actions--right[data-v-90982d04] .el-form-item__content{justify-content:flex-end}.page-search__actions[data-v-90982d04] .el-form-item{display:flex;align-items:center;min-height:40px}.page-search__actions[data-v-90982d04] .el-form-item__content{display:flex;align-items:center;flex-wrap:nowrap;white-space:nowrap}.page-search__actions[data-v-90982d04] .el-button{white-space:nowrap}.page-search__form[data-v-90982d04]{width:100%}.page-search__row[data-v-90982d04]{flex-wrap:wrap;align-items:flex-start}.page-search__form[data-v-90982d04] .el-form-item{display:flex;align-items:center;width:100%;margin-right:0}.page-search__form[data-v-90982d04] .el-form-item__label{float:none;white-space:nowrap;padding-right:12px}.page-search__form[data-v-90982d04] .el-form-item__content{flex:1;min-width:0}.page-search__form[data-v-90982d04] .el-form-item__content>.el-input,.page-search__form[data-v-90982d04] .el-form-item__content>.el-textarea,.page-search__form[data-v-90982d04] .el-form-item__content>.el-select,.page-search__form[data-v-90982d04] .el-form-item__content>.el-date-editor,.page-search__form[data-v-90982d04] .el-form-item__content>.el-cascader,.page-search__form[data-v-90982d04] .el-form-item__content>.el-autocomplete,.page-search__form[data-v-90982d04] .el-form-item__content>.el-input-number,.page-search__form[data-v-90982d04] .el-form-item__content>.el-slider{width:100%}.page-table[data-v-9ad56349]{display:flex;flex-direction:column;width:100%;min-height:0}.page-table__main[data-v-9ad56349]{flex:1;min-height:0}.page-table__table[data-v-9ad56349]{width:100%}.page-table__table--no-border[data-v-9ad56349] .el-table:after,.page-table__table--no-border[data-v-9ad56349] .el-table--border:after{width:0}.page-table__table--no-border[data-v-9ad56349] .el-table__header-wrapper th,.page-table__table--no-border[data-v-9ad56349] .el-table__body-wrapper td{border-right:0}.page-table__header[data-v-9ad56349]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.page-table__actions[data-v-9ad56349]{display:flex;align-items:center;gap:8px}.page-table__pagination[data-v-9ad56349]{display:flex;justify-content:flex-end;margin-top:16px}.page-table__empty[data-v-9ad56349]{padding:24px 0;color:#909399;text-align:center}.page-container[data-v-1c664e81]{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.page-container .page-table[data-v-1c664e81]{flex:1;min-height:0}.ns-dialog-plus__header[data-v-19b1fbf8]{display:flex;align-items:center;justify-content:space-between;min-height:var(--matrix-dialog-header-height);cursor:default}.ns-dialog-plus__title[data-v-19b1fbf8]{flex:1;font-size:16px;font-weight:600;color:var(--matrix-dialog-header-text-color)}.dialog-controls[data-v-19b1fbf8]{display:flex;align-items:center;gap:8px}.dialog-icon[data-v-19b1fbf8]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:var(--matrix-dialog-header-text-color);cursor:pointer;transition:background-color .2s ease,color .2s ease}.dialog-icon[data-v-19b1fbf8]:hover{background:rgba(0,0,0,.06);color:var(--matrix-color-primary, #409eff)}.dialog-close[data-v-19b1fbf8]:hover{color:#f56c6c}.ns-dialog-plus__body[data-v-19b1fbf8]{min-height:60px;flex:1 1 auto;min-width:0}.ns-dialog-plus__footer[data-v-19b1fbf8]{display:flex;justify-content:flex-end;gap:var(--matrix-dialog-footer-gap)}[data-v-19b1fbf8] .ns-dialog-plus{overflow:hidden;border-radius:var(--matrix-dialog-border-radius);box-shadow:var(--matrix-dialog-box-shadow)}[data-v-19b1fbf8] .ns-dialog-plus .el-dialog__header,[data-v-19b1fbf8] .ns-dialog-plus .el-dialog__footer{flex:0 0 auto}[data-v-19b1fbf8] .ns-dialog-plus .el-dialog__header{padding:0 20px;background:var(--matrix-dialog-header-bg-color)}[data-v-19b1fbf8] .ns-dialog-plus .el-dialog__body{padding:0;display:flex;flex:1 1 auto;min-height:0;overflow:hidden}
1
+ html,body{margin:0;padding:0}*{box-sizing:border-box}:root{--matrix-form-title-width: 18px;--matrix-form-title-height: 18px;--matrix-form-title-gap: 8px;--matrix-form-title-color: #303133;--matrix-form-title-margin-bottom: 12px;--matrix-form-title-content-padding: 0;--matrix-form-title-icon: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAOCAYAAADJ7fe0AAAAAXNSR0IArs4c6QAAAElJREFUOE9jZMABOKv/HwVJfW9ltCbEZqSpIbgMxyaO4hJCzkb3GsxA6htCiheQ1TKS6wXqG0KuF1Bcgswh12uDKHZomuxJCR8ApFSZL0U+kogAAAAASUVORK5CYII=);--matrix-dialog-bk-color: #ffffff;--matrix-dialog-border-radius: 8px;--matrix-dialog-box-shadow: 0 12px 32px rgba(31, 35, 41, .12);--matrix-dialog-header-bg-color: #f5f7fa;--matrix-dialog-header-text-color: #303133;--matrix-dialog-header-height: 54px;--matrix-dialog-padding-top-bottom: 16px;--matrix-dialog-padding-left-right: 20px;--matrix-dialog-footer-gap: 12px}.ns-dialog-plus-modal{background-color:#00000073}.ns-dynamic-form[data-v-a83d5d48]{width:100%}.ns-dynamic-form__row[data-v-a83d5d48]{display:flex;flex-wrap:wrap;gap:var(--ns-form-col-gap)}.ns-dynamic-form__item[data-v-a83d5d48]{display:flex;align-items:flex-start;padding:0}.ns-dynamic-form__item.has-children[data-v-a83d5d48]{align-items:stretch}.ns-dynamic-form.is-vertical .ns-dynamic-form__item[data-v-a83d5d48],.ns-dynamic-form__child[data-v-a83d5d48]{background:var(--ns-form-background-color);border-radius:4px}.ns-dynamic-form__label[data-v-a83d5d48],.ns-dynamic-form__group-label[data-v-a83d5d48]{flex:none;width:var(--ns-form-label-width);min-height:var(--ns-form-item-height);line-height:var(--ns-form-item-height);padding-right:12px;color:var(--ns-form-label-color);word-break:break-all}.ns-dynamic-form__group-label[data-v-a83d5d48]{width:var(--ns-form-super-label-width);color:var(--ns-form-label-color)}.ns-dynamic-form.is-label-top .ns-dynamic-form__item[data-v-a83d5d48],.ns-dynamic-form.is-label-top .ns-dynamic-form__child[data-v-a83d5d48]{flex-direction:column;align-items:stretch}.ns-dynamic-form.is-label-top .ns-dynamic-form__label[data-v-a83d5d48],.ns-dynamic-form.is-label-top .ns-dynamic-form__group-label[data-v-a83d5d48]{width:100%;min-height:auto;line-height:1.5;margin-bottom:6px;padding-right:0}.ns-dynamic-form__label.has-point[data-v-a83d5d48]:before{content:"*";color:#f56c6c;margin-right:4px}.ns-dynamic-form__value[data-v-a83d5d48]{flex:1;min-width:0;line-height:var(--ns-form-item-height)}.ns-dynamic-form__children[data-v-a83d5d48]{flex:1}.ns-dynamic-form__child[data-v-a83d5d48]{display:flex;padding:6px 0}.ns-dynamic-form__form-item[data-v-a83d5d48]{margin-bottom:0}.ns-dynamic-form__form-item[data-v-a83d5d48] .el-form-item__content{line-height:normal}.ns-dynamic-form.is-table[data-v-a83d5d48]{border:1px solid #ebeef5;border-bottom:0}.ns-dynamic-form.is-table .ns-dynamic-form__row[data-v-a83d5d48]{gap:0;margin-bottom:0!important}.ns-dynamic-form.is-table .ns-dynamic-form__item[data-v-a83d5d48]{padding:12px;border-right:1px solid #ebeef5;border-bottom:1px solid #ebeef5}.ns-dynamic-form.is-table .ns-dynamic-form__item[data-v-a83d5d48]:last-child{border-right:0}.ns-form-title[data-v-29c80ec1]{width:100%;display:flex;flex-direction:column;margin-bottom:var(--matrix-form-title-margin-bottom)}.ns-form-title__header[data-v-29c80ec1]{display:flex;align-items:center;gap:var(--matrix-form-title-gap);margin-bottom:var(--matrix-form-title-margin-bottom);color:var(--matrix-form-title-color)}.ns-form-title__icon[data-v-29c80ec1]{display:inline-block;width:var(--matrix-form-title-width);height:var(--matrix-form-title-height);border-radius:4px;background:var(--matrix-form-title-icon) no-repeat center center / 100% auto}.ns-form-title__text[data-v-29c80ec1]{font-size:18px;font-weight:500;color:var(--matrix-form-title-color)}.ns-form-title__content[data-v-29c80ec1]{width:100%}.page-search[data-v-90982d04]{margin-bottom:16px;padding:16px 16px 0;background:#fff;border-radius:4px}.page-search__actions[data-v-90982d04]{display:flex;align-items:center}.page-search__actions.page-search__actions--left[data-v-90982d04]{justify-content:flex-start}.page-search__actions.page-search__actions--center[data-v-90982d04]{justify-content:center}.page-search__actions.page-search__actions--right[data-v-90982d04]{justify-content:flex-end}.page-search__actions.page-search__actions--left[data-v-90982d04] .el-form-item__content{justify-content:flex-start}.page-search__actions.page-search__actions--center[data-v-90982d04] .el-form-item__content{justify-content:center}.page-search__actions.page-search__actions--right[data-v-90982d04] .el-form-item__content{justify-content:flex-end}.page-search__actions[data-v-90982d04] .el-form-item{display:flex;align-items:center;min-height:40px}.page-search__actions[data-v-90982d04] .el-form-item__content{display:flex;align-items:center;flex-wrap:nowrap;white-space:nowrap}.page-search__actions[data-v-90982d04] .el-button{white-space:nowrap}.page-search__form[data-v-90982d04]{width:100%}.page-search__row[data-v-90982d04]{flex-wrap:wrap;align-items:flex-start}.page-search__form[data-v-90982d04] .el-form-item{display:flex;align-items:center;width:100%;margin-right:0}.page-search__form[data-v-90982d04] .el-form-item__label{float:none;white-space:nowrap;padding-right:12px}.page-search__form[data-v-90982d04] .el-form-item__content{flex:1;min-width:0}.page-search__form[data-v-90982d04] .el-form-item__content>.el-input,.page-search__form[data-v-90982d04] .el-form-item__content>.el-textarea,.page-search__form[data-v-90982d04] .el-form-item__content>.el-select,.page-search__form[data-v-90982d04] .el-form-item__content>.el-date-editor,.page-search__form[data-v-90982d04] .el-form-item__content>.el-cascader,.page-search__form[data-v-90982d04] .el-form-item__content>.el-autocomplete,.page-search__form[data-v-90982d04] .el-form-item__content>.el-input-number,.page-search__form[data-v-90982d04] .el-form-item__content>.el-slider{width:100%}.page-table[data-v-86cf2232]{display:flex;flex-direction:column;width:100%;min-height:0}.page-table__main[data-v-86cf2232]{flex:1;min-height:0}.page-table__table[data-v-86cf2232]{width:100%}.page-table__table--no-border[data-v-86cf2232] .el-table:after,.page-table__table--no-border[data-v-86cf2232] .el-table--border:after{width:0}.page-table__table--no-border[data-v-86cf2232] .el-table__header-wrapper th,.page-table__table--no-border[data-v-86cf2232] .el-table__body-wrapper td{border-right:0}.page-table__header[data-v-86cf2232]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.page-table__actions[data-v-86cf2232]{display:flex;align-items:center;gap:8px}.page-table__pagination[data-v-86cf2232]{display:flex;justify-content:flex-end;margin-top:16px}.page-table__empty[data-v-86cf2232]{padding:24px 0;color:#909399;text-align:center}.page-container[data-v-0d1f3c53]{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.page-container .page-table[data-v-0d1f3c53]{flex:1;min-height:0}.ns-dialog-plus__header[data-v-19b1fbf8]{display:flex;align-items:center;justify-content:space-between;min-height:var(--matrix-dialog-header-height);cursor:default}.ns-dialog-plus__title[data-v-19b1fbf8]{flex:1;font-size:16px;font-weight:600;color:var(--matrix-dialog-header-text-color)}.dialog-controls[data-v-19b1fbf8]{display:flex;align-items:center;gap:8px}.dialog-icon[data-v-19b1fbf8]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:var(--matrix-dialog-header-text-color);cursor:pointer;transition:background-color .2s ease,color .2s ease}.dialog-icon[data-v-19b1fbf8]:hover{background:rgba(0,0,0,.06);color:var(--matrix-color-primary, #409eff)}.dialog-close[data-v-19b1fbf8]:hover{color:#f56c6c}.ns-dialog-plus__body[data-v-19b1fbf8]{min-height:60px;flex:1 1 auto;min-width:0}.ns-dialog-plus__footer[data-v-19b1fbf8]{display:flex;justify-content:flex-end;gap:var(--matrix-dialog-footer-gap)}[data-v-19b1fbf8] .ns-dialog-plus{overflow:hidden;border-radius:var(--matrix-dialog-border-radius);box-shadow:var(--matrix-dialog-box-shadow)}[data-v-19b1fbf8] .ns-dialog-plus .el-dialog__header,[data-v-19b1fbf8] .ns-dialog-plus .el-dialog__footer{flex:0 0 auto}[data-v-19b1fbf8] .ns-dialog-plus .el-dialog__header{padding:0 20px;background:var(--matrix-dialog-header-bg-color)}[data-v-19b1fbf8] .ns-dialog-plus .el-dialog__body{padding:0;display:flex;flex:1 1 auto;min-height:0;overflow:hidden}
@@ -1732,7 +1732,7 @@ function resetPagination(pagination) {
1732
1732
  pagination.pageSize = 10;
1733
1733
  return pagination;
1734
1734
  }
1735
- const PageTable_vue_vue_type_style_index_0_scoped_9ad56349_lang = "";
1735
+ const PageTable_vue_vue_type_style_index_0_scoped_86cf2232_lang = "";
1736
1736
  const RESERVED_LISTENERS = ["add", "selection-change", "sort-change", "row-click", "size-change", "current-change", "link-click"];
1737
1737
  const _sfc_main$2 = {
1738
1738
  name: "NsTable",
@@ -1838,6 +1838,10 @@ const _sfc_main$2 = {
1838
1838
  type: Number,
1839
1839
  default: null
1840
1840
  },
1841
+ useDefaultPage: {
1842
+ type: Boolean,
1843
+ default: true
1844
+ },
1841
1845
  pageSizes: {
1842
1846
  type: Array,
1843
1847
  default: () => [10, 20, 50, 100]
@@ -1932,12 +1936,16 @@ const _sfc_main$2 = {
1932
1936
  },
1933
1937
  handleSizeChange(size) {
1934
1938
  this.internalPagination.pageSize = size;
1935
- this.$emit("update:pageSize", size);
1939
+ if (!this.useDefaultPage) {
1940
+ this.$emit("update:pageSize", size);
1941
+ }
1936
1942
  this.$emit("size-change", size);
1937
1943
  },
1938
1944
  handleCurrentChange(page) {
1939
1945
  this.internalPagination.currentPage = page;
1940
- this.$emit("update:currentPage", page);
1946
+ if (!this.useDefaultPage) {
1947
+ this.$emit("update:currentPage", page);
1948
+ }
1941
1949
  this.$emit("current-change", page);
1942
1950
  },
1943
1951
  handleLinkClick(row, column) {
@@ -2021,15 +2029,21 @@ const _sfc_main$2 = {
2021
2029
  },
2022
2030
  resetPage() {
2023
2031
  this.internalPagination.currentPage = 1;
2024
- this.$emit("update:currentPage", 1);
2032
+ if (!this.useDefaultPage) {
2033
+ this.$emit("update:currentPage", 1);
2034
+ }
2025
2035
  },
2026
2036
  setPage(page) {
2027
2037
  this.internalPagination.currentPage = page;
2028
- this.$emit("update:currentPage", page);
2038
+ if (!this.useDefaultPage) {
2039
+ this.$emit("update:currentPage", page);
2040
+ }
2029
2041
  },
2030
2042
  setPageSize(size) {
2031
2043
  this.internalPagination.pageSize = size;
2032
- this.$emit("update:pageSize", size);
2044
+ if (!this.useDefaultPage) {
2045
+ this.$emit("update:pageSize", size);
2046
+ }
2033
2047
  },
2034
2048
  getPagination() {
2035
2049
  return {
@@ -2061,12 +2075,12 @@ var __component__$2 = /* @__PURE__ */ normalizeComponent(
2061
2075
  _sfc_staticRenderFns$2,
2062
2076
  false,
2063
2077
  null,
2064
- "9ad56349",
2078
+ "86cf2232",
2065
2079
  null,
2066
2080
  null
2067
2081
  );
2068
2082
  const NsTable = __component__$2.exports;
2069
- const PageContainer_vue_vue_type_style_index_0_scoped_1c664e81_lang = "";
2083
+ const PageContainer_vue_vue_type_style_index_0_scoped_0d1f3c53_lang = "";
2070
2084
  const _sfc_main$1 = {
2071
2085
  name: "NsTableContainer",
2072
2086
  components: {
@@ -2134,24 +2148,37 @@ const _sfc_main$1 = {
2134
2148
  type: Object,
2135
2149
  default: () => ({})
2136
2150
  },
2137
- loadData: {
2138
- type: Function,
2139
- default: null
2151
+ useDefaultPage: {
2152
+ type: Boolean,
2153
+ default: true
2140
2154
  }
2141
2155
  },
2142
2156
  data() {
2143
2157
  return {
2144
2158
  internalPagination: createPagination(),
2159
+ internalSearchParams: {},
2160
+ internalSortState: { prop: "", order: "" },
2145
2161
  pendingSelectionKeys: /* @__PURE__ */ new Set(),
2146
2162
  selectionRowMap: {},
2147
- isSyncingSelection: false
2163
+ isSyncingSelection: false,
2164
+ _emitSearchTimer: null
2148
2165
  };
2149
2166
  },
2167
+ beforeDestroy() {
2168
+ if (this._emitSearchTimer) {
2169
+ clearTimeout(this._emitSearchTimer);
2170
+ this._emitSearchTimer = null;
2171
+ }
2172
+ },
2150
2173
  computed: {
2151
2174
  currentPageModel() {
2175
+ if (this.useDefaultPage)
2176
+ return this.internalPagination.currentPage;
2152
2177
  return this.currentPage === null ? this.internalPagination.currentPage : this.currentPage;
2153
2178
  },
2154
2179
  pageSizeModel() {
2180
+ if (this.useDefaultPage)
2181
+ return this.internalPagination.pageSize;
2155
2182
  return this.pageSize === null ? this.internalPagination.pageSize : this.pageSize;
2156
2183
  },
2157
2184
  currentRowKey() {
@@ -2161,6 +2188,8 @@ const _sfc_main$1 = {
2161
2188
  watch: {
2162
2189
  currentPage: {
2163
2190
  handler(value) {
2191
+ if (this.useDefaultPage)
2192
+ return;
2164
2193
  if (value !== null) {
2165
2194
  this.internalPagination.currentPage = value;
2166
2195
  }
@@ -2169,6 +2198,8 @@ const _sfc_main$1 = {
2169
2198
  },
2170
2199
  pageSize: {
2171
2200
  handler(value) {
2201
+ if (this.useDefaultPage)
2202
+ return;
2172
2203
  if (value !== null) {
2173
2204
  this.internalPagination.pageSize = value;
2174
2205
  }
@@ -2215,14 +2246,17 @@ const _sfc_main$1 = {
2215
2246
  },
2216
2247
  handleSearch(params) {
2217
2248
  this.resetSelectionState();
2249
+ let nextParams = params || {};
2218
2250
  if (params && params._resetPage) {
2219
2251
  const _a = params, { _resetPage } = _a, searchParams = __objRest(_a, ["_resetPage"]);
2252
+ nextParams = searchParams;
2220
2253
  this.internalPagination.currentPage = 1;
2221
- this.$emit("update:currentPage", 1);
2222
- this.$emit("search", searchParams);
2223
- return;
2254
+ if (!this.useDefaultPage) {
2255
+ this.$emit("update:currentPage", 1);
2256
+ }
2224
2257
  }
2225
- this.$emit("search", params);
2258
+ this.internalSearchParams = __spreadValues({}, nextParams);
2259
+ this.emitSearch();
2226
2260
  },
2227
2261
  handleReset() {
2228
2262
  this.resetSelectionState();
@@ -2233,27 +2267,35 @@ const _sfc_main$1 = {
2233
2267
  },
2234
2268
  handleSizeChange(size) {
2235
2269
  this.internalPagination.pageSize = size;
2236
- this.$emit("update:pageSize", size);
2270
+ const maxPage = Math.max(1, Math.ceil((this.total || 0) / size));
2271
+ if (this.internalPagination.currentPage > maxPage) {
2272
+ this.internalPagination.currentPage = maxPage;
2273
+ }
2274
+ if (!this.useDefaultPage) {
2275
+ this.$emit("update:pageSize", size);
2276
+ this.$emit("update:currentPage", this.internalPagination.currentPage);
2277
+ }
2237
2278
  this.$emit("size-change", size);
2238
2279
  this.$emit("page-change", {
2239
- currentPage: this.currentPageModel,
2280
+ currentPage: this.internalPagination.currentPage,
2240
2281
  pageSize: size
2241
2282
  });
2242
- if (this.loadData) {
2243
- this.loadData();
2244
- }
2283
+ this.emitSearch();
2245
2284
  },
2246
2285
  handleCurrentChange(page) {
2286
+ if (this.internalPagination.currentPage === page) {
2287
+ return;
2288
+ }
2247
2289
  this.internalPagination.currentPage = page;
2248
- this.$emit("update:currentPage", page);
2290
+ if (!this.useDefaultPage) {
2291
+ this.$emit("update:currentPage", page);
2292
+ }
2249
2293
  this.$emit("current-change", page);
2250
2294
  this.$emit("page-change", {
2251
2295
  currentPage: page,
2252
2296
  pageSize: this.pageSizeModel
2253
2297
  });
2254
- if (this.loadData) {
2255
- this.loadData();
2256
- }
2298
+ this.emitSearch();
2257
2299
  },
2258
2300
  handleSelectionChange(selection) {
2259
2301
  if (this.isSyncingSelection) {
@@ -2276,7 +2318,9 @@ const _sfc_main$1 = {
2276
2318
  this.$emit("selection-change", Object.values(this.selectionRowMap));
2277
2319
  },
2278
2320
  handleSortChange(sort) {
2321
+ this.internalSortState = sort || { prop: "", order: "" };
2279
2322
  this.$emit("sort-change", sort);
2323
+ this.emitSearch();
2280
2324
  },
2281
2325
  handleRowClick(row, column, event) {
2282
2326
  this.$emit("row-click", row, column, event);
@@ -2284,15 +2328,32 @@ const _sfc_main$1 = {
2284
2328
  handleLinkClick(row, column) {
2285
2329
  this.$emit("link-click", row, column);
2286
2330
  },
2331
+ buildLoadQuery() {
2332
+ return __spreadProps(__spreadValues({}, this.internalSearchParams), {
2333
+ [this.pageNumberKey]: this.currentPageModel,
2334
+ [this.pageSizeKey]: this.pageSizeModel,
2335
+ sort: __spreadValues({}, this.internalSortState)
2336
+ });
2337
+ },
2338
+ emitSearch() {
2339
+ if (this._emitSearchTimer) {
2340
+ clearTimeout(this._emitSearchTimer);
2341
+ }
2342
+ this._emitSearchTimer = setTimeout(() => {
2343
+ this._emitSearchTimer = null;
2344
+ this.$emit("search", this.buildLoadQuery());
2345
+ }, 0);
2346
+ },
2347
+ reload() {
2348
+ this.emitSearch();
2349
+ },
2287
2350
  initSearchAndLoad() {
2288
2351
  this.$nextTick(() => {
2289
2352
  if (this.showSearch && this.$refs.searchRef) {
2290
- this.$emit("search", this.$refs.searchRef.getFormData());
2291
- return;
2292
- }
2293
- if (this.loadData) {
2294
- this.loadData();
2353
+ const formData = this.$refs.searchRef.getFormData();
2354
+ this.internalSearchParams = __spreadValues({}, formData);
2295
2355
  }
2356
+ this.emitSearch();
2296
2357
  });
2297
2358
  },
2298
2359
  getSearchFormData() {
@@ -2379,7 +2440,7 @@ const _sfc_main$1 = {
2379
2440
  };
2380
2441
  var _sfc_render$1 = function render5() {
2381
2442
  var _vm = this, _c = _vm._self._c;
2382
- return _c("div", { staticClass: "page-container" }, [_vm.showSearch ? _c("page-search", _vm._b({ ref: "searchRef", attrs: { "items": _vm.searchItems, "external-params": _vm.externalSearchParams, "enter-trigger": _vm.enterTrigger, "slot-renderers": _vm.$scopedSlots }, on: { "search": _vm.handleSearch, "reset": _vm.handleReset } }, "page-search", _vm.searchProps, false)) : _vm._e(), _vm._t("extend"), _c("page-table", _vm._b({ ref: "tableRef", attrs: { "table-data": _vm.tableData, "columns": _vm.columns, "action-buttons": _vm.actionButtons, "total": _vm.total, "current-page": _vm.currentPageModel, "page-size": _vm.pageSizeModel, "page-number-key": _vm.pageNumberKey, "page-size-key": _vm.pageSizeKey, "page-total-key": _vm.pageTotalKey, "slot-renderers": _vm.$scopedSlots }, on: { "add": _vm.handleAdd, "selection-change": _vm.handleSelectionChange, "sort-change": _vm.handleSortChange, "row-click": _vm.handleRowClick, "size-change": _vm.handleSizeChange, "current-change": _vm.handleCurrentChange, "link-click": _vm.handleLinkClick } }, "page-table", _vm.tableProps, false))], 2);
2443
+ return _c("div", { staticClass: "page-container" }, [_vm.showSearch ? _c("page-search", _vm._b({ ref: "searchRef", attrs: { "items": _vm.searchItems, "external-params": _vm.externalSearchParams, "enter-trigger": _vm.enterTrigger, "slot-renderers": _vm.$scopedSlots }, on: { "search": _vm.handleSearch, "reset": _vm.handleReset } }, "page-search", _vm.searchProps, false)) : _vm._e(), _vm._t("extend"), _c("page-table", _vm._b({ ref: "tableRef", attrs: { "table-data": _vm.tableData, "columns": _vm.columns, "action-buttons": _vm.actionButtons, "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, "slot-renderers": _vm.$scopedSlots }, on: { "add": _vm.handleAdd, "selection-change": _vm.handleSelectionChange, "sort-change": _vm.handleSortChange, "row-click": _vm.handleRowClick, "size-change": _vm.handleSizeChange, "current-change": _vm.handleCurrentChange, "link-click": _vm.handleLinkClick } }, "page-table", _vm.tableProps, false))], 2);
2383
2444
  };
2384
2445
  var _sfc_staticRenderFns$1 = [];
2385
2446
  var __component__$1 = /* @__PURE__ */ normalizeComponent(
@@ -2388,7 +2449,7 @@ var __component__$1 = /* @__PURE__ */ normalizeComponent(
2388
2449
  _sfc_staticRenderFns$1,
2389
2450
  false,
2390
2451
  null,
2391
- "1c664e81",
2452
+ "0d1f3c53",
2392
2453
  null,
2393
2454
  null
2394
2455
  );