es-grid-template 1.9.73 → 1.9.74

package/lib/ali-table/base-table/html-table.js

@@ -79,7 +79,7 @@ function HtmlTable({
       hoz: hoz,
       id: id,
       originData: originData,
-      commandClick: undefined,
+      commandClick: commandClick,
       format: format
     });
   })));

package/lib/ali-table/base-table/styles.d.ts

@@ -23,6 +23,7 @@ export declare const Classes: {
     readonly tableCell: "ui-rc-grid-table-cell";
     readonly gridCell: "ui-rc-grid-cell";
     readonly cellSelected: "ui-rc-grid-cell-selected";
+    readonly cellIndexSelected: "ui-rc-grid-cell-index-selected";
     readonly cellEllipsis: "ui-rc-grid-cell-ellipsis";
     readonly cellWrap: "ui-rc-grid-cell-wrap";
     readonly cellTextCenter: "ui-rc-grid-cell-text-center";

package/lib/ali-table/base-table/styles.js

@@ -37,6 +37,7 @@ const Classes = exports.Classes = {
   tableCell: `${prefix}table-cell`,
   gridCell: `${prefix}cell`,
   cellSelected: `${prefix}cell-selected`,
+  cellIndexSelected: `${prefix}cell-index-selected`,
   cellEllipsis: `${prefix}cell-ellipsis`,
   cellWrap: `${prefix}cell-wrap`,
   cellTextCenter: `${prefix}cell-text-center`,
@@ -75,7 +76,7 @@ const StyleTableContainer = exports.StyleTableContainer = _styledComponents.defa
 const StyledArtTableWrapper = exports.StyledArtTableWrapper = _styledComponents.default.div.withConfig({
   displayName: "StyledArtTableWrapper",
   componentId: "es-grid-template__sc-ipj1ht-1"
-})(["box-sizing:border-box;*{box-sizing:border-box;}cursor:default;color:var(--color);font-size:var(--font-size);line-height:var(--line-height);position:relative;overflow-anchor:none;&::-webkit-scrollbar{}&::-webkit-scrollbar-track{}&::-webkit-scrollbar-thumb{}&::-webkit-scrollbar-thumb:hover{}&.dark{&::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.3);}&::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.5);}}&.", "{border-left:var(--cell-border-vertical);border-right:var(--cell-border-vertical);border-top:var(--cell-border-vertical);border-bottom:0;&.has-footer{border-bottom:0;.", "{td{}}}&.has-vertical-scroll{border-bottom:var(--cell-border-vertical);th.first{border-left:0;}td.first{border-left:0;}&.has-footer{border-bottom:var(--cell-border-vertical);}.", "{tr.last{td{border-bottom:0;}}}.", "{tr.last{td{border-bottom:0;}}}+ .ui-rc-grid-bottom{border-top:0;}&:not(.has-footer){+ .ui-rc-grid-bottom{border-top:var(--cell-border-vertical);}}}&:not(.has-vertical-scroll){border-left:0;border-right:0;}&:not(.has-header){border-top:0;}}&.use-outer-border{}.no-scrollbar{scrollbar-width:none;::-webkit-scrollbar{}}.", "{overflow-x:auto;overflow-y:hidden;background:var(--header-bgcolor);.ui-rc-table-column-title{flex:1;min-width:0;text-align:start;}.", "{font-weight:500;.ui-rc-header-trigger{padding-left:6px;display:flex;align-items:center;.ui-rc-table-column-sorter-cancel{opacity:0;}}&:hover{.ui-rc-header-trigger{.ui-rc-table-column-sorter-cancel{opacity:1;}}}.", "{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all;}.", "{width:100%;white-space:normal;word-break:break-word;}.", "{text-align:center;}.", "{text-align:right;}}}.", "{.", "{td{background:var(--row-odd-bgcolor);}}.", "{td{background:var(--row-even-bgcolor);}}.", "{td{background:var(--row-parent-bgcolor);font-weight:500;}}.", "{&.", "{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all;.expansion-cell{.expansion-content{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all;}}}&.", "{width:100%;white-space:normal;word-break:break-word;}&.", "{text-align:center;}&.", "{text-align:right;}}}.", "{background:var(--footer-bgcolor);}.", ",.", "{overflow-x:auto;overflow-y:hidden;}&.sticky-header .", "{position:sticky;top:0;z-index:", ";}&.sticky-footer .", "{position:sticky;bottom:0;z-index:", ";}.", "{tr{td.cell-edit{&.lock-left,&.lock-right{}}td.first{&.lock-left{border-bottom-width:1px;}}}tr.ui-rc-grid-table-row{td.cell-edit.cell-border-bottom{}}}table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;display:table;margin:0;padding:0;}tr:not(.no-hover):hover > td{background:var(--hover-bgcolor);color:var(--hover-color);}tr:not(.no-highlight).highlight > td{}th{font-weight:normal;text-align:left;padding:var(--cell-padding);height:var(--header-row-height);color:var(--header-color);background:var(--header-bgcolor);border:none;border-right:var(--header-cell-border-vertical);border-bottom:var(--header-cell-border-horizontal);&.", "{background-color:#fcf5f2;}&.cell-border-bottom{border-bottom:var(--cell-border-select);}&.cell-border-right{border-right:var(--cell-border-select);}&.cell-border-left{position:relative;}&.cell-border-top{position:relative;}&.cell-border-left::before{content:'';position:absolute;top:0;left:0;height:102%;width:1px;border-left:var(--cell-border-select);pointer-events:none;z-index:1;}&.cell-border-top::after{content:'';position:absolute;top:0px;left:0;height:1px;width:100%;border-top:var(--cell-border-select);pointer-events:none;z-index:1;}&.cell-editing{padding:0;&:focus-visible{outline:none;}.ant-form-item,.ant-row.ant-form-item-row,.ant-col.ant-form-item-control,.ant-form-item-control-input,.ant-form-item-control-input-content,.ui-rc-input{height:100% !important;&:focus-visible{outline:none;}}.ui-rc-color-picker-trigger{width:100%;border-radius:0;.ui-rc-color-picker-color-block{width:100%;}}textarea.ui-rc-input{line-height:1.8;height:100%;max-height:calc(var(--row-height) - 1px) !important;min-height:calc(var(--row-height) - 1px) !important;}input.be-cell-editing,.ant-picker,.ui-rc-picker,.ui-rc-select-selector,.ui-rc-table-select-selector{padding-inline:7px;}.#{$prefix}-checkbox-wrapper{.#{$prefix}-checkbox{background-color:red;}.#{$prefix}-checkbox-input{&:focus-visible{outline:none;}}}.ant-input,.ant-picker,.ui-rc-picker{border-radius:0;}.ant-color-picker-trigger{height:100%;border-radius:0;.ant-color-picker-color-block{height:100%;width:100%;}}.#{$prefix}-table-select-single .#{$prefix}-table-select-selector,.#{$prefix}-select-single .#{$prefix}-select-selector,.ui-rc-table-select-selector{border-radius:0 !important;}.#{$prefix}-table-select-single:not( .#{$prefix}-table-select-customize-input ){.#{$prefix}-table-select-selector{.#{$prefix}-table-select-selection-search-input{height:auto;}}}}textarea.ui-rc-input{line-height:1.8;max-height:calc(var(--header-row-height) - 1px) !important;min-height:calc(var(--header-row-height) - 1px) !important;}}tr.first th{}th.first{border-left:var(--header-cell-border-vertical);}td{padding:var(--cell-padding);background:var(--bgcolor);height:var(--row-height);border:none;border-right:var(--cell-border-vertical);border-bottom:var(--cell-border-horizontal);outline:none;&.cell-edit{user-select:none;&:has(.dragging-point){position:relative;}.dragging-point{width:6px;height:6px;position:absolute;cursor:crosshair;right:0px;bottom:0px;&.hidden{display:none;}.dot-point{position:absolute;width:6px;height:6px;border-radius:0px;background-color:var(--border-color-select);bottom:0;right:0;}}&.disable{background-color:#f0f0f0;}}&.cell-editing{padding:0;&:focus-visible{outline:none;}.ant-form-item,.ant-row.ant-form-item-row,.ant-col.ant-form-item-control,.ant-form-item-control-input,.ant-form-item-control-input-content,.ui-rc-input{height:100% !important;&:focus-visible{outline:none;}}.ui-rc-color-picker-trigger{width:100%;border-radius:0;.ui-rc-color-picker-color-block{width:100%;}}textarea.ui-rc-input{line-height:1.8;height:100%;max-height:calc(var(--row-height) - 1px) !important;min-height:calc(var(--row-height) - 1px) !important;}input.be-cell-editing,.ant-picker,.ui-rc-picker,.ui-rc-select-selector,.ui-rc-table-select-selector{padding-inline:7px;}.#{$prefix}-checkbox-wrapper{.#{$prefix}-checkbox{background-color:red;}.#{$prefix}-checkbox-input{&:focus-visible{outline:none;}}}.ant-input,.ant-picker,.ui-rc-picker{border-radius:0;}.ant-color-picker-trigger{height:100%;border-radius:0;.ant-color-picker-color-block{height:100%;width:100%;}}.#{$prefix}-table-select-single .#{$prefix}-table-select-selector,.#{$prefix}-select-single .#{$prefix}-select-selector,.ui-rc-table-select-selector{border-radius:0 !important;}.#{$prefix}-table-select-single:not( .#{$prefix}-table-select-customize-input ){.#{$prefix}-table-select-selector{.#{$prefix}-table-select-selection-search-input{height:auto;}}}}.abccccc{box-shadow:0 -1px 0 0 var(--border-color),0 1px 0 0 var(--border-color),-1px 0 0 0 var(--border-color),1px 0 0 0 var(--border-color);}&.", "{background-color:#fcf5f2;}&.cell-border-bottom{border-bottom:var(--cell-border-select);}&.cell-border-right{border-right:var(--cell-border-select);}&.cell-border-left{position:relative;}&.cell-border-top{position:relative;}&.cell-border-left::before{content:'';position:absolute;top:0;left:0;height:102%;width:1px;border-left:var(--cell-border-select);pointer-events:none;z-index:1;}&.cell-border-top::after{content:'';position:absolute;top:0px;left:0;height:1px;width:100%;border-top:var(--cell-border-select);pointer-events:none;z-index:1;}&.cell-paste-border-top{position:relative;&::after{content:'';position:absolute;top:0px;left:0;height:1px;width:100%;border-top:1px dashed #949494;pointer-events:none;z-index:1;}&.ui-rc-grid-cell-fix-left-last{&::after{left:-100%;}}&.ui-rc-grid-cell-fix-right-first{&::after{left:100%;}}}&.cell-paste-border-bottom{border-bottom:1px dashed #949494;}&.cell-paste-border-left{position:relative;&::before{content:'';position:absolute;top:0;left:0;height:102%;width:1px;border-left:1px dashed #949494;pointer-events:none;z-index:1;}}&.cell-paste-border-right{border-inline-end:1px dashed #949494;}}td.first{border-left:var(--cell-border-vertical);}tr.first td{border-top:var(--cell-border-horizontal);}tr td.last,tr th.last{border-right:var(--cell-border-horizontal);}&.has-header tbody tr.first td{border-top:none;}&.has-footer tbody tr.last td{border-bottom:none;}&.has-footer tfoot tr > td{background:var(--footer-bgcolor);color:var(--footer-color);}&.has-footer tfoot tr:not(.no-hover):hover > td{background:var(--footer-bgcolor);}.lock-left,.lock-right{z-index:", ";}.resize-handle{width:6px;height:100%;position:absolute;top:0;right:0;cursor:col-resize;background-color:transparent;border-right:2px solid transparent;}.", "{position:absolute;top:0;bottom:0;z-index:", ";pointer-events:none;overflow:hidden;.", "{height:100%;}.", "{margin-right:", "px;box-shadow:none;&.show-shadow{box-shadow:var(--lock-shadow);border-right:var(--cell-border-vertical);}}.", "{margin-left:", "px;box-shadow:none;&.show-shadow{box-shadow:var(--lock-shadow);border-left:var(--cell-border-vertical);}}}.", "{pointer-events:none;color:#99a3b3;font-size:12px;text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);.empty-image{width:50px;height:50px;}.empty-tips{margin-top:16px;line-height:1.5;}}.", "{overflow:auto;position:sticky;bottom:0;z-index:", ";margin-top:-17px;}.ui-rc-grid-loading-wrapper{}.ui-rc-grid-table{}.art-loading-content-wrapper{height:100%;}.", "{height:1px;visibility:hidden;}.", "{position:relative;height:100%;.", "{position:absolute;inset:0;pointer-events:none;}.", "{position:sticky;z-index:", ";transform:translateY(-50%);}}"], Classes.tableWrapper, Classes.tableFooter, Classes.tableBody, Classes.tableFooter, Classes.tableHeader, Classes.tableHeaderCell, Classes.cellEllipsis, Classes.cellWrap, Classes.cellTextCenter, Classes.cellTextRight, Classes.tableBody, Classes.tableRowOdd, Classes.tableRowEven, Classes.tableRowParent, Classes.tableCell, Classes.cellEllipsis, Classes.cellWrap, Classes.cellTextCenter, Classes.cellTextRight, Classes.tableFooter, Classes.tableBody, Classes.tableFooter, Classes.tableHeader, Z.header, Classes.tableFooter, Z.footer, Classes.tableBody, Classes.cellSelected, Classes.cellSelected, Z.lock, Classes.lockShadowMask, Z.lockShadow, Classes.lockShadow, Classes.leftLockShadow, LOCK_SHADOW_PADDING, Classes.rightLockShadow, LOCK_SHADOW_PADDING, Classes.emptyWrapper, Classes.stickyScroll, Z.scrollItem, Classes.stickyScrollItem, Classes.loadingWrapper, Classes.loadingIndicatorWrapper, Classes.loadingIndicator, Z.loadingIndicator);
+})(["box-sizing:border-box;*{box-sizing:border-box;}cursor:default;color:var(--color);font-size:var(--font-size);line-height:var(--line-height);position:relative;overflow-anchor:none;&::-webkit-scrollbar{}&::-webkit-scrollbar-track{}&::-webkit-scrollbar-thumb{}&::-webkit-scrollbar-thumb:hover{}&.dark{&::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.3);}&::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.5);}}&.", "{border-left:var(--cell-border-vertical);border-right:var(--cell-border-vertical);border-top:var(--cell-border-vertical);border-bottom:0;&.has-footer{border-bottom:0;.", "{td{}}}&.has-vertical-scroll{border-bottom:var(--cell-border-vertical);th.first{border-left:0;}td.first{border-left:0;}&.has-footer{border-bottom:var(--cell-border-vertical);}.", "{tr.last{td{border-bottom:0;}}}.", "{tr.last{td{border-bottom:0;}}}+ .ui-rc-grid-bottom{border-top:0;}&:not(.has-footer){+ .ui-rc-grid-bottom{border-top:var(--cell-border-vertical);}}}&:not(.has-vertical-scroll){border-left:0;border-right:0;}&:not(.has-header){border-top:0;}}&.use-outer-border{}.no-scrollbar{scrollbar-width:none;::-webkit-scrollbar{}}.", "{overflow-x:auto;overflow-y:hidden;background:var(--header-bgcolor);.ui-rc-table-column-title{flex:1;min-width:0;text-align:start;}.", "{font-weight:500;.ui-rc-header-trigger{padding-left:6px;display:flex;align-items:center;.ui-rc-table-column-sorter-cancel{opacity:0;}}&:hover{.ui-rc-header-trigger{.ui-rc-table-column-sorter-cancel{opacity:1;}}}.", "{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all;}.", "{width:100%;white-space:normal;word-break:break-word;}.", "{text-align:center;}.", "{text-align:right;}}}.", "{.", "{td{background:var(--row-odd-bgcolor);}}.", "{td{background:var(--row-even-bgcolor);}}.", "{td{background:var(--row-parent-bgcolor);font-weight:500;}}.", "{&.", "{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all;.expansion-cell{.expansion-content{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all;}}}&.", "{width:100%;white-space:normal;word-break:break-word;}&.", "{text-align:center;}&.", "{text-align:right;}}}.", "{background:var(--footer-bgcolor);}.", ",.", "{overflow-x:auto;overflow-y:hidden;}&.sticky-header .", "{position:sticky;top:0;z-index:", ";}&.sticky-footer .", "{position:sticky;bottom:0;z-index:", ";}.", "{tr{td{&.lock-left,&.lock-right{border-bottom-width:0;box-shadow:0 -1px 0 0 var(--border-color),0 0px 0 0 var(--border-color),0px 0 0 0 var(--border-color);}}}tr{td.cell-edit{&.lock-left,&.lock-right{box-shadow:0 -1px 0 0 var(--border-color),0 0px 0 0 var(--border-color),-1px 0 0 0 var(--border-color);}}td.first{&.lock-left{border-bottom-width:1px;}}}tr.ui-rc-grid-table-row{td.cell-edit.cell-border-bottom{}}}table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;display:table;margin:0;padding:0;}tr:not(.no-hover):hover > td{background:var(--hover-bgcolor);color:var(--hover-color);}tr:not(.no-highlight).highlight > td{}th{font-weight:normal;text-align:left;padding:var(--cell-padding);height:var(--header-row-height);color:var(--header-color);background:var(--header-bgcolor);border:none;border-right:var(--header-cell-border-vertical);border-bottom:var(--header-cell-border-horizontal);&.", "{background-color:#fcf5f2;}&.cell-border-bottom{border-bottom:var(--cell-border-select);}&.cell-border-right{border-right:var(--cell-border-select);}&.cell-border-left{position:relative;}&.cell-border-top{position:relative;}&.cell-border-left::before{content:'';position:absolute;top:0;left:0;height:102%;width:1px;border-left:var(--cell-border-select);pointer-events:none;z-index:1;}&.cell-border-top::after{content:'';position:absolute;top:0px;left:0;height:1px;width:100%;border-top:var(--cell-border-select);pointer-events:none;z-index:1;}&.cell-editing{padding:0;&:focus-visible{outline:none;}.ant-form-item,.ant-row.ant-form-item-row,.ant-col.ant-form-item-control,.ant-form-item-control-input,.ant-form-item-control-input-content,.ui-rc-input{height:100% !important;&:focus-visible{outline:none;}}.ui-rc-color-picker-trigger{width:100%;border-radius:0;.ui-rc-color-picker-color-block{width:100%;}}textarea.ui-rc-input{line-height:1.8;height:100%;max-height:calc(var(--row-height) - 1px) !important;min-height:calc(var(--row-height) - 1px) !important;}input.be-cell-editing,.ant-picker,.ui-rc-picker,.ui-rc-select-selector,.ui-rc-table-select-selector{padding-inline:7px;}.#{$prefix}-checkbox-wrapper{.#{$prefix}-checkbox{background-color:red;}.#{$prefix}-checkbox-input{&:focus-visible{outline:none;}}}.ant-input,.ant-picker,.ui-rc-picker{border-radius:0;}.ant-color-picker-trigger{height:100%;border-radius:0;.ant-color-picker-color-block{height:100%;width:100%;}}.#{$prefix}-table-select-single .#{$prefix}-table-select-selector,.#{$prefix}-select-single .#{$prefix}-select-selector,.ui-rc-table-select-selector{border-radius:0 !important;}.#{$prefix}-table-select-single:not( .#{$prefix}-table-select-customize-input ){.#{$prefix}-table-select-selector{.#{$prefix}-table-select-selection-search-input{height:auto;}}}}textarea.ui-rc-input{line-height:1.8;max-height:calc(var(--header-row-height) - 1px) !important;min-height:calc(var(--header-row-height) - 1px) !important;}}tr.first th{}th.first{border-left:var(--header-cell-border-vertical);}td{padding:var(--cell-padding);background:var(--bgcolor);height:var(--row-height);border:none;border-right:var(--cell-border-vertical);border-bottom:var(--cell-border-horizontal);outline:none;&.", "{background-color:var(--border-color-select);color:#ffffff;}&.cell-edit{user-select:none;&:has(.dragging-point){position:relative;}.dragging-point{width:6px;height:6px;position:absolute;cursor:crosshair;right:0px;bottom:0px;&.hidden{display:none;}.dot-point{position:absolute;width:6px;height:6px;border-radius:0px;background-color:var(--border-color-select);bottom:0;right:0;}}&.disable{background-color:#f0f0f0;}}&.cell-editing{padding:0;&:focus-visible{outline:none;}.ant-form-item,.ant-row.ant-form-item-row,.ant-col.ant-form-item-control,.ant-form-item-control-input,.ant-form-item-control-input-content,.ui-rc-input{height:100% !important;&:focus-visible{outline:none;}}.ui-rc-color-picker-trigger{width:100%;border-radius:0;.ui-rc-color-picker-color-block{width:100%;}}textarea.ui-rc-input{line-height:1.8;height:100%;max-height:calc(var(--row-height) - 1px) !important;min-height:calc(var(--row-height) - 1px) !important;}input.be-cell-editing,.ant-picker,.ui-rc-picker,.ui-rc-select-selector,.ui-rc-table-select-selector{padding-inline:7px;}.#{$prefix}-checkbox-wrapper{.#{$prefix}-checkbox{background-color:red;}.#{$prefix}-checkbox-input{&:focus-visible{outline:none;}}}.ant-input,.ant-picker,.ui-rc-picker{border-radius:0;}.ant-color-picker-trigger{height:100%;border-radius:0;.ant-color-picker-color-block{height:100%;width:100%;}}.#{$prefix}-table-select-single .#{$prefix}-table-select-selector,.#{$prefix}-select-single .#{$prefix}-select-selector,.ui-rc-table-select-selector{border-radius:0 !important;}.#{$prefix}-table-select-single:not( .#{$prefix}-table-select-customize-input ){.#{$prefix}-table-select-selector{.#{$prefix}-table-select-selection-search-input{height:auto;}}}}.abccccc{box-shadow:0 -1px 0 0 var(--border-color),0 1px 0 0 var(--border-color),-1px 0 0 0 var(--border-color),1px 0 0 0 var(--border-color);}&.", "{background-color:#fcf5f2;}&.cell-border-bottom{border-bottom:var(--cell-border-select);}&.cell-border-right{border-right:var(--cell-border-select);}&.cell-border-left{position:relative;}&.cell-border-top{position:relative;}&.cell-border-left::before{content:'';position:absolute;top:0;left:0;height:102%;width:1px;border-left:var(--cell-border-select);pointer-events:none;z-index:1;}&.cell-border-top::after{content:'';position:absolute;top:0px;left:0;height:1px;width:100%;border-top:var(--cell-border-select);pointer-events:none;z-index:1;}&.cell-paste-border-top{position:relative;&::after{content:'';position:absolute;top:0px;left:0;height:1px;width:100%;border-top:1px dashed #949494;pointer-events:none;z-index:1;}&.ui-rc-grid-cell-fix-left-last{&::after{left:-100%;}}&.ui-rc-grid-cell-fix-right-first{&::after{left:100%;}}}&.cell-paste-border-bottom{border-bottom:1px dashed #949494;}&.cell-paste-border-left{position:relative;&::before{content:'';position:absolute;top:0;left:0;height:102%;width:1px;border-left:1px dashed #949494;pointer-events:none;z-index:1;}}&.cell-paste-border-right{border-inline-end:1px dashed #949494;}}td.first{border-left:var(--cell-border-vertical);}tr.first td{border-top:var(--cell-border-horizontal);}tr td.last,tr th.last{border-right:var(--cell-border-horizontal);}&.has-header tbody tr.first td{border-top:none;}&.has-footer tbody tr.last td{border-bottom:none;}&.has-footer tfoot tr > td{background:var(--footer-bgcolor);color:var(--footer-color);}&.has-footer tfoot tr:not(.no-hover):hover > td{background:var(--footer-bgcolor);}.lock-left,.lock-right{z-index:", ";}.resize-handle{width:6px;height:100%;position:absolute;top:0;right:0;cursor:col-resize;background-color:transparent;border-right:2px solid transparent;}.", "{position:absolute;top:0;bottom:0;z-index:", ";pointer-events:none;overflow:hidden;.", "{height:100%;}.", "{margin-right:", "px;box-shadow:none;&.show-shadow{box-shadow:var(--lock-shadow);border-right:var(--cell-border-vertical);}}.", "{margin-left:", "px;box-shadow:none;&.show-shadow{box-shadow:var(--lock-shadow);border-left:var(--cell-border-vertical);}}}.", "{pointer-events:none;color:#99a3b3;font-size:12px;text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);.empty-image{width:50px;height:50px;}.empty-tips{margin-top:16px;line-height:1.5;}}.", "{overflow:auto;position:sticky;bottom:0;z-index:", ";margin-top:-17px;}.ui-rc-grid-loading-wrapper{}.ui-rc-grid-table{}.art-loading-content-wrapper{height:100%;}.", "{height:1px;visibility:hidden;}.", "{position:relative;height:100%;.", "{position:absolute;inset:0;pointer-events:none;}.", "{position:sticky;z-index:", ";transform:translateY(-50%);}}"], Classes.tableWrapper, Classes.tableFooter, Classes.tableBody, Classes.tableFooter, Classes.tableHeader, Classes.tableHeaderCell, Classes.cellEllipsis, Classes.cellWrap, Classes.cellTextCenter, Classes.cellTextRight, Classes.tableBody, Classes.tableRowOdd, Classes.tableRowEven, Classes.tableRowParent, Classes.tableCell, Classes.cellEllipsis, Classes.cellWrap, Classes.cellTextCenter, Classes.cellTextRight, Classes.tableFooter, Classes.tableBody, Classes.tableFooter, Classes.tableHeader, Z.header, Classes.tableFooter, Z.footer, Classes.tableBody, Classes.cellSelected, Classes.cellIndexSelected, Classes.cellSelected, Z.lock, Classes.lockShadowMask, Z.lockShadow, Classes.lockShadow, Classes.leftLockShadow, LOCK_SHADOW_PADDING, Classes.rightLockShadow, LOCK_SHADOW_PADDING, Classes.emptyWrapper, Classes.stickyScroll, Z.scrollItem, Classes.stickyScrollItem, Classes.loadingWrapper, Classes.loadingIndicatorWrapper, Classes.loadingIndicator, Z.loadingIndicator);
 
 // type StyleTableContainerProps = {
 

