@fecp/designer 5.3.21 → 5.4.1

package/es/designer.css

@@ -3932,7 +3932,30 @@ to {
   color: #606266;
   margin-left: 8px;
 }
-.table-work-area[data-v-f581ce52] {
+
+.table-summary-config[data-v-95806c79] {
+  position: relative;
+  margin: 0 17px;
+  margin-top: -49px;
+  margin-bottom: 16px;
+}
+.config-row[data-v-95806c79] {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px;
+  padding: 8px 12px;
+  background: #f5f7fa;
+  border-radius: 4px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+.config-label[data-v-95806c79] {
+  font-size: 13px;
+  color: #606266;
+  margin-right: 4px;
+}
+.table-work-area[data-v-271403ad] {
   display: flex;
   border-left: 1px solid #ebeef5;
   position: relative;
@@ -3941,25 +3964,25 @@ to {
   overflow: hidden;
   margin: 8px 16px;
 }
-.table-work-area .widgets-opt-tools[data-v-f581ce52] {
+.table-work-area .widgets-opt-tools[data-v-271403ad] {
   height: 150px;
   width: 100%;
 }
-.edit-table-draggable[data-v-f581ce52] {
+.edit-table-draggable[data-v-271403ad] {
   display: flex;
   font-size: 14px;
 }
-.edit-table-draggable .table-item[data-v-f581ce52] {
+.edit-table-draggable .table-item[data-v-271403ad] {
   flex: none;
   border: 1px solid #ebeef5;
   border-left: none;
   min-width: 80px;
   position: relative;
 }
-.edit-table-draggable .table-item.flex-auto[data-v-f581ce52] {
+.edit-table-draggable .table-item.flex-auto[data-v-271403ad] {
   flex: 1;
 }
-.edit-table-draggable .table-item .widgets[data-v-f581ce52] {
+.edit-table-draggable .table-item .widgets[data-v-271403ad] {
   color: #1a1a1a;
   height: 40px;
   border: 2px solid transparent;
@@ -3974,35 +3997,35 @@ to {
   display: flex;
   align-items: center;
 }
-.edit-table-draggable .table-item .widgets[data-v-f581ce52] .el-icon {
+.edit-table-draggable .table-item .widgets[data-v-271403ad] .el-icon {
   color: #909399;
   margin-left: 2px;
 }
-.edit-table-draggable .table-item.align-header-left .widgets[data-v-f581ce52] {
+.edit-table-draggable .table-item.align-header-left .widgets[data-v-271403ad] {
   text-align: left;
   justify-content: flex-start;
 }
-.edit-table-draggable .table-item.align-header-center .widgets[data-v-f581ce52] {
+.edit-table-draggable .table-item.align-header-center .widgets[data-v-271403ad] {
   text-align: center;
   justify-content: center;
 }
-.edit-table-draggable .table-item.align-header-right .widgets[data-v-f581ce52] {
+.edit-table-draggable .table-item.align-header-right .widgets[data-v-271403ad] {
   text-align: right;
   justify-content: flex-end;
 }
-.edit-table-draggable .table-item.align-left .field-label[data-v-f581ce52] {
+.edit-table-draggable .table-item.align-left .field-label[data-v-271403ad] {
   text-align: left;
   justify-content: flex-start;
 }
-.edit-table-draggable .table-item.align-center .field-label[data-v-f581ce52] {
+.edit-table-draggable .table-item.align-center .field-label[data-v-271403ad] {
   text-align: center;
   justify-content: center;
 }
-.edit-table-draggable .table-item.align-right .field-label[data-v-f581ce52] {
+.edit-table-draggable .table-item.align-right .field-label[data-v-271403ad] {
   text-align: right;
   justify-content: flex-end;
 }
-.edit-table-draggable .table-item .widgets-tools[data-v-f581ce52] {
+.edit-table-draggable .table-item .widgets-tools[data-v-271403ad] {
   position: absolute;
   top: -30px;
   width: 100%;
@@ -4013,18 +4036,18 @@ to {
   height: 30px;
   color: #121c2e;
 }
-.edit-table-draggable .table-item .widgets-tools .icon[data-v-f581ce52] {
+.edit-table-draggable .table-item .widgets-tools .icon[data-v-271403ad] {
   cursor: pointer;
   font-size: 16px;
   margin-left: 8px;
 }
-.edit-table-draggable .table-item .widgets-tools .icon[data-v-f581ce52]:hover {
+.edit-table-draggable .table-item .widgets-tools .icon[data-v-271403ad]:hover {
   opacity: 0.7;
 }
-.edit-table-draggable .table-item .widgets-tools .delete[data-v-f581ce52] {
+.edit-table-draggable .table-item .widgets-tools .delete[data-v-271403ad] {
   color: #d9534f;
 }
-.edit-table-draggable .table-item .field-label[data-v-f581ce52] {
+.edit-table-draggable .table-item .field-label[data-v-271403ad] {
   border-top: 1px solid #ebeef5;
   height: 40px;
   padding: 0 8px;
@@ -4032,11 +4055,11 @@ to {
   display: flex;
   align-items: center;
 }
-.edit-table-draggable .table-item .field-label[data-v-f581ce52] .el-icon {
+.edit-table-draggable .table-item .field-label[data-v-271403ad] .el-icon {
   color: #909399;
   margin-left: 2px;
 }
-.edit-table-draggable .table-item .quick-operation[data-v-f581ce52] {
+.edit-table-draggable .table-item .quick-operation[data-v-271403ad] {
   display: none;
   align-items: center;
   gap: 4px;
@@ -4045,7 +4068,7 @@ to {
   width: 100%;
   padding-top: 3px;
 }
-.edit-table-draggable .table-item .quick-operation .setting-icon[data-v-f581ce52] {
+.edit-table-draggable .table-item .quick-operation .setting-icon[data-v-271403ad] {
   color: #909399;
   cursor: pointer;
   font-size: 16px;
@@ -4053,11 +4076,11 @@ to {
   border-radius: 4px;
   transition: all 0.3s;
 }
-.edit-table-draggable .table-item .quick-operation .setting-icon[data-v-f581ce52]:hover, .edit-table-draggable .table-item .quick-operation .setting-icon.is-active[data-v-f581ce52] {
+.edit-table-draggable .table-item .quick-operation .setting-icon[data-v-271403ad]:hover, .edit-table-draggable .table-item .quick-operation .setting-icon.is-active[data-v-271403ad] {
   color: #409eff;
   background-color: #ecf5ff;
 }
-.edit-table-draggable .table-item .quick-operation .icon-action[data-v-f581ce52] {
+.edit-table-draggable .table-item .quick-operation .icon-action[data-v-271403ad] {
   color: #606266;
   cursor: pointer;
   font-size: 16px;
@@ -4065,33 +4088,33 @@ to {
   border-radius: 4px;
   transition: all 0.3s;
 }
-.edit-table-draggable .table-item .quick-operation .icon-action[data-v-f581ce52]:hover {
+.edit-table-draggable .table-item .quick-operation .icon-action[data-v-271403ad]:hover {
   color: #409eff;
   background-color: #ecf5ff;
 }
-.edit-table-draggable .table-item .quick-operation .icon-action.delete[data-v-f581ce52] {
+.edit-table-draggable .table-item .quick-operation .icon-action.delete[data-v-271403ad] {
   color: #f56c6c;
 }
-.edit-table-draggable .table-item .quick-operation .icon-action.delete[data-v-f581ce52]:hover {
+.edit-table-draggable .table-item .quick-operation .icon-action.delete[data-v-271403ad]:hover {
   color: #fff;
   background-color: #f56c6c;
 }
-.edit-table-draggable .table-item[data-v-f581ce52]:last-child {
+.edit-table-draggable .table-item[data-v-271403ad]:last-child {
   border-right: none;
 }
-.edit-table-draggable .table-item.is-hover .widgets[data-v-f581ce52] {
+.edit-table-draggable .table-item.is-hover .widgets[data-v-271403ad] {
   border: 2px dashed #7b99cb !important;
 }
-.edit-table-draggable .table-item.is-hover .quick-operation[data-v-f581ce52] {
+.edit-table-draggable .table-item.is-hover .quick-operation[data-v-271403ad] {
   display: flex;
 }
-.edit-table-draggable .table-item.is-select .widgets[data-v-f581ce52] {
+.edit-table-draggable .table-item.is-select .widgets[data-v-271403ad] {
   border: 2px dashed #f0ad4e !important;
 }
-.edit-table-draggable .table-item.is-select .quick-operation[data-v-f581ce52] {
+.edit-table-draggable .table-item.is-select .quick-operation[data-v-271403ad] {
   display: flex;
 }
-.table-btn[data-v-f581ce52] {
+.table-btn[data-v-271403ad] {
   font-size: 14px;
   width: 220px;
   flex: none;
@@ -4099,7 +4122,7 @@ to {
   border-right: 1px solid #ebeef5 !important;
   border-bottom: none;
 }
-.table-btn .widgets[data-v-f581ce52] {
+.table-btn .widgets[data-v-271403ad] {
   text-align: center;
   position: relative;
   border-bottom: 1px solid #ebeef5;
@@ -4110,34 +4133,34 @@ to {
   align-items: center;
   justify-content: center;
 }
-.table-btn .widgets .isOptBtns[data-v-f581ce52] {
+.table-btn .widgets .isOptBtns[data-v-271403ad] {
   position: absolute;
   left: 5px;
   margin: 0;
   top: 5px;
 }
-.table-btn .widgets .addLink[data-v-f581ce52] {
+.table-btn .widgets .addLink[data-v-271403ad] {
   position: absolute;
   right: 10px;
 }
-.table-btn .widgets-tools[data-v-f581ce52] {
+.table-btn .widgets-tools[data-v-271403ad] {
   display: flex;
 }
-.table-btn.close[data-v-f581ce52] {
+.table-btn.close[data-v-271403ad] {
   width: 80px;
 }
-.table-btn.close .addLink[data-v-f581ce52],
-.table-btn.close .table-btn-option[data-v-f581ce52] {
+.table-btn.close .addLink[data-v-271403ad],
+.table-btn.close .table-btn-option[data-v-271403ad] {
   display: none;
 }
-.table-selectMode[data-v-f581ce52],
-.table-indexMode[data-v-f581ce52] {
+.table-selectMode[data-v-271403ad],
+.table-indexMode[data-v-271403ad] {
   width: 42px;
   flex: none;
   border-right: 1px solid #ebeef5 !important;
 }
-.table-selectMode .widgets[data-v-f581ce52],
-.table-indexMode .widgets[data-v-f581ce52] {
+.table-selectMode .widgets[data-v-271403ad],
+.table-indexMode .widgets[data-v-271403ad] {
   color: #1a1a1a;
   font-weight: bold;
   font-size: 14px;
@@ -4150,8 +4173,8 @@ to {
   align-items: center;
   justify-content: center;
 }
-.table-selectMode .field-label[data-v-f581ce52],
-.table-indexMode .field-label[data-v-f581ce52] {
+.table-selectMode .field-label[data-v-271403ad],
+.table-indexMode .field-label[data-v-271403ad] {
   border-bottom: 1px solid #ebeef5;
   height: 40px;
   padding: 0 8px;
@@ -4159,16 +4182,16 @@ to {
   font-size: 14px;
   text-align: center;
 }
-.table-selectMode[data-v-f581ce52] .el-radio__label,
-.table-indexMode[data-v-f581ce52] .el-radio__label {
+.table-selectMode[data-v-271403ad] .el-radio__label,
+.table-indexMode[data-v-271403ad] .el-radio__label {
   display: none;
 }
-.table-btn-option[data-v-f581ce52] {
+.table-btn-option[data-v-271403ad] {
   padding: 8px;
   display: flex;
   flex-wrap: wrap;
 }
-.table-btn-option .opt-btn[data-v-f581ce52] {
+.table-btn-option .opt-btn[data-v-271403ad] {
   min-width: 52px;
   height: 28px;
   margin-right: 8px;
@@ -4176,42 +4199,42 @@ to {
   border: 2px solid transparent;
   border-radius: 2px;
 }
-.table-btn-option .opt-btn.is-hover[data-v-f581ce52] {
+.table-btn-option .opt-btn.is-hover[data-v-271403ad] {
   border: 2px dashed #7b99cb !important;
 }
-.table-btn-option .opt-btn.is-select[data-v-f581ce52] {
+.table-btn-option .opt-btn.is-select[data-v-271403ad] {
   border: 2px dashed #efa53a !important;
 }
-.quick-setting-panel[data-v-f581ce52] {
+.quick-setting-panel[data-v-271403ad] {
   padding: 8px;
   min-width: 160px;
 }
-.quick-setting-panel .setting-row[data-v-f581ce52] {
+.quick-setting-panel .setting-row[data-v-271403ad] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 8px;
 }
-.quick-setting-panel .setting-row[data-v-f581ce52]:last-child {
+.quick-setting-panel .setting-row[data-v-271403ad]:last-child {
   margin-bottom: 0;
 }
-.quick-setting-panel .setting-row .setting-label[data-v-f581ce52] {
+.quick-setting-panel .setting-row .setting-label[data-v-271403ad] {
   font-size: 12px;
   color: #606266;
   min-width: 35px;
 }
-.quick-setting-panel .setting-row .setting-select[data-v-f581ce52] {
+.quick-setting-panel .setting-row .setting-select[data-v-271403ad] {
   flex: 1;
   width: 90px;
 }
-.quick-setting-panel .setting-row .setting-input[data-v-f581ce52] {
+.quick-setting-panel .setting-row .setting-input[data-v-271403ad] {
   flex: 1;
   width: 90px;
 }
-.quick-setting-panel .setting-row[data-v-f581ce52] .el-checkbox {
+.quick-setting-panel .setting-row[data-v-271403ad] .el-checkbox {
   margin-right: 5px;
 }
-.quick-setting-panel .setting-row[data-v-f581ce52] .el-checkbox .el-checkbox__label {
+.quick-setting-panel .setting-row[data-v-271403ad] .el-checkbox .el-checkbox__label {
   padding-left: 5px;
 }.form-setting[data-v-cc559ca7] {
   display: flex;
@@ -5668,10 +5691,10 @@ body,
 }
 [data-v-8aed9471] .vgl-item > .el-container {
   height: auto !important;
-}.cell-content .cell-text[data-v-1fac212e] {
+}.cell-content .cell-text[data-v-3e5372d4] {
   display: inline-block;
 }
-.cell-content .copy-icon[data-v-1fac212e] {
+.cell-content .copy-icon[data-v-3e5372d4] {
   cursor: pointer;
   color: #909399;
   font-size: 14px;
@@ -5679,7 +5702,7 @@ body,
   top: 4px;
   margin-left: 4px;
 }
-.cell-content .copy-icon[data-v-1fac212e]:hover {
+.cell-content .copy-icon[data-v-3e5372d4]:hover {
   color: #409eff;
 }.fec-table-filter[data-v-4851a6ab] {
   display: flex;
@@ -5955,11 +5978,11 @@ body,
 }
 [data-v-dc1c22da] .el-checkbox-group .el-checkbox-button__inner {
   border-radius: 4px;
-}.fec-table[data-v-03f3150c] {
+}.fec-table[data-v-aa3130aa] {
   height: 100%;
   flex-grow: 1;
 }
-.fec-table-container[data-v-03f3150c] {
+.fec-table-container[data-v-aa3130aa] {
   width: 100%;
   background: #fff;
   box-sizing: border-box;
@@ -5969,30 +5992,30 @@ body,
   overflow: hidden;
   flex-grow: 1;
 }
-.fec-table-container .fec-vxe-table[data-v-03f3150c] {
+.fec-table-container .fec-vxe-table[data-v-aa3130aa] {
   flex: 1;
   min-height: 0;
   overflow: hidden;
 }
-.fec-table-container[data-v-03f3150c] .vxe-table {
+.fec-table-container[data-v-aa3130aa] .vxe-table {
   font-size: 14px;
 }
-.fec-table-container[data-v-03f3150c] .vxe-table .vxe-table--body-wrapper {
+.fec-table-container[data-v-aa3130aa] .vxe-table .vxe-table--body-wrapper {
   overflow: auto;
 }
-.fec-table-container[data-v-03f3150c] .vxe-table .vxe-header--column {
+.fec-table-container[data-v-aa3130aa] .vxe-table .vxe-header--column {
   background-color: #f5f7fa;
 }
-.fec-table-container[data-v-03f3150c] .vxe-table .vxe-header--column .vxe-cell {
+.fec-table-container[data-v-aa3130aa] .vxe-table .vxe-header--column .vxe-cell {
   height: 40px !important;
   min-height: 40px !important;
 }
-.fec-table-container[data-v-03f3150c] .vxe-table .vxe-body--column .vxe-cell {
+.fec-table-container[data-v-aa3130aa] .vxe-table .vxe-body--column .vxe-cell {
   padding: 6px !important;
   min-height: 40px !important;
 }
-.fec-table-container[data-v-03f3150c] .vxe-table .vxe-body--column .c--tooltip,
-.fec-table-container[data-v-03f3150c] .vxe-table .vxe-body--column .c--title {
+.fec-table-container[data-v-aa3130aa] .vxe-table .vxe-body--column .c--tooltip,
+.fec-table-container[data-v-aa3130aa] .vxe-table .vxe-body--column .c--title {
   height: 40px !important;
   min-height: 40px !important;
 }:root,:host{--van-black: #000;--van-white: #fff;--van-gray-1: #f7f8fa;--van-gray-2: #f2f3f5;--van-gray-3: #ebedf0;--van-gray-4: #dcdee0;--van-gray-5: #c8c9cc;--van-gray-6: #969799;--van-gray-7: #646566;--van-gray-8: #323233;--van-red: #ee0a24;--van-blue: #1989fa;--van-orange: #ff976a;--van-orange-dark: #ed6a0c;--van-orange-light: #fffbe8;--van-green: #07c160;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background: var(--van-gray-1);--van-background-2: var(--van-white);--van-background-3: var(--van-white);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-bold: 600;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--van-duration-base: .3s;--van-duration-fast: .2s;--van-ease-out: ease-out;--van-ease-in: ease-in;--van-border-color: var(--van-gray-3);--van-border-width: 1px;--van-radius-sm: 2px;--van-radius-md: 4px;--van-radius-lg: 8px;--van-radius-max: 999px}.van-theme-dark{--van-text-color: #f5f5f5;--van-text-color-2: #707070;--van-text-color-3: #4d4d4d;--van-border-color: #3a3a3c;--van-active-color: #3a3a3c;--van-background: #000;--van-background-2: #1c1c1e;--van-background-3: #37363b}html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--van-base-font)}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=van-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}@keyframes van-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes van-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes van-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes van-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes van-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.van-fade-enter-active{animation:var(--van-duration-base) van-fade-in both var(--van-ease-out)}.van-fade-leave-active{animation:var(--van-duration-base) van-fade-out both var(--van-ease-in)}.van-slide-up-enter-active{animation:van-slide-up-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-up-leave-active{animation:van-slide-up-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-down-enter-active{animation:van-slide-down-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-down-leave-active{animation:van-slide-down-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-left-enter-active{animation:van-slide-left-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-left-leave-active{animation:van-slide-left-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-right-enter-active{animation:van-slide-right-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-right-leave-active{animation:van-slide-right-leave var(--van-duration-base) both var(--van-ease-in)}.van-clearfix:after{display:table;clear:both;content:""}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-break:anywhere;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;line-break:anywhere;-webkit-box-orient:vertical}.van-safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-haptics-feedback{cursor:pointer}.van-haptics-feedback:active{opacity:var(--van-active-opacity)}[class*=van-hairline]:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--van-border-color);transform:scale(.5)}.van-hairline,.van-hairline--top,.van-hairline--left,.van-hairline--right,.van-hairline--bottom,.van-hairline--surround,.van-hairline--top-bottom{position:relative}.van-hairline--top:after{border-top-width:var(--van-border-width)}.van-hairline--left:after{border-left-width:var(--van-border-width)}.van-hairline--right:after{border-right-width:var(--van-border-width)}.van-hairline--bottom:after{border-bottom-width:var(--van-border-width)}.van-hairline--top-bottom:after,.van-hairline-unset--top-bottom:after{border-width:var(--van-border-width) 0}.van-hairline--surround:after{border-width:var(--van-border-width)}

package/es/packages/vue/src/components/table/Table.vue.mjs

@@ -173,7 +173,93 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       }
       return localConfig.value.height || 500;
     });
-    const initDataSourceManager = () => {
+    const summaryConfig = computed(() => {
+      return localConfig.value.summaryConfig || {
+        enabled: false,
+        mode: "current",
+        summaryFields: []
+      };
+    });
+    const allSummaryData = ref({});
+    const footerData = computed(() => {
+      const config = summaryConfig.value;
+      const { enabled, mode, summaryFields = [] } = config;
+      if (!enabled) return [];
+      const firstItem = fieldsData.value.find((item) => item.isShow);
+      if (!firstItem) {
+        return [];
+      }
+      const firstSummaryField = firstItem.fieldName;
+      const footerRow = { _isFooter: true };
+      if (firstSummaryField) {
+        footerRow[firstSummaryField] = "合计";
+      }
+      if (mode === "current") {
+        summaryFields.forEach((fieldName) => {
+          const sum = displayData.value.reduce((total, item) => {
+            const value = parseFloat(item[fieldName]);
+            return total + (isNaN(value) ? 0 : value);
+          }, 0);
+          if (isNaN(sum)) {
+            footerRow[fieldName] = "";
+          } else {
+            const field = fieldsData.value.find((f) => f.fieldName === fieldName);
+            footerRow[fieldName] = formatSummaryValue(sum, field);
+          }
+        });
+      } else if (mode === "all") {
+        summaryFields.forEach((fieldName) => {
+          const sum = allSummaryData.value[fieldName];
+          if (sum !== void 0 && sum !== null) {
+            const field = fieldsData.value.find((f) => f.fieldName === fieldName);
+            footerRow[fieldName] = formatSummaryValue(sum, field);
+          } else {
+            footerRow[fieldName] = "加载中...";
+          }
+        });
+      }
+      return [footerRow];
+    });
+    function formatSummaryValue(value, field) {
+      if (!field) {
+        return value;
+      }
+      const format = field.format;
+      field.hasDecimalPlaces;
+      field.decimalPlaces ?? 2;
+      let result = value;
+      switch (format) {
+        case "yuan":
+          result = value;
+          break;
+        case "wan":
+          result = value / 1e4;
+          break;
+        case "million":
+          result = value / 1e6;
+          break;
+        case "percentage":
+          result = value * 100;
+          break;
+        case "permillage":
+          result = value * 1e3;
+          break;
+        case "permillion":
+          result = value * 1e4;
+          break;
+        default:
+          result = value;
+      }
+      if (field.format == "yuan" || field.format == "wan" || field.format == "million") {
+        const formatted = result.toLocaleString("en-US", {
+          minimumFractionDigits: field.hasDecimalPlaces && field.decimalPlaces !== void 0 ? field.decimalPlaces : 0,
+          maximumFractionDigits: field.hasDecimalPlaces && field.decimalPlaces !== void 0 ? field.decimalPlaces : 20
+        });
+        return formatted;
+      }
+      return result;
+    }
+    const initDataSourceManager = async () => {
       var _a, _b;
       if (!((_a = localConfig.value.dataSources) == null ? void 0 : _a.length)) return;
       dataSourceManager.value = createDataSource({
@@ -197,7 +283,36 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         emit("data-error", err);
       });
       if (!props.tableData || props.tableData.length === 0) {
-        dataSourceManager.value.fetch();
+        tableDataFetch();
+        if (localConfig.value.summaryConfig.enabled && localConfig.value.summaryConfig.mode == "all") {
+          const summaryAllDataManager = createDataSource({
+            http: ctx.$http,
+            initSearchData: searchData.value,
+            dataSources: localConfig.value.dataSources,
+            currentDataSourceId: localConfig.value.dataSourceId,
+            pagination: {
+              pageNo: 1,
+              pageSize: 0
+              // 获取全部数据
+            },
+            data: hiddenFormData.value,
+            fields: fieldsData.value,
+            sortRules: localConfig.value.sortRules,
+            templateId: localConfig.value.templateKey
+          });
+          const data = await summaryAllDataManager.fetch();
+          const summaryFields = localConfig.value.summaryConfig.summaryFields || [];
+          const allList = (data == null ? void 0 : data.list) || [];
+          const summaryResult = {};
+          summaryFields.forEach((fieldName) => {
+            const sum = allList.reduce((total, item) => {
+              const value = parseFloat(item[fieldName]);
+              return total + (isNaN(value) ? 0 : value);
+            }, 0);
+            summaryResult[fieldName] = sum;
+          });
+          allSummaryData.value = summaryResult;
+        }
       }
       loadFieldDataSources();
     };
@@ -329,14 +444,14 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       const orderValue = order ? order.replace("ending", "") : "";
       if (dataSourceManager.value) {
         dataSourceManager.value.updateSort(property, orderValue);
-        dataSourceManager.value.fetch();
+        tableDataFetch();
       }
       emit("sort-change", { field: property, order: orderValue });
     };
     const handlePageChange = ({ pageNo, pageSize }) => {
       if (dataSourceManager.value) {
         dataSourceManager.value.updatePagination(pageNo, pageSize);
-        dataSourceManager.value.fetch();
+        tableDataFetch();
       }
       emit("page-change", { pageNo, pageSize });
     };
@@ -352,7 +467,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     const handleFilterSearch = (filters) => {
       if (dataSourceManager.value) {
         dataSourceManager.value.updateParams(filters);
-        dataSourceManager.value.fetch();
+        tableDataFetch();
         clearSelection();
       } else {
         searchData.value = filters;
@@ -361,7 +476,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     const handleFilterReset = () => {
       if (dataSourceManager.value) {
         dataSourceManager.value.clearParams();
-        dataSourceManager.value.fetch();
+        tableDataFetch();
         clearSelection();
       }
     };
@@ -392,7 +507,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
             $table.clearFilter();
           }
         }
-        dataSourceManager.value.fetch();
+        tableDataFetch();
       }
     };
     const reset = () => {
@@ -407,9 +522,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           $table.clearSort();
         }
         dataSourceManager.value.clearSort();
-        dataSourceManager.value.fetch();
+        tableDataFetch();
       }
     };
+    async function tableDataFetch() {
+      await dataSourceManager.value.fetch();
+    }
     const exportConfig = reactive({
       modes: ["current", "selected", "all", "empty"],
       original: false
@@ -619,6 +737,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
                   "row-config": rowConfig.value,
                   "radio-config": unref(radioConfig),
                   "checkbox-config": unref(checkboxConfig),
+                  "show-footer": summaryConfig.value.enabled,
+                  "footer-data": footerData.value,
                   onSortChange: handleSortChange,
                   onCheckboxChange: handleCheckboxChange,
                   onCheckboxAll: handleCheckboxAll,
@@ -657,7 +777,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
                     ];
                   }),
                   _: 3
-                }, 8, ["data", "auto-resize", "height", "export-config", "row-config", "radio-config", "checkbox-config"])
+                }, 8, ["data", "auto-resize", "height", "export-config", "row-config", "radio-config", "checkbox-config", "show-footer", "footer-data"])
               ]),
               isPagination.value ? (openBlock(), createBlock(Pagination, {
                 key: 2,
@@ -673,7 +793,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-03f3150c"]]);
+const _Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-aa3130aa"]]);
 export {
   _Table as default
 };

package/es/packages/vue/src/components/table/TableColumn.vue.mjs

@@ -399,7 +399,7 @@ const _sfc_main = {
     };
   }
 };
-const TableColumn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1fac212e"]]);
+const TableColumn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3e5372d4"]]);
 export {
   TableColumn as default
 };

package/lib/designer/package.json.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const version = "5.3.21";
+const version = "5.4.1";
 const packageJson = {
   version
 };

package/lib/designer/src/packages/table/aside/index.js

@@ -12,7 +12,8 @@ const defaultProperty = {
   headerAlign: "center",
   align: "center",
   isOverflowWrap: true,
-  isShow: true
+  isShow: true,
+  canSort: true
 };
 const components = [
   {