@hi-ui/table 4.0.0-alpha.21 → 4.0.0-alpha.25

package/lib/esm/hooks/use-embed-expand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-embed-expand.js","sources":["../../../src/hooks/use-embed-expand.ts"],"sourcesContent":[null],"names":["DEFAULT_EXPAND_EMBED_ROW_KEYS","useEmbedExpand","rowExpandable","defaultExpandEmbedRowKeys","expandEmbedRowKeysProp","expandEmbedRowKeys","onEmbedExpand","expandedRender","embedExpandable","useMemo","isFunction","useUncontrolledState","expandEmbedRows","trySetExpandEmbedRows","useCheck","checkedIds","onCheck","onExpandEmbedRowsChange","isExpandEmbedRows","useCheckState","addLoadingIds","add","removeLoadingIds","remove","isLoadingId","has","React","useState","embedPanelRecord","setEmbedPanelRecord","getEmbedPanelById","useCallback","id","onEmbedSwitch","node","rowIndex","embedContentMaybePromise","raw","isPromise","then","jsxElement","prev","isEmbedLoadingId"],"mappings":";;;;;;;;;;;;;;;;AAOA,IAAMA,6BAA6B,GAAG,EAAtC;AAEA;;;;IAGaC,cAAc,GAAG,SAAjBA,cAAiB,KAAA;gCAC5BC;MAAAA,gDAAgB;mCAChBC;MAAAA,+DAA4BH;MACRI,8BAApBC;MACAC,qBAAAA;MACAC,sBAAAA;;;;;MAKMC,eAAe,GAAGC,OAAO,CAAC;QAC1B,CAACP,eAAe,OAAO,KAAP;;QAEhB,CAACQ,UAAU,CAACH,cAAD,GAAkB,OAAO,KAAP;WAE1B;AACLL,MAAAA,aAAa,EAAbA,aADK;AAELK,MAAAA,cAAc,EAAdA;AAFK;AALsB,GAAA,EAS5B,CAACL,aAAD,EAAgBK,cAAhB,CAT4B;;;;;8BAckBI,oBAAoB,CACnER,yBADmE,EAEnEC,sBAFmE,EAGnEE,aAHmE;MAA9DM,eAAP;MAAwBC,qBAAxB;;kBAMqDC,QAAQ,CAAC;AAC5DC,IAAAA,UAAU,EAAEH,eADgD;AAE5DI,IAAAA,OAAO,EAAEH;AAFmD,GAAD;MAAtDI,uBAAP;MAAgCC,iBAAhC;;;;;;uBAQ2EC,aAAa;MAA3EC,aAAb,kBAAQC;MAA4BC,gBAApC,kBAA4BC;MAA+BC,WAA3D,kBAAsDC;;;;;;;wBAQNC,KAAK,CAACC,QAAND,CAA6C,EAA7CA;MAAzCE,gBAAP;MAAyBC,mBAAzB;;MAEMC,iBAAiB,GAAGC,WAAW,CACnC,UAACC,EAAD;WACSJ,gBAAgB,CAACI,EAAD,CAAhBJ,IAAwB;AAFE,GAAA,EAInC,CAACA,gBAAD,CAJmC;;;;;MAU/BK,aAAa,GAAGF,WAAW,CAC/B,UAAOG,IAAP,EAAkCC,QAAlC;;;;;;;kBACO3B;;;;;;;;AAEC4B,cAAAA,2BAA2B5B,eAAe,CAACD,cAAhBC,CAA+B0B,IAAI,CAACG,GAApC7B,EAAyC2B,QAAzC3B,CAA3B4B;;mBAGFE,SAAS,CAACF,wBAAD;;;;;AACXhB,cAAAA,aAAa,CAACc,IAAI,CAACF,EAAN,CAAbZ;AAEAgB,cAAAA,wBAAwB,CACrBG,IADHH,CACQ,UAACI,UAAD;AACJlB,gBAAAA,gBAAgB,CAACY,IAAI,CAACF,EAAN,CAAhBV;oBAEI,OAAOkB,UAAP,KAAsB,aAAa;AAEvCX,gBAAAA,mBAAmB,CAAC,UAACY,IAAD;;;yDAEbA,4CACFP,IAAI,CAACF,MAAKQ;AAHI,iBAAA,CAAnBX;AANJ,eAAAO,WAaS,UAACI,UAAD;AACLlB,gBAAAA,gBAAgB,CAACY,IAAI,CAACF,EAAN,CAAhBV;oBAEI,OAAOkB,UAAP,KAAsB,aAAa;AAEvCX,gBAAAA,mBAAmB,CAAC,UAACY,IAAD;;;yDAEbA,8CACFP,IAAI,CAACF,MAAKQ;AAHI,iBAAA,CAAnBX;AAlBJ,eAAAO;;;;;oBA0BI,OAAOA,wBAAP,KAAoC;;;;;;;;AAExCP,cAAAA,mBAAmB,CAAC,UAACY,IAAD;;;uDAEbA,8CACFP,IAAI,CAACF,MAAKI;AAHI,eAAA,CAAnBP;;;;;;;;;AAtC2B,GAAA,EA8C/B,CAACrB,eAAD,EAAkBY,aAAlB,EAAiCE,gBAAjC,CA9C+B;SAiD1B;AACLd,IAAAA,eAAe,EAAfA,eADK;AAELyB,IAAAA,aAAa,EAAbA,aAFK;AAGLH,IAAAA,iBAAiB,EAAjBA,iBAHK;AAILY,IAAAA,gBAAgB,EAAElB,WAJb;AAKLN,IAAAA,iBAAiB,EAAjBA,iBALK;AAMLD,IAAAA,uBAAuB,EAAvBA;AANK;;;"}

package/lib/esm/index.js

@@ -8,6 +8,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 import './styles/index.scss.js';
-export { Table, Table as default } from './Table.js';
+export { SELECTION_DATA_KEY, Table, Table as default } from './Table.js';
 export { TreeNodeType } from './types.js';
 //# sourceMappingURL=index.js.map

package/lib/esm/styles/index.scss.js

