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.
- package/dist/ComponentDemo/CaptchaTableDemo.vue +281 -0
- package/dist/ComponentDemo/TableDemo.md +60 -41
- package/dist/ComponentDemo/TableDemo.vue +127 -409
- package/dist/vue2-components-plus.css +1 -1
- package/dist/vue2-components-plus.js +93 -32
- package/dist/vue2-components-plus.umd.cjs +1 -1
- package/package.json +1 -1
|
@@ -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-
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
-
"
|
|
2078
|
+
"86cf2232",
|
|
2065
2079
|
null,
|
|
2066
2080
|
null
|
|
2067
2081
|
);
|
|
2068
2082
|
const NsTable = __component__$2.exports;
|
|
2069
|
-
const
|
|
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
|
-
|
|
2138
|
-
type:
|
|
2139
|
-
default:
|
|
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
|
|
2222
|
-
|
|
2223
|
-
|
|
2254
|
+
if (!this.useDefaultPage) {
|
|
2255
|
+
this.$emit("update:currentPage", 1);
|
|
2256
|
+
}
|
|
2224
2257
|
}
|
|
2225
|
-
this
|
|
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
|
-
|
|
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.
|
|
2280
|
+
currentPage: this.internalPagination.currentPage,
|
|
2240
2281
|
pageSize: size
|
|
2241
2282
|
});
|
|
2242
|
-
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
2291
|
-
|
|
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
|
-
"
|
|
2452
|
+
"0d1f3c53",
|
|
2392
2453
|
null,
|
|
2393
2454
|
null
|
|
2394
2455
|
);
|