package/lib/ali-table/pipeline/features/columnCustom.d.ts

@@ -15,6 +15,7 @@ export interface ColumnFeatureOptions {
     groupColumns?: any[];
     isDataTree?: boolean;
     dataSource: any[];
+    dataFlatten: any[];
     rowIndexMap: any;
     /** Uncontrolled usage: default column widths array */
     defaultSizes?: number[];

package/lib/ali-table/pipeline/features/columnCustom.js

@@ -20,7 +20,7 @@ var _EditCell = _interopRequireDefault(require("../../base-table/cell/EditCell")
 var _HeaderEditCell = _interopRequireDefault(require("../../base-table/cell/HeaderEditCell"));
 var _constants = require("../../utils/constants");
 var _utils3 = require("../../base-table/utils");
-var _utility = require("../../utils/utility");
+// import { unFlattenData } from '../../utils/utility';
 // import { getMaxDepth } from '../../utils/utility';
 
 function clamp(min, x, max) {
@@ -47,6 +47,7 @@ function columnCustom(opts) {
     wrapSettings,
     // ignoreAccents,
     dataSource,
+    dataFlatten,
     isDataTree,
     defaultSorter,
     defaultFilter,
@@ -437,7 +438,7 @@ function columnCustom(opts) {
       }
 
       // Cập nhật data mới
-      const newData = allRows;
+      const newData = dataFlatten;
       const pastedRows = [];
       if (pasteState.type === 'down' || pasteState.type === 'up') {
         newRange.addedRows.forEach((rowValues, rowIndex1) => {
@@ -505,8 +506,8 @@ function columnCustom(opts) {
       }
 
       // const rsFilterData = updateOrInsert(dataSource, newData)
-      const rsFilterData = (0, _utility.updateOrInsert)(allRows, newData);
-      const rs = (0, _utility.unFlattenData)(rsFilterData);
+      const rsFilterData = (0, _utils2.updateOrInsert)(dataFlatten, newData);
+      const rs = (0, _utils2.unFlattenData)(rsFilterData);
       triggerPaste?.(pastedRows, colPasteds, rs, copyRows);
       pipeline.setStateAtKey(_constants.stateKeyEndCell, endPasteCell);
       pipeline.setStateAtKey(_constants.stateKeyEndPasteCell, undefined);
@@ -532,7 +533,7 @@ function columnCustom(opts) {
       const newRange = ctrlKey ? (0, _utils2.addRowsDownWithCtrl)(dataSelected, rowsPasteId.length) : (0, _utils2.addRowsDown)(dataSelected, rowsPasteId.length);
 
       // Cập nhật data mới
-      const newData = allRows;
+      const newData = dataFlatten;
       const pastedRows = [];
       newRange.addedRows.forEach((rowValues, rowIndex1) => {
         const targetRow = pasteState?.startRowIndex + rowIndex1;
@@ -554,8 +555,8 @@ function columnCustom(opts) {
       });
 
       // const rsFilterData = updateOrInsert(dataSource, newData)
-      const rsFilterData = (0, _utility.updateOrInsert)(dataSource, newData);
-      const rs = (0, _utility.unFlattenData)(rsFilterData);
+      const rsFilterData = (0, _utils2.updateOrInsert)(dataFlatten, newData);
+      const rs = (0, _utils2.unFlattenData)(rsFilterData);
       triggerPaste?.(pastedRows, colsPastedId, rs, copyRows);
     };
     const handleMouseDown = (rowId, colId) => {
@@ -867,7 +868,7 @@ function columnCustom(opts) {
             }
             return updatedRow;
           });
-          const newData = (0, _utility.unFlattenData)(rs);
+          const newData = (0, _utils2.unFlattenData)(rs);
           triggerChangeData?.([...newData], {
             type: 'DELETE_CONTENT'
           });
@@ -1058,6 +1059,73 @@ function columnCustom(opts) {
       pipeline.setStateAtKey(_constants.stateKeyEndCell, cellEnd);
       triggerPointPaste(selectPasteState, cellStart, cellEnd, e.ctrlKey);
     };
+
+    // cell Số thứ tự
+
+    const handleMouseDownIndex = rowId => {
+      // setIsSelecting?.(true);
+      pipeline.setStateAtKey(_constants.stateKeyIsSelecting, true);
+      const allColumns = allCols.filter(it => !_hooks.nonActionColumn.includes(it.field));
+
+      // const firstCOlSpin = findFirst(allColumns)
+
+      const startCol = allColumns[0].field;
+      const endCol = allColumns[allColumns.length - 1].field;
+
+      // setStartCell?.({ rowId, colId: startCol });
+      // setEndCell?.({ rowId, colId: endCol });
+
+      pipeline.setStateAtKey(_constants.stateKeyStartCell, {
+        rowId,
+        colId: startCol
+      });
+      pipeline.setStateAtKey(_constants.stateKeyEndCell, {
+        rowId,
+        colId: endCol
+      });
+
+      // if (firstCOlSpin) {
+      //   setFocusedCell?.({ rowId: cell.row.id, colId: firstCOlSpin.id })
+      // } else {
+      //   const firstCOlVisible = allColumns[0]
+      //   setFocusedCell?.({ rowId: cell.row.id, colId: firstCOlVisible.id })
+      // }
+      pipeline.setStateAtKey(_constants.stateKeyFocusedCell, {
+        rowId,
+        colId: startCol
+      });
+
+      // setRangeState?.(getSelectedCellMatrix(table, { rowId, colId: startCol }, { rowId, colId: endCol }))
+    };
+    const handleMouseEnterIndex = rowId => {
+      if (isSelecting) {
+        const allColumns = allCols.filter(it => !_hooks.nonActionColumn.includes(it.field));
+
+        // const firstCOl = findFirst(allColumns)
+
+        // const startCol = allColumns[0].id
+        const endCol = allColumns[allColumns.length - 1].field;
+
+        //  // setStartCell?.({ rowId, colId: startCol });
+        // setEndCell?.({ rowId, colId: endCol });
+        pipeline.setStateAtKey(_constants.stateKeyEndCell, {
+          rowId,
+          colId: endCol
+        });
+      }
+    };
+    const handleMouseUpIndex = () => {
+      // setIsSelecting?.(false);
+
+      pipeline.setStateAtKey(_constants.stateKeyIsSelecting, false);
+
+      // const selectState = getSelectedCellMatrix(table, startCell, endCell)
+
+      // if (!isObjEqual(rangeState, selectState)) {
+
+      //   setRangeState?.(selectState)
+      // }
+    };
     pipeline.mapColumns((0, _utils.makeRecursiveMapper)((col, params) => {
       const {
         startIndex,
@@ -1210,6 +1278,7 @@ function columnCustom(opts) {
       // cell Index
       if (col.field === '#') {
         const prevContent = col.template;
+        const prevGetCellProps = col?.getCellProps;
         return {
           ...col,
           lock: !!col.fixed,
@@ -1244,7 +1313,73 @@ function columnCustom(opts) {
               overflow: 'visible',
               position: 'relative'
             }
-          })
+          }),
+          getCellProps(value, record, rowIndex) {
+            const prevCellProps = prevGetCellProps?.(value, record, rowIndex);
+
+            // const isCellSelected = (!startCell || !endCell) ? false : selectRowIds.includes(record.rowId) && cols.includes(col.field);
+
+            return (0, _utils.mergeCellProps)(prevCellProps, {
+              // @ts-ignore
+              'data-col-key': col.field,
+              ref: el => {
+                if (focusedCell?.rowId === record.rowId && focusedCell?.colId === col.field && !isEditing.editing) {
+                  el?.focus({
+                    preventScroll: true
+                  });
+                }
+              },
+              style: {
+                ...prevCellProps?.style,
+                userSelect: 'none'
+                // padding: cellEditing ? 0 : undefined
+                // ...cellStyles,
+              },
+              className: (0, _classnames.default)(prevCellProps?.className, `${prefix}-grid-cell`, {
+                [`${prefix}-grid-cell-ellipsis`]: !wrapSettings || !(wrapSettings && (wrapSettings.wrapMode === 'Both' || wrapSettings.wrapMode === 'Content')),
+                [`${prefix}-grid-cell-wrap`]: wrapSettings && (wrapSettings.wrapMode === 'Both' || wrapSettings.wrapMode === 'Content'),
+                [`${prefix}-grid-cell-text-center`]: col?.textAlign === 'center',
+                [`${prefix}-grid-cell-text-right`]: col?.textAlign === 'right' || col.type === 'number',
+                [`${prefix}-grid-cell-index-selected`]: selectRowIds?.includes(record.rowId),
+                'no-hover': editAble
+
+                // isValid: !isEditing && rowError && rowError[col.field]?.field === col.field,
+                // [`${prefix}-grid-cell-selected`]: isCellSelected,
+              }),
+              onMouseDown: e => {
+                prevCellProps?.onMouseDown?.(e);
+                if (editAble) {
+                  // if (record[rowKey] === editingKey) {
+                  if (isEditing.editing) {
+                    // setFocusedCell?.({ rowId: cell.row.id, colId: cell.column.id })
+                  } else {
+                    handleMouseDownIndex(record.rowId);
+                    if (isEditing.editing) {
+                      setTimeout(() => {
+                        // setEditingKey?.('')
+                        pipeline.setStateAtKey(_constants.stateKeyIsEditing, defaultCellEditing);
+                        reset?.();
+                      });
+                    }
+                  }
+                }
+              },
+              onMouseEnter: e => {
+                prevCellProps?.onMouseEnter?.(e);
+                // Edit
+
+                if (editAble) {
+                  handleMouseEnterIndex(record.rowId);
+                }
+              },
+              onMouseUp: e => {
+                prevCellProps?.onMouseUp?.(e);
+                if (editAble) {
+                  handleMouseUpIndex();
+                }
+              }
+            });
+          }
         };
       }
 
@@ -1511,9 +1646,6 @@ function columnCustom(opts) {
         }),
         getCellProps(value, record, rowIndex) {
           const prevCellProps = prevGetCellProps?.(value, record, rowIndex);
-
-          // console.log('record', record)
-
           const fomatedValue = ['color', 'checkbox', 'field'].includes(col.type ?? '') ? '' : (0, _useColumns.renderValueCell)(col, value, record, rowIndex, 0, format, false);
           const tooltipContent = isOpenTooltip === false ? '' : col?.tooltipDescription ? typeof col.tooltipDescription === 'function' ? col.tooltipDescription({
             value,

package/lib/ali-table/utils/utility.d.ts

@@ -25,4 +25,15 @@ export declare function filterVisibleColumns<T extends ColumnTable>(columns: T[]
 export declare const sortByType: (arr: ColumnTable[], rowDnd?: RowDnd) => ColumnTable[];
 export declare function getVisibleColumnFields<T extends ColumnTable>(columns: T[]): string[];
 export declare const getOnlyInA: (a: string[], b: string[]) => string[];
+export declare const buildParentMap: <T extends {
+    id: string;
+    rowId: string;
+    children?: T[];
+}>(tree: T[]) => Map<string, T>;
+export declare const flattenTree: <T extends {
+    children?: T[];
+}>(tree: T[]) => T[];
+export declare const flattenTree2: <T extends {
+    children?: T[];
+}>(tree: T[]) => Omit<T, 'children'>[];
 export {};

package/lib/ali-table/utils/utility.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.addRowIdArray = void 0;
+exports.buildParentMap = exports.addRowIdArray = void 0;
 exports.filterDataByColumns1 = filterDataByColumns1;
 exports.filterVisibleColumns = filterVisibleColumns;
-exports.getOnlyInA = exports.getMaxDepth = exports.flattenArray = void 0;
+exports.getOnlyInA = exports.getMaxDepth = exports.flattenTree2 = exports.flattenTree = exports.flattenArray = void 0;
 exports.getVisibleColumnFields = getVisibleColumnFields;
 exports.sortByType = exports.shouldIncludeOptimized = void 0;
 exports.sortData = sortData;
@@ -723,4 +723,56 @@ const getOnlyInA = (a, b) => {
   const setB = new Set(b);
   return a.filter(item => !setB.has(item));
 };
-exports.getOnlyInA = getOnlyInA;
+exports.getOnlyInA = getOnlyInA;
+const buildParentMap = tree => {
+  const parentMap = new Map();
+  const stack = [...tree];
+  while (stack.length) {
+    const node = stack.pop();
+    const children = node.children;
+    if (!children?.length) continue;
+    for (let i = 0; i < children.length; i++) {
+      const child = children[i];
+      parentMap.set(child.rowId, node);
+      stack.push(child);
+    }
+  }
+  return parentMap;
+};
+exports.buildParentMap = buildParentMap;
+const flattenTree = tree => {
+  const result = [];
+  const stack = [...tree];
+  while (stack.length) {
+    const node = stack.pop();
+    result.push(node);
+    const children = node.children;
+    if (children?.length) {
+      // Push ngược để giữ nguyên thứ tự tree
+      for (let i = children.length - 1; i >= 0; i--) {
+        stack.push(children[i]);
+      }
+    }
+  }
+  return result;
+};
+exports.flattenTree = flattenTree;
+const flattenTree2 = tree => {
+  const result = [];
+  const stack = [...tree];
+  while (stack.length) {
+    const node = stack.pop();
+    const {
+      children,
+      ...item
+    } = node;
+    result.push(item);
+    if (children?.length) {
+      for (let i = children.length - 1; i >= 0; i--) {
+        stack.push(children[i]);
+      }
+    }
+  }
+  return result;
+};
+exports.flattenTree2 = flattenTree2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "es-grid-template",
-  "version": "1.9.73",
+  "version": "1.9.74",
   "description": "es-grid-template",
   "keywords": [
     "react",
@@ -66,7 +66,7 @@
     "rc-checkbox": "3.5.0",
     "rc-dropdown": "4.2.1",
     "rc-field-form": "2.6.0",
-    "rc-master-ui": "1.1.63",
+    "rc-master-ui": "1.1.64",
     "rc-select": "14.16.3",
     "rc-tooltip": "6.3.0",
     "rc-tree": "5.10.1",