@@ -7,7 +7,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-table {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  font-size: 14px;\n  position: relative; }\n.hi-v4-table table {\n    width: 100%;\n    text-align: left;\n    background-color: #fff;\n    background-color: var(--hi-v4-color-static-white, #fff);\n    border-radius: 2px 2px 0 0;\n    border-spacing: 0;\n    border-collapse: separate;\n    display: table;\n    table-layout: fixed;\n    overflow: auto; }\n.hi-v4-table__wrapper {\n    position: relative; }\n.hi-v4-table--size-md table tbody > tr > td {\n    padding: 14px;\n    padding: var(--hi-v4-spacing-7, 14px); }\n.hi-v4-table--size-md table thead > tr > th {\n    padding: 14px;\n    padding: var(--hi-v4-spacing-7, 14px); }\n.hi-v4-table--size-sm table tbody > tr > td {\n    padding: 8px;\n    padding: var(--hi-v4-spacing-4, 8px); }\n.hi-v4-table--size-sm table thead > tr > th {\n    padding: 8px;\n    padding: var(--hi-v4-spacing-4, 8px); }\n.hi-v4-table--size-lg table tbody > tr > td {\n    padding: 20px;\n    padding: var(--hi-v4-spacing-10, 20px); }\n.hi-v4-table--size-lg table thead > tr > th {\n    padding: 20px;\n    padding: var(--hi-v4-spacing-10, 20px); }\n.hi-v4-table--bordered table thead > tr > th {\n    border-right: 1px solid #ebedf0;\n    border-right: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-table--bordered table td {\n    border-right: 1px solid #ebedf0;\n    border-right: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-table--bordered .hi-v4-table-header {\n    border-top: 1px solid #ebedf0;\n    border-top: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0);\n    border-left: 1px solid #ebedf0;\n    border-left: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-table--bordered .hi-v4-table__body {\n    border-left: 1px solid #ebedf0;\n    border-left: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-table--striped .hi-v4-table-row:not(:hover):nth-child(2n) .hi-v4-table-cell {\n    background-color: #f5f7fa;\n    background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table--sticky {\n    position: sticky;\n    top: 0; }\n.hi-v4-table-header {\n    position: relative;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    overflow: hidden; }\n.hi-v4-table-header tr > th {\n      color: #1f2733;\n      color: var(--hi-v4-color-gray-700, #1f2733);\n      font-size: 0.875rem;\n      font-size: var(--hi-v4-text-size-normal, 0.875rem);\n      font-weight: 500;\n      font-weight: var(--hi-v4-text-weight-medium, 500);\n      line-height: 1.25rem;\n      line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n      padding: 14px 16px;\n      padding: var(--hi-v4-spacing-7, 14px) var(--hi-v4-spacing-8, 16px);\n      border-bottom: 1px solid #f0f0f0; }\n.hi-v4-table-row:hover .hi-v4-table-cell {\n    background-color: #e2f3fe;\n    background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-table-row--hovered {\n    background: #f0f5fe; }\n.hi-v4-table-row--expanded {\n    background: #fbfbfb; }\n.hi-v4-table-row--expanded > td {\n      color: #1f2937;\n      color: var(--hi-v4-color-gray-800, #1f2937); }\n.hi-v4-table-row--error > td {\n    color: #ff5959;\n    color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-table-row--highlight > td {\n    background-color: #e2f3fe;\n    background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-table-row--dragging {\n    background-color: #e2f3fe;\n    background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-table-row--drag-top td {\n    border-top: 2px dashed #237ffa;\n    border-top: 2px dashed var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-table-row--drag-bottom td {\n    border-bottom: 2px dashed #237ffa;\n    border-bottom: 2px dashed var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-table-header .hi-v4-table-col {\n    background-color: #f5f7fa;\n    background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table__body .hi-v4-table-col[data-hover-highlight] {\n    background-color: #e2f3fe;\n    background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-table-header .hi-v4-table-col[data-hover-highlight] {\n    background-color: #f2f4f7;\n    background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-table__resizable {\n    position: relative;\n    background-clip: padding-box; }\n.hi-v4-table__resizable-handle {\n      position: absolute;\n      width: 2px;\n      height: 100%;\n      bottom: 0;\n      right: 0;\n      cursor: col-resize;\n      z-index: 1; }\n.hi-v4-table__resizable-handle:hover {\n        background-color: #237ffa;\n        background-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-table-cell {\n  word-break: break-word;\n  border-bottom: 1px solid #f0f0f0;\n  font-size: 0.875rem;\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  font-weight: 400;\n  font-weight: var(--hi-v4-text-weight-normal, 400);\n  color: #1f2733;\n  color: var(--hi-v4-color-gray-700, #1f2733);\n  line-height: 1.375rem;\n  line-height: var(--hi-v4-text-lineheight-normal, 1.375rem);\n  padding: 14px 16px;\n  padding: var(--hi-v4-spacing-7, 14px) var(--hi-v4-spacing-8, 16px); }\n.hi-v4-table-cell[data-sticky] {\n    background-color: #fff;\n    background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-table-cell__col--highlight {\n    background-color: #e2f3fe;\n    background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-table-cell__indent {\n    display: inline-block;\n    width: 14px;\n    height: 100%;\n    margin-right: 2px;\n    margin-right: var(--hi-v4-spacing-1, 2px); }\n.hi-v4-table-cell__switcher.hi-v4-icon-button {\n    margin-right: 2px;\n    margin-right: var(--hi-v4-spacing-1, 2px); }\n.hi-v4-table-th__col--highlight {\n  background-color: #f2f4f7;\n  background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\nth[data-sticky] {\n  background-color: #f5f7fa;\n  background-color: var(--hi-v4-color-gray-50, #f5f7fa);\n  z-index: calc(1 + 1);\n  z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-table-freeze-shadow {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 20;\n  pointer-events: none;\n  overflow: hidden;\n  height: 100%;\n  width: 200px; }\n.hi-v4-table-freeze-shadow--left {\n    margin-right: 10px;\n    left: 0;\n    -webkit-box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);\n            box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15); }\n.hi-v4-table-freeze-shadow--right {\n    margin-left: 10px;\n    right: 0;\n    -webkit-box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);\n            box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15); }\n.hi-v4-table-filter-dropdown__trigger.hi-v4-icon-button {\n  margin-left: 4px; }\n.hi-v4-table-filter-dropdown__content {\n  width: 124px;\n  padding: 12px 8px;\n  padding: var(--hi-v4-spacing-6, 12px) var(--hi-v4-spacing-4, 8px);\n  font-weight: 400;\n  font-weight: var(--hi-v4-text-weight-normal, 400); }\n.hi-v4-table-filter-dropdown__item {\n  margin-top: 8px;\n  margin-top: var(--hi-v4-spacing-4, 8px);\n  padding: 6px 8px;\n  padding: var(--hi-v4-spacing-3, 6px) var(--hi-v4-spacing-4, 8px);\n  border-radius: 4px;\n  border-radius: var(--hi-v4-border-radius-normal, 4px);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between; }\n.hi-v4-table-filter-dropdown__item:first-child {\n    margin-top: 0; }\n.hi-v4-table-filter-dropdown__item--active {\n    background-color: #e2f3fe;\n    background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-table-filter-sorter {\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  height: 20px;\n  margin-top: 2px;\n  margin-left: 6px; }\n.hi-v4-table-filter-sorter__icon {\n    display: inline-block;\n    height: 8px;\n    cursor: pointer;\n    overflow: hidden;\n    font-weight: 400;\n    font-weight: var(--hi-v4-text-weight-normal, 400);\n    color: #929aa6;\n    color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-table-filter-sorter__icon svg {\n      position: relative;\n      top: -5px; }\n.hi-v4-table-filter-sorter__icon--active {\n      color: #237ffa;\n      color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-table-filter-custom__trigger {\n  margin-left: 6px;\n  color: #929aa6;\n  color: var(--hi-v4-color-gray-500, #929aa6);\n  cursor: pointer; }\n.hi-v4-table-filter-custom__content {\n  padding: 12px 8px; }\n.hi-v4-table-setting {\n  position: absolute;\n  height: 100%;\n  z-index: 11;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  right: 0;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  border-left: 1px solid #e0e1e2;\n  border-bottom: 1px solid #e0e1e2;\n  border-top: none;\n  color: #999;\n  cursor: pointer;\n  font-size: 14px;\n  width: 16px;\n  background: #fbfbfb; }\n.hi-v4-table-setting__btn-group {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    height: 48px;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: end;\n        -ms-flex-pack: end;\n            justify-content: flex-end; }\n.hi-v4-table-setting-item {\n  position: relative;\n  padding-top: 2px;\n  padding-top: var(--hi-v4-spacing-1, 2px);\n  padding-bottom: 2px;\n  padding-bottom: var(--hi-v4-spacing-1, 2px);\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box; }\n.hi-v4-table-setting-item__wrap {\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n    padding: 6px 8px;\n    padding: var(--hi-v4-spacing-3, 6px) var(--hi-v4-spacing-4, 8px);\n    line-height: 1.25rem;\n    line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n    border-radius: 4px;\n    border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-table-setting-item__wrap:hover {\n      background-color: #e2f3fe;\n      background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-table-setting-item--dragging .hi-v4-table-setting-item__wrap {\n      opacity: 0.6; }\n.hi-v4-table-setting-item::before {\n    position: absolute;\n    left: 0;\n    z-index: 9999;\n    display: none;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    width: 8px;\n    height: 8px;\n    content: '';\n    background-color: #fff;\n    background-color: var(--hi-v4-color-static-white, #fff);\n    border: 1px solid #237ffa;\n    border: 1px solid var(--hi-v4-color-brandblue-500, #237ffa);\n    border-radius: 100%; }\n.hi-v4-table-setting-item::after {\n    position: absolute;\n    content: '';\n    z-index: 9998;\n    display: block;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    border-bottom-width: 0;\n    border-bottom-style: solid;\n    border-bottom-color: #237ffa;\n    border-bottom-color: var(--hi-v4-color-brandblue-500, #237ffa);\n    left: 0;\n    width: 100%; }\n.hi-v4-table-setting-item::before, .hi-v4-table-setting-item::after {\n    margin-left: -10px;\n    margin-right: -10px; }\n.hi-v4-table-setting-item--direction-before::before {\n    display: block;\n    top: -0.5px;\n    -webkit-transform: translateY(-4px);\n            transform: translateY(-4px); }\n.hi-v4-table-setting-item--direction-before::after {\n    top: -0.5px;\n    border-bottom-width: 1px; }\n.hi-v4-table-setting-item--direction-after::before {\n    display: block;\n    bottom: 0.5px;\n    -webkit-transform: translateY(4px);\n            transform: translateY(4px); }\n.hi-v4-table-setting-item--direction-after::after {\n    bottom: 0.5px;\n    border-bottom-width: 1px; }\n.hi-v4-table-pagination {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n  grid-row-gap: 8px;\n  row-gap: 8px;\n  margin: 16px 0;\n  margin: var(--hi-v4-spacing-8, 16px) 0; }\n.hi-v4-table-pagination--placement-left {\n    -webkit-box-pack: start;\n        -ms-flex-pack: start;\n            justify-content: flex-start; }\n.hi-v4-table-pagination--placement-right {\n    -webkit-box-pack: end;\n        -ms-flex-pack: end;\n            justify-content: flex-end; }\n.hi-v4-table-pagination--placement-middle {\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center; }\n";
+var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-table {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  font-size: 14px;\n  position: relative; }\n.hi-v4-table table {\n    width: 100%;\n    text-align: left;\n    background-color: #fff;\n    background-color: var(--hi-v4-color-static-white, #fff);\n    border-radius: 2px 2px 0 0;\n    border-spacing: 0;\n    border-collapse: separate;\n    display: table;\n    table-layout: fixed;\n    overflow: auto; }\n.hi-v4-table__wrapper {\n    position: relative; }\n.hi-v4-table--size-md table tbody > tr > td {\n    padding: 14px;\n    padding: var(--hi-v4-spacing-7, 14px); }\n.hi-v4-table--size-md table thead > tr > th {\n    padding: 14px;\n    padding: var(--hi-v4-spacing-7, 14px); }\n.hi-v4-table--size-sm table tbody > tr > td {\n    padding: 8px;\n    padding: var(--hi-v4-spacing-4, 8px); }\n.hi-v4-table--size-sm table thead > tr > th {\n    padding: 8px;\n    padding: var(--hi-v4-spacing-4, 8px); }\n.hi-v4-table--size-lg table tbody > tr > td {\n    padding: 20px;\n    padding: var(--hi-v4-spacing-10, 20px); }\n.hi-v4-table--size-lg table thead > tr > th {\n    padding: 20px;\n    padding: var(--hi-v4-spacing-10, 20px); }\n.hi-v4-table--bordered table thead > tr > th {\n    border-right: 1px solid #ebedf0;\n    border-right: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-table--bordered table td {\n    border-right: 1px solid #ebedf0;\n    border-right: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-table--bordered .hi-v4-table-header {\n    border-top: 1px solid #ebedf0;\n    border-top: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0);\n    border-left: 1px solid #ebedf0;\n    border-left: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-table--bordered .hi-v4-table-body {\n    border-left: 1px solid #ebedf0;\n    border-left: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-table--striped .hi-v4-table-row:not(:hover):nth-child(2n) .hi-v4-table-cell {\n    background-color: #f5f7fa;\n    background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table--sticky {\n    position: sticky;\n    top: 0; }\n.hi-v4-table-header {\n    position: relative;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    overflow: hidden; }\n.hi-v4-table-header tr > th {\n      color: #1f2733;\n      color: var(--hi-v4-color-gray-700, #1f2733);\n      font-size: 0.875rem;\n      font-size: var(--hi-v4-text-size-normal, 0.875rem);\n      font-weight: 500;\n      font-weight: var(--hi-v4-text-weight-medium, 500);\n      line-height: 1.25rem;\n      line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n      padding: 14px 16px;\n      padding: var(--hi-v4-spacing-7, 14px) var(--hi-v4-spacing-8, 16px);\n      border-bottom: 1px solid #f0f0f0; }\n.hi-v4-table-header__col--hovered-highlight {\n      background-color: #f2f4f7;\n      background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-table-row:hover .hi-v4-table-cell {\n    background-color: #e2f3fe;\n    background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-table-row--hovered {\n    background: #f0f5fe; }\n.hi-v4-table-row--expanded {\n    background: #fbfbfb; }\n.hi-v4-table-row--expanded > td {\n      color: #1f2937;\n      color: var(--hi-v4-color-gray-800, #1f2937); }\n.hi-v4-table-row--error > td {\n    color: #ff5959;\n    color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-table-row--highlight > td {\n    background-color: #e2f3fe;\n    background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-table-row--dragging {\n    background-color: #e2f3fe;\n    background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-table-row--drag-top td {\n    border-top: 2px dashed #237ffa;\n    border-top: 2px dashed var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-table-row--drag-bottom td {\n    border-bottom: 2px dashed #237ffa;\n    border-bottom: 2px dashed var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-table-row--avg .hi-v4-table-cell, .hi-v4-table-row--total .hi-v4-table-cell {\n    background-color: #fbfbfb; }\n.hi-v4-table-row--avg:hover .hi-v4-table-cell, .hi-v4-table-row--total:hover .hi-v4-table-cell {\n    background-color: #fbfbfb; }\n.hi-v4-table-header .hi-v4-table-header-col, .hi-v4-table-header .hi-v4-table-col {\n    background-color: #f5f7fa;\n    background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-body .hi-v4-table-header-col[data-hover-highlight], .hi-v4-table-body .hi-v4-table-col[data-hover-highlight] {\n    background-color: #e2f3fe;\n    background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-table-header .hi-v4-table-header-col[data-hover-highlight], .hi-v4-table-header .hi-v4-table-col[data-hover-highlight] {\n    background-color: #f2f4f7;\n    background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-table-header__resizable {\n  position: relative;\n  background-clip: padding-box; }\n.hi-v4-table-header__resizable-handle {\n    position: absolute;\n    width: 2px;\n    height: 100%;\n    bottom: 0;\n    right: 0;\n    cursor: col-resize;\n    z-index: 1; }\n.hi-v4-table-header__resizable-handle:hover {\n      background-color: #237ffa;\n      background-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-table-cell {\n  word-break: break-word;\n  border-bottom: 1px solid #f0f0f0;\n  font-size: 0.875rem;\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  font-weight: 400;\n  font-weight: var(--hi-v4-text-weight-normal, 400);\n  color: #1f2733;\n  color: var(--hi-v4-color-gray-700, #1f2733);\n  line-height: 1.375rem;\n  line-height: var(--hi-v4-text-lineheight-normal, 1.375rem);\n  padding: 14px 16px;\n  padding: var(--hi-v4-spacing-7, 14px) var(--hi-v4-spacing-8, 16px); }\n.hi-v4-table-cell[data-sticky] {\n    background-color: #fff;\n    background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-table-cell__col--highlight {\n    background-color: #e2f3fe;\n    background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-table-cell__col--hovered-highlight {\n    background-color: #e2f3fe;\n    background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-table-cell__indent {\n    display: inline-block;\n    width: 14px;\n    height: 100%;\n    margin-right: 2px;\n    margin-right: var(--hi-v4-spacing-1, 2px); }\n.hi-v4-table-cell__switcher.hi-v4-icon-button {\n    margin-right: 2px;\n    margin-right: var(--hi-v4-spacing-1, 2px); }\n.hi-v4-table-th__col--highlight {\n  background-color: #f2f4f7;\n  background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\nth[data-sticky] {\n  background-color: #f5f7fa;\n  background-color: var(--hi-v4-color-gray-50, #f5f7fa);\n  z-index: calc(1 + 1);\n  z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-table-freeze-shadow {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 20;\n  pointer-events: none;\n  overflow: hidden;\n  height: 100%;\n  width: 200px; }\n.hi-v4-table-freeze-shadow--left {\n    margin-right: 10px;\n    left: 0;\n    -webkit-box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);\n            box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15); }\n.hi-v4-table-freeze-shadow--right {\n    margin-left: 10px;\n    right: 0;\n    -webkit-box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);\n            box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15); }\n.hi-v4-table-header-filter-dropdown__trigger.hi-v4-icon-button {\n  margin-left: 4px; }\n.hi-v4-table-header-filter-dropdown__content {\n  width: 124px;\n  padding: 12px 8px;\n  padding: var(--hi-v4-spacing-6, 12px) var(--hi-v4-spacing-4, 8px);\n  font-weight: 400;\n  font-weight: var(--hi-v4-text-weight-normal, 400); }\n.hi-v4-table-header-filter-dropdown__item {\n  margin-top: 8px;\n  margin-top: var(--hi-v4-spacing-4, 8px);\n  padding: 6px 8px;\n  padding: var(--hi-v4-spacing-3, 6px) var(--hi-v4-spacing-4, 8px);\n  border-radius: 4px;\n  border-radius: var(--hi-v4-border-radius-normal, 4px);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between; }\n.hi-v4-table-header-filter-dropdown__item:first-child {\n    margin-top: 0; }\n.hi-v4-table-header-filter-dropdown__item--active {\n    background-color: #e2f3fe;\n    background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-table-header-filter-sorter {\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  height: 20px;\n  margin-top: 2px;\n  margin-left: 6px; }\n.hi-v4-table-header-filter-sorter__icon {\n    display: inline-block;\n    height: 8px;\n    cursor: pointer;\n    overflow: hidden;\n    font-weight: 400;\n    font-weight: var(--hi-v4-text-weight-normal, 400);\n    color: #929aa6;\n    color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-table-header-filter-sorter__icon svg {\n      position: relative;\n      top: -5px; }\n.hi-v4-table-header-filter-sorter__icon--active {\n      color: #237ffa;\n      color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-table-header-filter-custom__trigger {\n  margin-left: 6px;\n  color: #929aa6;\n  color: var(--hi-v4-color-gray-500, #929aa6);\n  cursor: pointer; }\n.hi-v4-table-header-filter-custom__content {\n  padding: 12px 8px; }\n.hi-v4-table-embed-row > td {\n  background-color: #ebedf0;\n  background-color: var(--hi-v4-color-gray-200, #ebedf0);\n  padding: 20px;\n  padding: var(--hi-v4-spacing-10, 20px); }\n.hi-v4-table-setting {\n  position: absolute;\n  height: 100%;\n  z-index: 11;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  right: 0;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  border-left: 1px solid #e0e1e2;\n  border-bottom: 1px solid #e0e1e2;\n  border-top: none;\n  color: #999;\n  cursor: pointer;\n  font-size: 14px;\n  width: 16px;\n  background: #fbfbfb; }\n.hi-v4-table-setting__btn-group {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    height: 48px;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: end;\n        -ms-flex-pack: end;\n            justify-content: flex-end; }\n.hi-v4-table-setting-item {\n  position: relative;\n  padding-top: 2px;\n  padding-top: var(--hi-v4-spacing-1, 2px);\n  padding-bottom: 2px;\n  padding-bottom: var(--hi-v4-spacing-1, 2px);\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box; }\n.hi-v4-table-setting-item__wrap {\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n    padding: 6px 8px;\n    padding: var(--hi-v4-spacing-3, 6px) var(--hi-v4-spacing-4, 8px);\n    line-height: 1.25rem;\n    line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n    border-radius: 4px;\n    border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-table-setting-item__wrap:hover {\n      background-color: #e2f3fe;\n      background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-table-setting-item--dragging .hi-v4-table-setting-item__wrap {\n      opacity: 0.6; }\n.hi-v4-table-setting-item::before {\n    position: absolute;\n    left: 0;\n    z-index: 9999;\n    display: none;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    width: 8px;\n    height: 8px;\n    content: '';\n    background-color: #fff;\n    background-color: var(--hi-v4-color-static-white, #fff);\n    border: 1px solid #237ffa;\n    border: 1px solid var(--hi-v4-color-brandblue-500, #237ffa);\n    border-radius: 100%; }\n.hi-v4-table-setting-item::after {\n    position: absolute;\n    content: '';\n    z-index: 9998;\n    display: block;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    border-bottom-width: 0;\n    border-bottom-style: solid;\n    border-bottom-color: #237ffa;\n    border-bottom-color: var(--hi-v4-color-brandblue-500, #237ffa);\n    left: 0;\n    width: 100%; }\n.hi-v4-table-setting-item::before, .hi-v4-table-setting-item::after {\n    margin-left: -10px;\n    margin-right: -10px; }\n.hi-v4-table-setting-item--direction-before::before {\n    display: block;\n    top: -0.5px;\n    -webkit-transform: translateY(-4px);\n            transform: translateY(-4px); }\n.hi-v4-table-setting-item--direction-before::after {\n    top: -0.5px;\n    border-bottom-width: 1px; }\n.hi-v4-table-setting-item--direction-after::before {\n    display: block;\n    bottom: 0.5px;\n    -webkit-transform: translateY(4px);\n            transform: translateY(4px); }\n.hi-v4-table-setting-item--direction-after::after {\n    bottom: 0.5px;\n    border-bottom-width: 1px; }\n.hi-v4-table-pagination {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n  grid-row-gap: 8px;\n  row-gap: 8px;\n  padding: 12px 0;\n  padding: var(--hi-v4-spacing-6, 12px) 0;\n  background-color: #fff;\n  background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-table-pagination--placement-left {\n    -webkit-box-pack: start;\n        -ms-flex-pack: start;\n            justify-content: flex-start; }\n.hi-v4-table-pagination--placement-right {\n    -webkit-box-pack: end;\n        -ms-flex-pack: end;\n            justify-content: flex-end; }\n.hi-v4-table-pagination--placement-middle {\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center; }\n.hi-v4-table-empty-content td {\n  text-align: center;\n  padding: 24px 0;\n  padding: var(--hi-v4-spacing-12, 24px) 0; }\n";
 
 var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
 

package/lib/esm/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../src/types.ts"],"sourcesContent":[null],"names":["TreeNodeType","SHOW","HIDE","ADD"],"mappings":";;;;;;;;;AAgMA;IACaA,YAAY,GAAG;AAC1BC,EAAAA,IAAI,EAAE,MADoB;AAE1BC,EAAAA,IAAI,EAAE,MAFoB;AAG1BC,EAAAA,GAAG,EAAE;AAHqB;"}
+{"version":3,"file":"types.js","sources":["../../src/types.ts"],"sourcesContent":[null],"names":["TreeNodeType","SHOW","HIDE","ADD"],"mappings":";;;;;;;;;AA4LA;IACaA,YAAY,GAAG;AAC1BC,EAAAA,IAAI,EAAE,MADoB;AAE1BC,EAAAA,IAAI,EAAE,MAFoB;AAG1BC,EAAAA,GAAG,EAAE;AAHqB;"}

package/lib/esm/use-table.js

@@ -7,11 +7,12 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { cloneTree, flattenTree, getNodeRootParent } from '@hi-ui/tree-utils';
-import React, { useMemo, useState, useRef, useEffect, useCallback } from 'react';
+import { __rest } from 'tslib';
+import { cloneTree, flattenTree, getLeafChildren, getNodeRootParent } from '@hi-ui/tree-utils';
+import React, { useMemo, useState, useRef, useCallback, useEffect } from 'react';
 import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
 import { useColWidth } from './hooks/use-col-width.js';
-import { setColumnsDefaultWidth, parseFixedColumns, getMaskItemsWIdth } from './utils/index.js';
+import { setColumnsDefaultWidth, parseFixedColumns, checkNeedTotalOrEvg, getTotalOrEvgRowData } from './utils/index.js';
 import { isNullish, isArrayNonEmpty } from '@hi-ui/type-assertion';
 import { useCheck, useSelect } from '@hi-ui/use-check';
 import { invariant } from '@hi-ui/env';
@@ -26,57 +27,56 @@ var DEFAULT_COLUMNS = [];
 var DEFAULT_DATA = [];
 var DEFAULT_ERROR_ROW_KEYS = [];
 var DEFAULT_HIGHLIGHTED_ROW_KEYS = [];
-var DEFAULT_HIGHLIGHTED_COL_KEYS = []; // const DEFAULT_CHECKED_ROW_KEYS = [] as any[]
-
-var DEFAULT_EXPAND_ROW_KEYS = []; // const DEFAULT_ROW_SELECTION = {} as TableRowSelection
-
-var DEFAULT_ALLOW = function DEFAULT_ALLOW() {
-  return true;
-};
-
-var useTable = function useTable(_ref) {
-  var _ref$data = _ref.data,
-      data = _ref$data === void 0 ? DEFAULT_DATA : _ref$data,
-      _ref$columns = _ref.columns,
-      columnsProp = _ref$columns === void 0 ? DEFAULT_COLUMNS : _ref$columns,
-      fixedToColumn = _ref.fixedToColumn,
-      rowSelection = _ref.rowSelection,
-      _ref$resizable = _ref.resizable,
-      resizable = _ref$resizable === void 0 ? false : _ref$resizable,
-      size = _ref.size,
-      _ref$errorRowKeys = _ref.errorRowKeys,
-      errorRowKeys = _ref$errorRowKeys === void 0 ? DEFAULT_ERROR_ROW_KEYS : _ref$errorRowKeys,
-      highlightedRowKeysProp = _ref.highlightedRowKeys,
-      highlightedColKeysProp = _ref.highlightedColKeys,
-      _ref$defaultExpandRow = _ref.defaultExpandRowKeys,
-      defaultExpandRowKeys = _ref$defaultExpandRow === void 0 ? DEFAULT_EXPAND_ROW_KEYS : _ref$defaultExpandRow,
-      expandRowKeysProp = _ref.expandRowKeys,
-      onExpand = _ref.onExpand,
-      _ref$defaultExpandAll = _ref.defaultExpandAll,
-      defaultExpandAll = _ref$defaultExpandAll === void 0 ? false : _ref$defaultExpandAll,
-      expandedRender = _ref.expandedRender,
-      maxHeight = _ref.maxHeight,
-      dataSource = _ref.dataSource,
-      showColMenu = _ref.showColMenu,
-      showColHighlight = _ref.showColHighlight,
-      sticky = _ref.sticky,
-      _ref$stickyTop = _ref.stickyTop,
-      stickyTop = _ref$stickyTop === void 0 ? 0 : _ref$stickyTop,
-      onLoadChildren = _ref.onLoadChildren,
-      _ref$rowExpandable = _ref.rowExpandable,
-      rowExpandable = _ref$rowExpandable === void 0 ? DEFAULT_ALLOW : _ref$rowExpandable,
-      scrollWidth = _ref.scrollWidth,
-      _ref$draggable = _ref.draggable,
-      draggable = _ref$draggable === void 0 ? false : _ref$draggable,
-      _ref$fieldKey = _ref.fieldKey,
-      fieldKey = _ref$fieldKey === void 0 ? 'key' : _ref$fieldKey,
-      onDropProp = _ref.onDrop,
-      onDropEnd = _ref.onDropEnd,
-      cellRender = _ref.cellRender;
+var DEFAULT_HIGHLIGHTED_COL_KEYS = [];
+var DEFAULT_EXPAND_ROW_KEYS = [];
+var DEFAULT_FIXED_TO_COLUMN = {};
+
+var useTable = function useTable(_a) {
+  var _a$data = _a.data,
+      data = _a$data === void 0 ? DEFAULT_DATA : _a$data,
+      _a$columns = _a.columns,
+      columnsProp = _a$columns === void 0 ? DEFAULT_COLUMNS : _a$columns,
+      _a$defaultFixedToColu = _a.defaultFixedToColumn,
+      defaultFixedToColumn = _a$defaultFixedToColu === void 0 ? DEFAULT_FIXED_TO_COLUMN : _a$defaultFixedToColu,
+      fixedToColumnProp = _a.fixedToColumn,
+      onFixedToColumn = _a.onFixedToColumn,
+      scrollWidth = _a.scrollWidth,
+      _a$resizable = _a.resizable,
+      resizable = _a$resizable === void 0 ? false : _a$resizable,
+      _a$errorRowKeys = _a.errorRowKeys,
+      errorRowKeys = _a$errorRowKeys === void 0 ? DEFAULT_ERROR_ROW_KEYS : _a$errorRowKeys,
+      highlightedColKeysProp = _a.highlightedColKeys,
+      highlightedRowKeysProp = _a.highlightedRowKeys,
+      _a$showColHighlight = _a.showColHighlight,
+      showColHighlight = _a$showColHighlight === void 0 ? false : _a$showColHighlight,
+      _a$showRowHighlight = _a.showRowHighlight,
+      showRowHighlight = _a$showRowHighlight === void 0 ? true : _a$showRowHighlight,
+      _a$defaultExpandRowKe = _a.defaultExpandRowKeys,
+      defaultExpandRowKeys = _a$defaultExpandRowKe === void 0 ? DEFAULT_EXPAND_ROW_KEYS : _a$defaultExpandRowKe,
+      expandRowKeysProp = _a.expandRowKeys,
+      onExpand = _a.onExpand,
+      _a$defaultExpandAll = _a.defaultExpandAll,
+      defaultExpandAll = _a$defaultExpandAll === void 0 ? false : _a$defaultExpandAll,
+      onLoadChildren = _a.onLoadChildren,
+      maxHeight = _a.maxHeight,
+      sticky = _a.sticky,
+      _a$stickyTop = _a.stickyTop,
+      stickyTop = _a$stickyTop === void 0 ? 0 : _a$stickyTop,
+      _a$draggable = _a.draggable,
+      draggable = _a$draggable === void 0 ? false : _a$draggable,
+      onDropProp = _a.onDrop,
+      onDropEnd = _a.onDropEnd,
+      showColMenu = _a.showColMenu,
+      rowSelection = _a.rowSelection,
+      cellRender = _a.cellRender,
+      _a$fieldKey = _a.fieldKey,
+      fieldKey = _a$fieldKey === void 0 ? 'key' : _a$fieldKey,
+      rootProps = __rest(_a, ["data", "columns", "defaultFixedToColumn", "fixedToColumn", "onFixedToColumn", "scrollWidth", "resizable", "errorRowKeys", "highlightedColKeys", "highlightedRowKeys", "showColHighlight", "showRowHighlight", "defaultExpandRowKeys", "expandRowKeys", "onExpand", "defaultExpandAll", "onLoadChildren", "maxHeight", "sticky", "stickyTop", "draggable", "onDragStart", "onDrop", "onDropEnd", "showColMenu", "rowSelection", "cellRender", "fieldKey"]);
   /**
    * 获取 key 字段值
    */
 
+
   var getRowKeyField = React.useCallback(function (item) {
     var val = item[fieldKey];
     invariant(!isNullish(val), 'Not found for the unique %s attribute in each row of data prop.', fieldKey);
@@ -95,16 +95,13 @@ var useTable = function useTable(_ref) {
 
 
   var flattedData = useMemo(function () {
-    var clonedData = cloneTree(cacheData); // @ts-ignore
-
+    var clonedData = cloneTree(cacheData);
     return flattenTree(clonedData, function (node) {
-      // TODO: flattenTree 内置了 id 结构，需要处理 key 映射为 id
       return Object.assign(Object.assign({}, node), {
         id: getRowKeyField(node.raw)
       });
     });
-  }, [cacheData, getRowKeyField]); // console.log('flattedData', flattedData)
-  // ********************** 树形表格 *********************** //
+  }, [cacheData, getRowKeyField]); // ********************** 树形表格 *********************** //
 
   var _useExpand = useExpand(flattedData, defaultExpandRowKeys, expandRowKeysProp, onExpand, defaultExpandAll),
       transitionData = _useExpand[0],
@@ -114,23 +111,7 @@ var useTable = function useTable(_ref) {
 
   var _useAsyncSwitch = useAsyncSwitch(setCacheData, onExpandTreeRowsChange, onLoadChildren),
       isLoadingTreeNodeId = _useAsyncSwitch[0],
-      onTreeNodeSwitch = _useAsyncSwitch[1]; // ********************** 内嵌式面板 *********************** //
-  // /**
-  //  * 行内嵌面板展开
-  //  */
-  // const [expandEmbedRows, trySetExpandEmbedRows] = useUncontrolledState(
-  //   // 展开全部
-  //   [],
-  //   expandEmbedRowKeysProp,
-  //   onEmbedExpand
-  // )
-  // const [onExpandEmbedRowsChange, isExpandEmbedRows] = useCheck({
-  //   checkedIds: expandEmbedRows,
-  //   onCheck: trySetExpandEmbedRows as any,
-  //   idFieldName: 'key',
-  // })
-  // 异步展开内嵌面板
-  // ************************ 拖拽 ************************ //
+      onTreeNodeSwitch = _useAsyncSwitch[1]; // ************************ 拖拽 ************************ //
 
 
   var _useTableDrag = useTableDrag({
@@ -179,24 +160,21 @@ var useTable = function useTable(_ref) {
       setHoveredColKey = _useState[1];
 
   var _useSelect = useSelect({
+    disabled: !showRowHighlight,
     selectedId: hoveredColKey,
     onSelect: setHoveredColKey,
     idFieldName: 'dataKey'
   }),
       onHoveredColChange = _useSelect[0],
-      isHoveredCol = _useSelect[1]; // ************************ 列宽 resizable ************************ //
-
+      isHoveredHighlightCol = _useSelect[1]; // ************************ 列宽 resizable ************************ //
 
-  var firstRowElementRef = useRef(null);
 
   var _useColWidth = useColWidth({
     data: data,
     columns: columns,
-    resizable: resizable,
-    dataSource: dataSource,
-    firstRowElementRef: firstRowElementRef,
-    isHoveredCol: isHoveredCol
+    resizable: resizable
   }),
+      measureRowElementRef = _useColWidth.measureRowElementRef,
       getColgroupProps = _useColWidth.getColgroupProps,
       onColumnResizable = _useColWidth.onColumnResizable,
       colWidths = _useColWidth.colWidths; // ************************ 列冻结 ************************ //
@@ -210,24 +188,26 @@ var useTable = function useTable(_ref) {
    * TODO: 支持 2 种模式：从左往右冻结到指定列、只抽离并冻结指定列
    */
 
-  var fixedToColumnMemo = React.useMemo(function () {
-    if (!fixedToColumn) return {};
-    if (typeof fixedToColumn === 'string') return {
-      left: fixedToColumn
-    };
-    return fixedToColumn;
-  }, [fixedToColumn]); // TODO: 支持受控
+  var _useUncontrolledState2 = useUncontrolledState(defaultFixedToColumn, fixedToColumnProp, onFixedToColumn),
+      fixedToColumn = _useUncontrolledState2[0],
+      setFixedToColumn = _useUncontrolledState2[1];
 
-  var _React$useState = React.useState(fixedToColumnMemo.left),
-      leftFreezeColumn = _React$useState[0],
-      setLeftFreezeColumn = _React$useState[1];
+  var leftFreezeColumn = fixedToColumn.left;
+  var rightFreezeColumn = fixedToColumn.right;
+  var setLeftFreezeColumn = useCallback(function (columnKey) {
+    setFixedToColumn(function (prev) {
+      var next = Object.assign({}, prev);
+      next.left = columnKey;
 
-  var _React$useState2 = React.useState(fixedToColumnMemo.right),
-      rightFreezeColumn = _React$useState2[0]; // console.log(leftFreezeColumn)
+      if (next.right === columnKey) {
+        next.right = '';
+      }
 
+      return next;
+    });
+  }, [setFixedToColumn]);
 
   var _React$useMemo = React.useMemo(function () {
-    // const { right: rightFrozenKey } = fixedToColumnMemo
     var leftFrozenColKey = leftFreezeColumn;
     var rightFrozenKey = rightFreezeColumn; // 获取左右冻结列的下标
     // 获取左右冻结列的下标
@@ -236,7 +216,6 @@ var useTable = function useTable(_ref) {
     var rightFrozenColIndex;
     mergedColumns2.some(function (column, index) {
       if (typeof leftFrozenColKey === 'string' && leftFrozenColKey === column.dataKey) {
-        // 指向原始 column 根节点序列
         leftFrozenColIndex = index;
       }
 
@@ -248,13 +227,9 @@ var useTable = function useTable(_ref) {
     }); // 保持内部循环引用关系，如果 cloneTree，将破坏关系
     // 保持内部循环引用关系，如果 cloneTree，将破坏关系
 
-    var nextColumns = [].concat(mergedColumns2); // TODO: 为什么冻结列，需要设置默认宽度
-    // TODO: 为什么冻结列，需要设置默认宽度
+    var nextColumns = [].concat(mergedColumns2);
 
     if (typeof leftFrozenColIndex === 'number' || typeof rightFrozenColIndex === 'number' || scrollWidth) {
-      // const lastColumns = flattedColumns.filter((item) => {
-      //   return Array.isArray(item.children)  true
-      // })
       var lastColumns = mergedColumns2;
       nextColumns = setColumnsDefaultWidth(nextColumns, scrollWidth ? scrollWidth / lastColumns.length : 100);
     }
@@ -274,18 +249,35 @@ var useTable = function useTable(_ref) {
         return index <= leftFrozenColIndex && item.depth === 0;
       });
       leftColumns.forEach(function (currentItem, index) {
-        var item = parseFixedColumns(currentItem, index, leftColumns, 'leftStickyWidth', expandedRender || rowSelection);
+        var item = parseFixedColumns(currentItem, index, leftColumns, 'leftStickyWidth');
+        leftColumns[index] = item;
         nextColumns[index] = item;
       });
-    } // const leftFixedColumnsWidth = getMaskItemsWIdth(leftColumns)
-    // @TODO: resizable 和 列冻结宽兼容，统一宽度设置来源
-    // const leftFixedColumnsWidth = getMaskItemsWIdth(leftColumns)
+    } // @TODO: resizable 和 列冻结宽兼容，统一宽度设置来源
+    // const leftFixedColumnsWidth = colWidths.reduce(
+    //   (acc, width, index) => (acc += index <= leftFrozenColIndex! ? width : 0),
+    //   0
+    // )
     // @TODO: resizable 和 列冻结宽兼容，统一宽度设置来源
+    // const leftFixedColumnsWidth = colWidths.reduce(
+    //   (acc, width, index) => (acc += index <= leftFrozenColIndex! ? width : 0),
+    //   0
+    // )
 
 
+    var getLeafNodes = function getLeafNodes(columns) {
+      return columns.reduce(function (acc, column) {
+        return acc.concat(getLeafChildren(column));
+      }, []);
+    };
+
+    var leftLeafNodes = getLeafNodes(leftColumns);
+    var leftColIndex = leftLeafNodes.length;
     var leftFixedColumnsWidth = colWidths.reduce(function (acc, width, index) {
-      return acc += index <= leftFrozenColIndex ? width : 0;
-    }, 0); // 右侧
+      return acc += index < leftColIndex ? width : 0;
+    }, 0); // console.log('leftColumns', leftColumns, leftLeafNodes, leftFixedColumnsWidth)
+    // 右侧
+    // console.log('leftColumns', leftColumns, leftLeafNodes, leftFixedColumnsWidth)
     // 右侧
 
     var rightColumns = [];
@@ -303,26 +295,27 @@ var useTable = function useTable(_ref) {
       var root = getNodeRootParent(targetColumn);
       rightColumns = [root].concat(nextColumns.filter(function (item, index) {
         return index > rightFrozenColIndex && item.depth === 0;
-      }));
-      rightColumns.reverse().forEach(function (currentItem, index) {
-        var _item = parseFixedColumns(currentItem, index, rightColumns, 'rightStickyWidth', expandedRender || rowSelection);
+      })).reverse();
+      rightColumns.forEach(function (currentItem, index) {
+        var _item = parseFixedColumns(currentItem, index, rightColumns, 'rightStickyWidth');
 
-        nextColumns[nextColumns.length - 1 - index] = _item;
-      });
+        rightColumns[index] = _item;
+      }); // console.log('rightLeafNodes', rightColumns, nextColumns)
     }
 
-    var rightFixedColumnsWidth = getMaskItemsWIdth(rightColumns);
+    var rightLeafNodes = getLeafNodes(rightColumns);
+    var rightColIndex = rightLeafNodes.length;
+    var rightFixedColumnsWidth = [].concat(colWidths).reverse().reduce(function (acc, width, index) {
+      return acc += index < rightColIndex ? width : 0;
+    }, 0);
     return {
       leftFrozenColKeys: leftColumns,
       rightFrozenColKeys: rightColumns,
       columns: nextColumns,
       leftFixedColumnsWidth: leftFixedColumnsWidth,
-      rightFixedColumnsWidth: rightFixedColumnsWidth // scrollRight: tableWidth - tableBodyWidth,
-      // scrollLeft: 0,
-
+      rightFixedColumnsWidth: rightFixedColumnsWidth
     };
-  }, [mergedColumns2, // fixedToColumnMemo,
-  rowSelection, expandedRender, scrollWidth, colWidths, leftFreezeColumn, rightFreezeColumn]),
+  }, [mergedColumns2, scrollWidth, colWidths, leftFreezeColumn, rightFreezeColumn]),
       leftFrozenColKeys = _React$useMemo.leftFrozenColKeys,
       rightFrozenColKeys = _React$useMemo.rightFrozenColKeys,
       mergedColumns1 = _React$useMemo.columns,
@@ -403,9 +396,9 @@ var useTable = function useTable(_ref) {
    * 控制行高亮，依据 data 中的 key 控制
    */
 
-  var _useUncontrolledState2 = useUncontrolledState(DEFAULT_HIGHLIGHTED_ROW_KEYS, highlightedRowKeysProp),
-      highlightedRowKeys = _useUncontrolledState2[0],
-      trySetHighlightedRowKeys = _useUncontrolledState2[1];
+  var _useUncontrolledState3 = useUncontrolledState(DEFAULT_HIGHLIGHTED_ROW_KEYS, highlightedRowKeysProp),
+      highlightedRowKeys = _useUncontrolledState3[0],
+      trySetHighlightedRowKeys = _useUncontrolledState3[1];
 
   var _useCheck2 = useCheck({
     checkedIds: highlightedRowKeys,
@@ -433,8 +426,7 @@ var useTable = function useTable(_ref) {
 
     acc[depth].push(cur);
     return acc;
-  }, []); // console.log('mergedColumns1', mergedColumns1, groupedColumns, mergedColumns1)
-
+  }, []);
   var getStickyColProps = useLatestCallback(function (column) {
     var rightStickyWidth = column.rightStickyWidth,
         leftStickyWidth = column.leftStickyWidth,
@@ -453,9 +445,9 @@ var useTable = function useTable(_ref) {
   });
   var getTableHeaderProps = React.useCallback(function () {
     var style = {
-      boxShadow: maxHeight ? '0px 2px 6px 0px rgba(0,0,0,0.12)' : undefined,
       position: sticky ? 'sticky' : 'relative',
       top: sticky ? stickyTop : undefined,
+      boxShadow: maxHeight ? '0px 2px 6px 0px rgba(0,0,0,0.12)' : undefined,
       overflow: 'hidden',
       zIndex: 10
     };
@@ -496,8 +488,54 @@ var useTable = function useTable(_ref) {
     }
 
     return _data;
-  }, [activeSorterColumn, activeSorterType, transitionData, columns]);
+  }, [activeSorterColumn, activeSorterType, transitionData, columns]); // 确保包含 avg 属性，且值为数字类型的字符串
+
+  var avgRow = {
+    id: 'avg',
+    raw: {
+      key: 'avg'
+    }
+  };
+  var hasAvgColumn = false;
+  columns.forEach(function (column, index) {
+    if (index === 0) {
+      // @ts-ignore
+      avgRow.raw[column.dataKey] = '平均值';
+    }
+
+    if (checkNeedTotalOrEvg(data, column, 'avg')) {
+      hasAvgColumn = true; // @ts-ignore
+
+      avgRow.raw[column.dataKey] = getTotalOrEvgRowData(data, column, true);
+    }
+  }); // 确保包含total属性，且值为数字类型的字符串
+
+  var sumRow = {
+    id: 'sum',
+    raw: {
+      key: 'sum'
+    }
+  };
+  var hasSumColumn = false;
+  columns.forEach(function (column, index) {
+    if (index === 0) {
+      // @ts-ignore
+      sumRow.raw[column.dataKey] = '总计';
+    }
+
+    if (checkNeedTotalOrEvg(data, column, 'total')) {
+      hasSumColumn = true; // 获取当前数据最大小数点个数，并设置最后总和值小数点
+      // @ts-ignore
+
+      sumRow.raw[column.dataKey] = getTotalOrEvgRowData(data, column, false);
+    }
+  });
   return Object.assign(Object.assign({
+    rootProps: rootProps,
+    hasAvgColumn: hasAvgColumn,
+    avgRow: avgRow,
+    hasSumColumn: hasSumColumn,
+    sumRow: sumRow,
     activeSorterColumn: activeSorterColumn,
     setActiveSorterColumn: setActiveSorterColumn,
     activeSorterType: activeSorterType,
@@ -514,16 +552,14 @@ var useTable = function useTable(_ref) {
     transitionData: showData,
     flattedColumns: flattedColumns,
     flattedColumnsWithoutChildren: flattedColumnsWithoutChildren,
-    expandedRender: expandedRender,
     // 行多选
     rowSelection: rowSelection,
     cacheData: cacheData,
-    firstRowElementRef: firstRowElementRef,
+    measureRowElementRef: measureRowElementRef,
     leafColumns: leafColumns,
     // ui
     // 有表头分组那么也要 bordered
     bordered: flattedColumns.length > columns.length,
-    size: size,
     scrollHeaderElementRef: scrollHeaderElementRef,
     errorRowKeys: [],
     // 冻结列
@@ -531,12 +567,9 @@ var useTable = function useTable(_ref) {
     setLeftFreezeColumn: setLeftFreezeColumn,
     onTableBodyScroll: onTableBodyScroll,
     onTableBodyScrollMock: onTableBodyScrollMock,
-    // freezeColKeys,
-    // setFreezeColKeys,
     scrollSize: scrollSize,
     leftFrozenColKeys: leftFrozenColKeys,
     rightFrozenColKeys: rightFrozenColKeys,
-    // fixedColumnsWidth,
     leftFixedColumnsWidth: leftFixedColumnsWidth,
     rightFixedColumnsWidth: rightFixedColumnsWidth
   }, scrollSize), {
@@ -554,30 +587,26 @@ var useTable = function useTable(_ref) {
     trySetHighlightedColKeys: trySetHighlightedColKeys,
     // 列 hover
     showColHighlight: showColHighlight,
-    isHoveredCol: isHoveredCol,
+    isHoveredHighlightCol: isHoveredHighlightCol,
     onHoveredColChange: onHoveredColChange,
     // 行拖拽
     draggable: draggable,
     highlightColumns: [],
     dragRowRef: dragRowRef,
     onDrop: onDrop,
-    // alignLeftColumns,
     groupedColumns: groupedColumns,
     // 子树展开
     onExpandTreeRowsChange: onExpandTreeRowsChange,
     isExpandTreeRows: isExpandTreeRows,
     isLoadingTreeNodeId: isLoadingTreeNodeId,
     onTreeNodeSwitch: onTreeNodeSwitch,
-    // 内嵌面板展开
-    // onExpandEmbedRowsChange,
-    // isExpandEmbedRows,
-    rowExpandable: rowExpandable,
     resizable: resizable,
     colWidths: colWidths,
     onColumnResizable: onColumnResizable,
     isTree: isTreeView,
     cellRender: cellRender,
-    showColMenu: showColMenu
+    showColMenu: showColMenu,
+    onLoadChildren: onLoadChildren
   });
 };