@kne/table-page 0.1.4 → 0.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/index.css +5 -0
- package/dist/index.css.map +1 -1
- package/dist/index.js +103 -29
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +105 -28
- package/dist/index.modern.js.map +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
package/dist/index.css
CHANGED
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ellipsis.module.scss","main.module.scss","amount.module.scss","options.module.scss","style.module.scss","sort.module.scss","columnHeaderTitle.module.scss","columnConfig.module.scss","tableToolbar.module.scss"],"names":[],"mappings":"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","file":"index.css","sourcesContent":[".ellipsis {\n display: block;\n width: 100%;\n min-width: 0;\n margin: 0;\n}\n\n.tooltip {\n max-width: min(600px, 100vw - 32px);\n}\n.tooltip :global(.ant-tooltip-inner) {\n max-width: 100%;\n max-height: 400px;\n overflow-y: auto;\n overflow-wrap: anywhere;\n word-break: break-word;\n white-space: pre-wrap;\n}\n\n.cell-content {\n display: block;\n width: 100%;\n min-width: 0;\n}\n\n.cell-full-width {\n display: block;\n width: 100%;\n box-sizing: border-box;\n}",".text {\n display: inline-block;\n max-width: 100%;\n vertical-align: bottom;\n}\n\n.ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.hover,\n.primary,\n.clickable {\n cursor: pointer;\n border-radius: var(--radius-default, 2px);\n}\n\n.hover {\n padding: 0 8px;\n margin: 0 -8px;\n}\n.hover:hover {\n color: var(--primary-color, #1677ff);\n background: var(--primary-color-1);\n}\n\n.primary {\n color: var(--primary-color, #1677ff);\n}\n\n.loading {\n opacity: 0.5;\n cursor: wait;\n}",".amount {\n font-weight: bold;\n font-variant-numeric: tabular-nums;\n display: block;\n width: 100%;\n min-width: 0;\n max-width: 100%;\n}",".col-item {\n display: flex;\n}\n\n.options {\n overflow: hidden;\n margin: 0;\n padding: 0;\n display: block;\n}\n\n.options-column {\n width: 100% !important;\n}\n\n.options-column .options-btn:global(.ant-btn) :global(.ant-btn-loading-icon) {\n display: none;\n}\n.options-column .options-btn:global(.ant-btn):global(.btn-no-padding) {\n padding: 0 8px;\n}\n.options-column .options-btn:global(.ant-btn):hover:not(:disabled) {\n color: var(--primary-color, #1677ff);\n background: var(--primary-color-1) !important;\n}",":global(.loading-container.is-loading) {\n opacity: 0.5;\n pointer-events: none;\n position: relative;\n transition: opacity 300ms;\n}\n\n.table-page {\n display: flex;\n flex-direction: column;\n}\n\n.table-content {\n min-width: 0;\n}\n.table-content :global(.info-page-table) {\n scroll-margin-top: var(--scroll-top-inset, var(--sticky-offset, var(--nav-height, 0px)));\n}\n\n.table-with-toolbar {\n border: 1px solid #f0f0f0;\n border-radius: var(--radius-default, 2px);\n}\n.table-with-toolbar :global(.table-page-toolbar) {\n border-start-start-radius: var(--radius-default, 2px);\n border-start-end-radius: var(--radius-default, 2px);\n}\n.table-with-toolbar :global(.table-page-toolbar-section) {\n scroll-margin-top: var(--scroll-top-inset, var(--sticky-offset, var(--nav-height, 0px)));\n}\n.table-with-toolbar :global(.info-page-table) {\n border: none;\n border-radius: 0;\n}\n.table-with-toolbar :global(.info-page-table) :global(.ant-table-header) {\n border-start-start-radius: 0 !important;\n border-start-end-radius: 0 !important;\n}\n.table-with-toolbar :global(.info-page-table):not(.has-summary) :global(.ant-table-tbody > tr:last-child > .ant-table-cell:first-child) {\n border-end-start-radius: var(--radius-default, 2px) !important;\n}\n.table-with-toolbar :global(.info-page-table):not(.has-summary) :global(.ant-table-tbody > tr:last-child > .ant-table-cell:last-child) {\n border-end-end-radius: var(--radius-default, 2px) !important;\n}\n.table-with-toolbar :global(.info-page-table).has-summary :global(.ant-table-summary > tr > .ant-table-cell:first-child) {\n border-end-start-radius: var(--radius-default, 2px) !important;\n}\n.table-with-toolbar :global(.info-page-table).has-summary :global(.ant-table-summary > tr > .ant-table-cell:last-child) {\n border-end-end-radius: var(--radius-default, 2px) !important;\n}\n.table-with-toolbar :global(.info-page-table) :global(.ant-table-placeholder > .ant-table-cell) {\n border-end-start-radius: var(--radius-default, 2px) !important;\n border-end-end-radius: var(--radius-default, 2px) !important;\n}\n.table-with-toolbar :global(.table-page-toolbar-section--has-value) + :global(.info-page-table) :global(.ant-table-thead > tr.info-page-table-header:first-child > .ant-table-cell) {\n border-top: none !important;\n}\n.table-with-toolbar :global(.ant-table-thead > tr.info-page-table-header:first-child > .ant-table-cell:first-child) {\n border-start-start-radius: 0 !important;\n}\n.table-with-toolbar :global(.ant-table-thead > tr.info-page-table-header:first-child > .ant-table-cell:last-child) {\n border-start-end-radius: 0 !important;\n}\n\n.table-in-toolbar {\n border: none !important;\n border-radius: 0 !important;\n}\n\n.pagination {\n margin-top: 16px;\n display: flex;\n justify-content: flex-end;\n}\n\n.total_text {\n color: var(--primary-color, #1677ff);\n font-weight: 500;\n padding: 0 2px;\n}\n\n.floating-scrollbar {\n position: fixed;\n z-index: 998;\n background: var(--bg-color-white, #ffffff);\n border: solid 1px var(--font-color-grey-4, #eeeeee);\n box-sizing: border-box;\n}\n\n.floating-scrollbar-thumb {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: var(--font-color-grey-2, #cccccc);\n height: 60%;\n border-radius: 5px/50%;\n}\n.floating-scrollbar-thumb:hover, .floating-scrollbar-thumb.is-moving {\n background: var(--font-color-grey, #666666);\n}",".title {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n max-width: 100%;\n vertical-align: top;\n}\n\n.title-text {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n}\n\n.has-sort {\n padding-right: 2px;\n}\n\n.sort-btn {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 14px;\n height: 18px;\n cursor: pointer;\n user-select: none;\n border-radius: 2px;\n transition: background-color 200ms;\n}\n.sort-btn:hover {\n background: rgba(0, 0, 0, 0.04);\n}\n.sort-btn:hover .sort-icon:not(.active) {\n color: rgba(0, 0, 0, 0.45);\n}\n\n.sort-icon {\n display: block;\n font-size: 10px;\n line-height: 1;\n color: rgba(0, 0, 0, 0.25);\n transition: color 200ms;\n}\n.sort-icon.active {\n color: var(--primary-color, #1677ff);\n}\n\n.sort-up {\n margin-bottom: -2px;\n}\n\n.sort-down {\n margin-top: -2px;\n}",".ellipsis {\n display: block;\n width: 100%;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}",".cell-resize-bar {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 60%;\n border-radius: 4px;\n width: 8px;\n font-size: 12px;\n background: var(--primary-color-1);\n color: var(--primary-color-2);\n top: 50%;\n right: 2px;\n cursor: col-resize;\n transform: translateY(-50%);\n visibility: hidden;\n}\n\n.table-changer-setting {\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 28px;\n min-height: 28px;\n padding: 4px;\n border-radius: var(--radius-default, 4px);\n color: var(--font-color-grey-1, rgba(0, 0, 0, 0.45));\n transition: background-color 200ms, color 200ms;\n}\n.table-changer-setting:hover, .table-changer-setting.is-active {\n background: var(--primary-color-1);\n color: var(--primary-color);\n}\n\n.table-config-header {\n width: 100%;\n min-width: 0;\n}\n\n.table-config-header-title {\n min-width: 0;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.columns-control-content {\n width: 300px;\n}\n.columns-control-content :global .ant-collapse {\n border: none;\n background: transparent;\n}\n.columns-control-content :global .ant-collapse-item {\n border-bottom: none;\n}\n.columns-control-content :global .ant-collapse-content-box {\n padding: 0 !important;\n}\n.columns-control-content :global .ant-list-item {\n border: none;\n}\n.columns-control-content :global .ant-collapse-header {\n font-weight: bold;\n padding: 8px 16px !important;\n}\n\n.columns-control-content-title {\n font-weight: bold;\n padding: 8px 16px;\n border-bottom: solid 1px var(--font-color-grey-4, #f0f0f0);\n}\n\n.columns-control-content-scroller {\n position: relative;\n max-height: 300px;\n overflow-y: auto;\n}\n\n.columns-control-sortable-list {\n display: block;\n}\n\n.columns-control-content-footer {\n border-top: solid 1px var(--font-color-grey-4, #f0f0f0);\n padding: 12px 16px;\n}\n\n.columns-control-content-input {\n width: 142px;\n}\n\n.columns-control-content-list {\n padding: 0;\n}\n\n.columns-control-content-item {\n display: flex;\n align-items: center;\n padding: 8px 14px !important;\n background: #ffffff;\n transition: box-shadow 500ms;\n box-sizing: border-box;\n}\n.columns-control-content-item :global .ant-checkbox-wrapper {\n flex: 1;\n}\n.columns-control-content-item.is-drag {\n cursor: move !important;\n}\n.columns-control-content-item.is-drag :global .ant-checkbox-wrapper {\n margin-left: 2px;\n}\n.columns-control-content-item:not(.is-drag) :global .ant-checkbox-wrapper {\n margin-left: 16px;\n}\n\n:global .table-page-sortable-drag {\n opacity: 1 !important;\n background: rgba(255, 255, 255, 0.9) !important;\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);\n z-index: 1050;\n display: flex !important;\n align-items: center;\n box-sizing: border-box;\n}\n:global .table-page-sortable-ghost {\n background: var(--primary-color-1) !important;\n border: 1px dashed var(--primary-color) !important;\n opacity: 0.6;\n}\n:global .table-page-sortable-chosen {\n background: var(--bg-color-grey-1, #fafafa);\n}\n\n.columns-control-content-item-icon {\n color: var(--font-color-grey-1, rgba(0, 0, 0, 0.45));\n flex-shrink: 0;\n}\n\n.columns-control-overlay {\n padding: 0 !important;\n}\n.columns-control-overlay > :global(.ant-popover-container) {\n padding: 0 !important;\n}\n.columns-control-overlay :global(.ant-popover-arrow) {\n display: none;\n}\n.columns-control-overlay :global(.ant-popover-inner-content),\n.columns-control-overlay :global(.ant-popover-inner),\n.columns-control-overlay :global(.ant-popover-container),\n.columns-control-overlay :global(.ant-popover-content) {\n padding: 0 !important;\n}\n\n.header-col:hover :global(.table-cell-resize-bar) {\n visibility: visible;\n}\n.header-col:global(.is-moving) :global(.table-cell-resize-bar) {\n visibility: visible;\n}\n\n.header-cell-inner {\n position: relative;\n display: block;\n width: 100%;\n}",".table-toolbar-section {\n border-bottom: 1px solid #f0f0f0;\n}\n.table-toolbar-section.has-value-display .table-toolbar {\n padding-bottom: 0;\n}\n.table-toolbar-section.has-value-display .table-toolbar-value-display {\n padding-top: 0;\n}\n.table-toolbar-section.has-value-display .table-toolbar-value-display :global(.filter-title),\n.table-toolbar-section.has-value-display .table-toolbar-value-display :global(.filter-value-display),\n.table-toolbar-section.has-value-display .table-toolbar-value-display > :global(.ant-space) {\n border-bottom: none !important;\n padding-top: 0 !important;\n margin-top: 0 !important;\n}\n.table-toolbar-section.has-value-display .table-toolbar-value-display :global(.filter-line) {\n border-bottom: none !important;\n}\n\n.table-toolbar {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 8px 16px;\n background: var(--bg-color-white, #ffffff);\n}\n\n.table-toolbar-batch,\n.table-toolbar-search {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n}\n\n.table-toolbar-batch-btn {\n border: none !important;\n box-shadow: none !important;\n background: var(--bg-color-grey-1, #f5f5f5) !important;\n}\n.table-toolbar-batch-btn:not(:disabled):hover {\n border: none !important;\n background: var(--bg-color-grey-2, #f0f0f0) !important;\n color: var(--font-color, rgba(0, 0, 0, 0.88)) !important;\n}\n.table-toolbar-batch-btn:disabled {\n border: none !important;\n background: var(--bg-color-grey-1, #f5f5f5) !important;\n color: var(--font-color-grey-2, #cccccc) !important;\n}\n\n.table-toolbar-search :global(.ant-input-search) {\n background: var(--bg-color-grey-1, #f5f5f5);\n border-radius: var(--radius-default, 2px);\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-affix-wrapper),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input) {\n border: none !important;\n box-shadow: none !important;\n background: transparent !important;\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-affix-wrapper:hover),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-affix-wrapper-focused),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-affix-wrapper-focused-within),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input:hover),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input:focus) {\n border: none !important;\n box-shadow: none !important;\n background: transparent !important;\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-search-btn),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-search-button),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-btn) {\n border: none !important;\n box-shadow: none !important;\n background: transparent !important;\n color: var(--font-color-grey, #666) !important;\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-search-btn):not(:disabled):hover,\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-search-button):not(:disabled):hover,\n.table-toolbar-search :global(.ant-input-search) :global(.ant-btn):not(:disabled):hover {\n border: none !important;\n box-shadow: none !important;\n background: var(--bg-color-grey-2, #f0f0f0) !important;\n color: var(--font-color, rgba(0, 0, 0, 0.88)) !important;\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-group-addon) {\n border: none !important;\n background: transparent !important;\n padding: 0;\n}\n\n.table-toolbar-filter {\n flex: 1;\n min-width: 0;\n display: flex;\n align-items: center;\n}\n\n.table-toolbar-divider {\n flex-shrink: 0;\n width: 1px;\n align-self: center;\n height: 16px;\n background: #f0f0f0;\n}\n\n.table-toolbar-filter-inner {\n width: 100%;\n}\n.table-toolbar-filter-inner :global(.filter-title) {\n width: 100%;\n padding: 0 !important;\n margin: 0 !important;\n line-height: 24px !important;\n border-bottom: none !important;\n}\n.table-toolbar-filter-inner :global(.filter-title > .ant-space-item:first-child) {\n display: none !important;\n}\n.table-toolbar-filter-inner :global(.filter-label) {\n display: none !important;\n}\n.table-toolbar-filter-inner :global(.filter-list) {\n width: 100%;\n}\n.table-toolbar-filter-inner :global(.filter-line) {\n min-height: 24px;\n gap: 8px;\n}\n.table-toolbar-filter-inner :global(.filter-item-wrap) {\n height: 24px;\n}\n.table-toolbar-filter-inner :global(.filter-item) {\n height: 24px;\n padding: 0 8px;\n}\n.table-toolbar-filter-inner :global(.filter-item) :global(.ant-space-item) {\n line-height: 24px;\n}\n.table-toolbar-filter-inner :global(.filter-item-label) {\n line-height: 24px;\n}\n\n.table-toolbar-value-display {\n background: var(--bg-color-white, #ffffff);\n}\n.table-toolbar-value-display :global(.filter-value-display),\n.table-toolbar-value-display :global(.filter-title) {\n padding: 0 16px 6px !important;\n margin-top: 0 !important;\n line-height: 22px !important;\n border-bottom: none !important;\n gap: 8px !important;\n}\n.table-toolbar-value-display :global(.filter-value-display .filter-label) {\n line-height: 22px;\n}\n.table-toolbar-value-display :global(.filter-value-display .filter-line) {\n min-height: 22px;\n gap: 6px;\n}\n.table-toolbar-value-display :global(.filter-value-tag) {\n margin-inline-end: 0;\n}"]}
|
|
1
|
+
{"version":3,"sources":["ellipsis.module.scss","main.module.scss","amount.module.scss","options.module.scss","style.module.scss","sort.module.scss","columnHeaderTitle.module.scss","columnConfig.module.scss","tableToolbar.module.scss"],"names":[],"mappings":"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","file":"index.css","sourcesContent":[".ellipsis {\n display: block;\n width: 100%;\n min-width: 0;\n margin: 0;\n}\n\n.tooltip {\n max-width: min(600px, 100vw - 32px);\n}\n.tooltip :global(.ant-tooltip-inner) {\n max-width: 100%;\n max-height: 400px;\n overflow-y: auto;\n overflow-wrap: anywhere;\n word-break: break-word;\n white-space: pre-wrap;\n}\n\n.cell-content {\n display: block;\n width: 100%;\n min-width: 0;\n}\n\n.cell-full-width {\n display: block;\n width: 100%;\n box-sizing: border-box;\n}",".text {\n display: inline-block;\n max-width: 100%;\n vertical-align: bottom;\n}\n\n.ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.hover,\n.primary,\n.clickable {\n cursor: pointer;\n border-radius: var(--radius-default, 2px);\n}\n\n.hover {\n padding: 0 8px;\n margin: 0 -8px;\n}\n.hover:hover {\n color: var(--primary-color, #1677ff);\n background: var(--primary-color-1);\n}\n\n.primary {\n color: var(--primary-color, #1677ff);\n}\n\n.loading {\n opacity: 0.5;\n cursor: wait;\n}",".amount {\n font-weight: bold;\n font-variant-numeric: tabular-nums;\n display: block;\n width: 100%;\n min-width: 0;\n max-width: 100%;\n}",".col-item {\n display: flex;\n}\n\n.options {\n overflow: hidden;\n margin: 0;\n padding: 0;\n display: block;\n}\n\n.options-column {\n width: 100% !important;\n}\n\n.options-column .options-btn:global(.ant-btn) :global(.ant-btn-loading-icon) {\n display: none;\n}\n.options-column .options-btn:global(.ant-btn):global(.btn-no-padding) {\n padding: 0 8px;\n}\n.options-column .options-btn:global(.ant-btn):hover:not(:disabled) {\n color: var(--primary-color, #1677ff);\n background: var(--primary-color-1) !important;\n}",":global(.loading-container.is-loading) {\n opacity: 0.5;\n pointer-events: none;\n position: relative;\n transition: opacity 300ms;\n}\n\n.table-page {\n display: flex;\n flex-direction: column;\n}\n\n.table-content {\n min-width: 0;\n}\n.table-content :global(.info-page-table) {\n scroll-margin-top: var(--scroll-top-inset, var(--sticky-offset, var(--nav-height, 0px)));\n}\n\n.table-with-toolbar {\n border: 1px solid #f0f0f0;\n border-radius: var(--radius-default, 2px);\n}\n.table-with-toolbar :global(.table-page-toolbar) {\n border-start-start-radius: var(--radius-default, 2px);\n border-start-end-radius: var(--radius-default, 2px);\n}\n.table-with-toolbar :global(.table-page-toolbar-section) {\n scroll-margin-top: var(--scroll-top-inset, var(--sticky-offset, var(--nav-height, 0px)));\n}\n.table-with-toolbar :global(.info-page-table) {\n border: none;\n border-radius: 0;\n}\n.table-with-toolbar :global(.info-page-table) :global(.ant-table-header) {\n border-start-start-radius: 0 !important;\n border-start-end-radius: 0 !important;\n}\n.table-with-toolbar :global(.info-page-table):not(.has-summary) :global(.ant-table-tbody > tr:last-child > .ant-table-cell:first-child) {\n border-end-start-radius: var(--radius-default, 2px) !important;\n}\n.table-with-toolbar :global(.info-page-table):not(.has-summary) :global(.ant-table-tbody > tr:last-child > .ant-table-cell:last-child) {\n border-end-end-radius: var(--radius-default, 2px) !important;\n}\n.table-with-toolbar :global(.info-page-table).has-summary :global(.ant-table-summary > tr > .ant-table-cell:first-child) {\n border-end-start-radius: var(--radius-default, 2px) !important;\n}\n.table-with-toolbar :global(.info-page-table).has-summary :global(.ant-table-summary > tr > .ant-table-cell:last-child) {\n border-end-end-radius: var(--radius-default, 2px) !important;\n}\n.table-with-toolbar :global(.info-page-table) :global(.ant-table-placeholder > .ant-table-cell) {\n border-end-start-radius: var(--radius-default, 2px) !important;\n border-end-end-radius: var(--radius-default, 2px) !important;\n}\n.table-with-toolbar :global(.table-page-toolbar-section--has-value) + :global(.info-page-table) :global(.ant-table-thead > tr.info-page-table-header:first-child > .ant-table-cell) {\n border-top: none !important;\n}\n.table-with-toolbar :global(.ant-table-thead > tr.info-page-table-header:first-child > .ant-table-cell:first-child) {\n border-start-start-radius: 0 !important;\n}\n.table-with-toolbar :global(.ant-table-thead > tr.info-page-table-header:first-child > .ant-table-cell:last-child) {\n border-start-end-radius: 0 !important;\n}\n\n.table-in-toolbar {\n border: none !important;\n border-radius: 0 !important;\n}\n\n.pagination {\n margin-top: 16px;\n display: flex;\n justify-content: flex-end;\n}\n\n.total_text {\n color: var(--primary-color, #1677ff);\n font-weight: 500;\n padding: 0 2px;\n}\n\n.floating-scrollbar {\n position: fixed;\n z-index: 998;\n background: var(--bg-color-white, #ffffff);\n border: solid 1px var(--font-color-grey-4, #eeeeee);\n box-sizing: border-box;\n}\n\n.floating-scrollbar-embedded {\n position: sticky;\n bottom: 0;\n}\n\n.floating-scrollbar-thumb {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: var(--font-color-grey-2, #cccccc);\n height: 60%;\n border-radius: 5px/50%;\n}\n.floating-scrollbar-thumb:hover, .floating-scrollbar-thumb.is-moving {\n background: var(--font-color-grey, #666666);\n}",".title {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n max-width: 100%;\n vertical-align: top;\n}\n\n.title-text {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n}\n\n.has-sort {\n padding-right: 2px;\n}\n\n.sort-btn {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 14px;\n height: 18px;\n cursor: pointer;\n user-select: none;\n border-radius: 2px;\n transition: background-color 200ms;\n}\n.sort-btn:hover {\n background: rgba(0, 0, 0, 0.04);\n}\n.sort-btn:hover .sort-icon:not(.active) {\n color: rgba(0, 0, 0, 0.45);\n}\n\n.sort-icon {\n display: block;\n font-size: 10px;\n line-height: 1;\n color: rgba(0, 0, 0, 0.25);\n transition: color 200ms;\n}\n.sort-icon.active {\n color: var(--primary-color, #1677ff);\n}\n\n.sort-up {\n margin-bottom: -2px;\n}\n\n.sort-down {\n margin-top: -2px;\n}",".ellipsis {\n display: block;\n width: 100%;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}",".cell-resize-bar {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 60%;\n border-radius: 4px;\n width: 8px;\n font-size: 12px;\n background: var(--primary-color-1);\n color: var(--primary-color-2);\n top: 50%;\n right: 2px;\n cursor: col-resize;\n transform: translateY(-50%);\n visibility: hidden;\n}\n\n.table-changer-setting {\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 28px;\n min-height: 28px;\n padding: 4px;\n border-radius: var(--radius-default, 4px);\n color: var(--font-color-grey-1, rgba(0, 0, 0, 0.45));\n transition: background-color 200ms, color 200ms;\n}\n.table-changer-setting:hover, .table-changer-setting.is-active {\n background: var(--primary-color-1);\n color: var(--primary-color);\n}\n\n.table-config-header {\n width: 100%;\n min-width: 0;\n}\n\n.table-config-header-title {\n min-width: 0;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.columns-control-content {\n width: 300px;\n}\n.columns-control-content :global .ant-collapse {\n border: none;\n background: transparent;\n}\n.columns-control-content :global .ant-collapse-item {\n border-bottom: none;\n}\n.columns-control-content :global .ant-collapse-content-box {\n padding: 0 !important;\n}\n.columns-control-content :global .ant-list-item {\n border: none;\n}\n.columns-control-content :global .ant-collapse-header {\n font-weight: bold;\n padding: 8px 16px !important;\n}\n\n.columns-control-content-title {\n font-weight: bold;\n padding: 8px 16px;\n border-bottom: solid 1px var(--font-color-grey-4, #f0f0f0);\n}\n\n.columns-control-content-scroller {\n position: relative;\n max-height: 300px;\n overflow-y: auto;\n}\n\n.columns-control-sortable-list {\n display: block;\n}\n\n.columns-control-content-footer {\n border-top: solid 1px var(--font-color-grey-4, #f0f0f0);\n padding: 12px 16px;\n}\n\n.columns-control-content-input {\n width: 142px;\n}\n\n.columns-control-content-list {\n padding: 0;\n}\n\n.columns-control-content-item {\n display: flex;\n align-items: center;\n padding: 8px 14px !important;\n background: #ffffff;\n transition: box-shadow 500ms;\n box-sizing: border-box;\n}\n.columns-control-content-item :global .ant-checkbox-wrapper {\n flex: 1;\n}\n.columns-control-content-item.is-drag {\n cursor: move !important;\n}\n.columns-control-content-item.is-drag :global .ant-checkbox-wrapper {\n margin-left: 2px;\n}\n.columns-control-content-item:not(.is-drag) :global .ant-checkbox-wrapper {\n margin-left: 16px;\n}\n\n:global .table-page-sortable-drag {\n opacity: 1 !important;\n background: rgba(255, 255, 255, 0.9) !important;\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);\n z-index: 1050;\n display: flex !important;\n align-items: center;\n box-sizing: border-box;\n}\n:global .table-page-sortable-ghost {\n background: var(--primary-color-1) !important;\n border: 1px dashed var(--primary-color) !important;\n opacity: 0.6;\n}\n:global .table-page-sortable-chosen {\n background: var(--bg-color-grey-1, #fafafa);\n}\n\n.columns-control-content-item-icon {\n color: var(--font-color-grey-1, rgba(0, 0, 0, 0.45));\n flex-shrink: 0;\n}\n\n.columns-control-overlay {\n padding: 0 !important;\n}\n.columns-control-overlay > :global(.ant-popover-container) {\n padding: 0 !important;\n}\n.columns-control-overlay :global(.ant-popover-arrow) {\n display: none;\n}\n.columns-control-overlay :global(.ant-popover-inner-content),\n.columns-control-overlay :global(.ant-popover-inner),\n.columns-control-overlay :global(.ant-popover-container),\n.columns-control-overlay :global(.ant-popover-content) {\n padding: 0 !important;\n}\n\n.header-col:hover :global(.table-cell-resize-bar) {\n visibility: visible;\n}\n.header-col:global(.is-moving) :global(.table-cell-resize-bar) {\n visibility: visible;\n}\n\n.header-cell-inner {\n position: relative;\n display: block;\n width: 100%;\n}",".table-toolbar-section {\n border-bottom: 1px solid #f0f0f0;\n}\n.table-toolbar-section.has-value-display .table-toolbar {\n padding-bottom: 0;\n}\n.table-toolbar-section.has-value-display .table-toolbar-value-display {\n padding-top: 0;\n}\n.table-toolbar-section.has-value-display .table-toolbar-value-display :global(.filter-title),\n.table-toolbar-section.has-value-display .table-toolbar-value-display :global(.filter-value-display),\n.table-toolbar-section.has-value-display .table-toolbar-value-display > :global(.ant-space) {\n border-bottom: none !important;\n padding-top: 0 !important;\n margin-top: 0 !important;\n}\n.table-toolbar-section.has-value-display .table-toolbar-value-display :global(.filter-line) {\n border-bottom: none !important;\n}\n\n.table-toolbar {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 8px 16px;\n background: var(--bg-color-white, #ffffff);\n}\n\n.table-toolbar-batch,\n.table-toolbar-search {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n}\n\n.table-toolbar-batch-btn {\n border: none !important;\n box-shadow: none !important;\n background: var(--bg-color-grey-1, #f5f5f5) !important;\n}\n.table-toolbar-batch-btn:not(:disabled):hover {\n border: none !important;\n background: var(--bg-color-grey-2, #f0f0f0) !important;\n color: var(--font-color, rgba(0, 0, 0, 0.88)) !important;\n}\n.table-toolbar-batch-btn:disabled {\n border: none !important;\n background: var(--bg-color-grey-1, #f5f5f5) !important;\n color: var(--font-color-grey-2, #cccccc) !important;\n}\n\n.table-toolbar-search :global(.ant-input-search) {\n background: var(--bg-color-grey-1, #f5f5f5);\n border-radius: var(--radius-default, 2px);\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-affix-wrapper),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input) {\n border: none !important;\n box-shadow: none !important;\n background: transparent !important;\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-affix-wrapper:hover),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-affix-wrapper-focused),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-affix-wrapper-focused-within),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input:hover),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input:focus) {\n border: none !important;\n box-shadow: none !important;\n background: transparent !important;\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-search-btn),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-search-button),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-btn) {\n border: none !important;\n box-shadow: none !important;\n background: transparent !important;\n color: var(--font-color-grey, #666) !important;\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-search-btn):not(:disabled):hover,\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-search-button):not(:disabled):hover,\n.table-toolbar-search :global(.ant-input-search) :global(.ant-btn):not(:disabled):hover {\n border: none !important;\n box-shadow: none !important;\n background: var(--bg-color-grey-2, #f0f0f0) !important;\n color: var(--font-color, rgba(0, 0, 0, 0.88)) !important;\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-group-addon) {\n border: none !important;\n background: transparent !important;\n padding: 0;\n}\n\n.table-toolbar-filter {\n flex: 1;\n min-width: 0;\n display: flex;\n align-items: center;\n}\n\n.table-toolbar-divider {\n flex-shrink: 0;\n width: 1px;\n align-self: center;\n height: 16px;\n background: #f0f0f0;\n}\n\n.table-toolbar-filter-inner {\n width: 100%;\n}\n.table-toolbar-filter-inner :global(.filter-title) {\n width: 100%;\n padding: 0 !important;\n margin: 0 !important;\n line-height: 24px !important;\n border-bottom: none !important;\n}\n.table-toolbar-filter-inner :global(.filter-title > .ant-space-item:first-child) {\n display: none !important;\n}\n.table-toolbar-filter-inner :global(.filter-label) {\n display: none !important;\n}\n.table-toolbar-filter-inner :global(.filter-list) {\n width: 100%;\n}\n.table-toolbar-filter-inner :global(.filter-line) {\n min-height: 24px;\n gap: 8px;\n}\n.table-toolbar-filter-inner :global(.filter-item-wrap) {\n height: 24px;\n}\n.table-toolbar-filter-inner :global(.filter-item) {\n height: 24px;\n padding: 0 8px;\n}\n.table-toolbar-filter-inner :global(.filter-item) :global(.ant-space-item) {\n line-height: 24px;\n}\n.table-toolbar-filter-inner :global(.filter-item-label) {\n line-height: 24px;\n}\n\n.table-toolbar-value-display {\n background: var(--bg-color-white, #ffffff);\n}\n.table-toolbar-value-display :global(.filter-value-display),\n.table-toolbar-value-display :global(.filter-title) {\n padding: 0 16px 6px !important;\n margin-top: 0 !important;\n line-height: 22px !important;\n border-bottom: none !important;\n gap: 8px !important;\n}\n.table-toolbar-value-display :global(.filter-value-display .filter-label) {\n line-height: 22px;\n}\n.table-toolbar-value-display :global(.filter-value-display .filter-line) {\n min-height: 22px;\n gap: 6px;\n}\n.table-toolbar-value-display :global(.filter-value-tag) {\n margin-inline-end: 0;\n}"]}
|
package/dist/index.js
CHANGED
|
@@ -18,7 +18,6 @@ var findLastIndex = require('lodash/findLastIndex');
|
|
|
18
18
|
var isEqual = require('lodash/isEqual');
|
|
19
19
|
var useDebounce = require('use-debounce');
|
|
20
20
|
var reactSortablejs = require('react-sortablejs');
|
|
21
|
-
var set = require('lodash/set');
|
|
22
21
|
var cloneDeep = require('lodash/cloneDeep');
|
|
23
22
|
var reactIntl = require('@kne/react-intl');
|
|
24
23
|
var filterZhCN = require('@kne/react-filter/dist/locale/zh-CN');
|
|
@@ -39,7 +38,6 @@ var useRefCallback__default = /*#__PURE__*/_interopDefaultLegacy(useRefCallback)
|
|
|
39
38
|
var pick__default = /*#__PURE__*/_interopDefaultLegacy(pick);
|
|
40
39
|
var findLastIndex__default = /*#__PURE__*/_interopDefaultLegacy(findLastIndex);
|
|
41
40
|
var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
|
|
42
|
-
var set__default = /*#__PURE__*/_interopDefaultLegacy(set);
|
|
43
41
|
var cloneDeep__default = /*#__PURE__*/_interopDefaultLegacy(cloneDeep);
|
|
44
42
|
var filterZhCN__default = /*#__PURE__*/_interopDefaultLegacy(filterZhCN);
|
|
45
43
|
var filterEnUS__default = /*#__PURE__*/_interopDefaultLegacy(filterEnUS);
|
|
@@ -1360,6 +1358,20 @@ const useSort = function (props) {
|
|
|
1360
1358
|
};
|
|
1361
1359
|
useSort.sortDataSource = sortDataSource;
|
|
1362
1360
|
|
|
1361
|
+
const getColumnConfig = (config, columnName, field, defaultValue) => {
|
|
1362
|
+
const columnConfig = config?.[columnName];
|
|
1363
|
+
if (columnConfig != null && columnConfig[field] !== undefined) {
|
|
1364
|
+
return columnConfig[field];
|
|
1365
|
+
}
|
|
1366
|
+
const legacyValue = get__default["default"](config, `${columnName}.${field}`);
|
|
1367
|
+
return legacyValue === undefined ? defaultValue : legacyValue;
|
|
1368
|
+
};
|
|
1369
|
+
const setColumnConfig = (config, columnName, updates) => {
|
|
1370
|
+
return Object.assign({}, config, {
|
|
1371
|
+
[columnName]: Object.assign({}, config?.[columnName], updates)
|
|
1372
|
+
});
|
|
1373
|
+
};
|
|
1374
|
+
|
|
1363
1375
|
var configStyle = {"cell-resize-bar":"kne-table-page_PNaAP","table-changer-setting":"kne-table-page_B0U-O","is-active":"kne-table-page_vHrQo","table-config-header":"kne-table-page_Zp8MN","table-config-header-title":"kne-table-page_Pc6jR","columns-control-content":"kne-table-page_saJmr","columns-control-content-title":"kne-table-page_YmHni","columns-control-content-scroller":"kne-table-page_rgqWB","columns-control-sortable-list":"kne-table-page_JRcBW","columns-control-content-footer":"kne-table-page_nLwW1","columns-control-content-input":"kne-table-page_9qyJs","columns-control-content-list":"kne-table-page_Sslzr","columns-control-content-item":"kne-table-page_7CamD","is-drag":"kne-table-page_X18rq","columns-control-content-item-icon":"kne-table-page_Eab-e","columns-control-overlay":"kne-table-page_eT4HV","header-col":"kne-table-page_bjDly","header-cell-inner":"kne-table-page_9FKgD"};
|
|
1364
1376
|
|
|
1365
1377
|
const locale$1 = {
|
|
@@ -1449,9 +1461,9 @@ const ColumnsControlContent = withLocale(({
|
|
|
1449
1461
|
if (item.fixed === true || item.fixed === 'left') {
|
|
1450
1462
|
return 'leftFixedColumns';
|
|
1451
1463
|
}
|
|
1452
|
-
return
|
|
1464
|
+
return getColumnConfig(config, item.name, 'visible') !== true && item.hidden || getColumnConfig(config, item.name, 'visible') === false ? 'hiddenColumns' : 'visibleColumns';
|
|
1453
1465
|
})), (result, value, key) => {
|
|
1454
|
-
result[key] = value.sort((a, b) =>
|
|
1466
|
+
result[key] = value.sort((a, b) => getColumnConfig(config, a.name, 'rank', 0) - getColumnConfig(config, b.name, 'rank', 0));
|
|
1455
1467
|
}, {});
|
|
1456
1468
|
}, [columns, config]);
|
|
1457
1469
|
const sortableVisibleColumns = react.useMemo(() => {
|
|
@@ -1463,10 +1475,14 @@ const ColumnsControlContent = withLocale(({
|
|
|
1463
1475
|
const newConfig = cloneDeep__default["default"](config);
|
|
1464
1476
|
const columnsList = [].concat(columnsState.leftFixedColumns, columnsState.visibleColumns, columnsState.rightFixedColumns);
|
|
1465
1477
|
(columnsState.hiddenColumns || []).forEach(col => {
|
|
1466
|
-
|
|
1478
|
+
Object.assign(newConfig, setColumnConfig(newConfig, col.name, {
|
|
1479
|
+
visible: false
|
|
1480
|
+
}));
|
|
1467
1481
|
});
|
|
1468
1482
|
columnsList.forEach((col, index) => {
|
|
1469
|
-
|
|
1483
|
+
Object.assign(newConfig, setColumnConfig(newConfig, col.name, {
|
|
1484
|
+
rank: index + 1
|
|
1485
|
+
}));
|
|
1470
1486
|
});
|
|
1471
1487
|
onChange(newConfig);
|
|
1472
1488
|
};
|
|
@@ -1833,8 +1849,8 @@ const useTableConfig = _ref2 => {
|
|
|
1833
1849
|
}
|
|
1834
1850
|
}, [name, controllerOpen, tableServerApis]);
|
|
1835
1851
|
const visibleColumns = react.useMemo(() => {
|
|
1836
|
-
return columns.filter(col => !(
|
|
1837
|
-
const computedIndex = item =>
|
|
1852
|
+
return columns.filter(col => !(getColumnConfig(config, col.name, 'visible') === false || getColumnConfig(config, col.name, 'visible') !== true && col.hidden === true)).sort((a, b) => {
|
|
1853
|
+
const computedIndex = item => getColumnConfig(config, item.name, 'rank', 0) + (item.fixed === 'left' || item.fixed === true ? -10000 : 0) + (item.fixed === 'right' ? 10000 : 0);
|
|
1838
1854
|
return computedIndex(a) - computedIndex(b);
|
|
1839
1855
|
});
|
|
1840
1856
|
}, [columns, config]);
|
|
@@ -1847,7 +1863,7 @@ const useTableConfig = _ref2 => {
|
|
|
1847
1863
|
return visibleColumns.reduce((sum, col, index) => {
|
|
1848
1864
|
const _getColumnSize = getColumnSize(col),
|
|
1849
1865
|
width = _getColumnSize.width;
|
|
1850
|
-
const contentWidth =
|
|
1866
|
+
const contentWidth = getColumnConfig(config, col.name, 'width') || width;
|
|
1851
1867
|
return sum + withConfigColumnExtra(contentWidth, index, columnCount, controllerOpen);
|
|
1852
1868
|
}, 0);
|
|
1853
1869
|
}, [visibleColumns, config, columnCount, controllerOpen]);
|
|
@@ -1868,7 +1884,7 @@ const useTableConfig = _ref2 => {
|
|
|
1868
1884
|
width = _getColumnSize2.width,
|
|
1869
1885
|
min = _getColumnSize2.min,
|
|
1870
1886
|
max = _getColumnSize2.max;
|
|
1871
|
-
const currentWidth = Math.min(Math.max(
|
|
1887
|
+
const currentWidth = Math.min(Math.max(getColumnConfig(config, column.name, 'width') || width, min), max);
|
|
1872
1888
|
return {
|
|
1873
1889
|
currentWidth,
|
|
1874
1890
|
min,
|
|
@@ -3139,29 +3155,47 @@ TableView.useSelectedRow = useSelectedRow;
|
|
|
3139
3155
|
TableView.useSort = useSort;
|
|
3140
3156
|
TableView.sortDataSource = useSort.sortDataSource;
|
|
3141
3157
|
|
|
3142
|
-
var style$1 = {"table-page":"kne-table-page_ut9rJ","table-content":"kne-table-page_dxN6N","table-with-toolbar":"kne-table-page_sf06r","has-summary":"kne-table-page_IRdzb","table-in-toolbar":"kne-table-page_sawIT","pagination":"kne-table-page_DSTEf","total_text":"kne-table-page_pJhKr","floating-scrollbar":"kne-table-page_iu8E1","floating-scrollbar-thumb":"kne-table-page_RjZsu","is-moving":"kne-table-page_y-4Ou"};
|
|
3158
|
+
var style$1 = {"table-page":"kne-table-page_ut9rJ","table-content":"kne-table-page_dxN6N","table-with-toolbar":"kne-table-page_sf06r","has-summary":"kne-table-page_IRdzb","table-in-toolbar":"kne-table-page_sawIT","pagination":"kne-table-page_DSTEf","total_text":"kne-table-page_pJhKr","floating-scrollbar":"kne-table-page_iu8E1","floating-scrollbar-embedded":"kne-table-page_PIv-C","floating-scrollbar-thumb":"kne-table-page_RjZsu","is-moving":"kne-table-page_y-4Ou"};
|
|
3143
3159
|
|
|
3144
3160
|
const BAR_HEIGHT = 15;
|
|
3145
3161
|
const THUMB_MARGIN = 2;
|
|
3146
3162
|
const computeBarMetrics = (scrollEl, viewportState, getPortalContainer) => {
|
|
3147
3163
|
const rect = scrollEl.getBoundingClientRect();
|
|
3148
3164
|
const portalContainer = typeof getPortalContainer === 'function' ? getPortalContainer() : null;
|
|
3149
|
-
const
|
|
3150
|
-
const viewport = getViewportRect();
|
|
3151
|
-
const anchorRect = useContainerScroll ? portalContainer.getBoundingClientRect() : viewport;
|
|
3165
|
+
const useEmbeddedPlacement = !isDocumentScrollContainer(portalContainer);
|
|
3152
3166
|
const trackWidth = rect.width;
|
|
3153
3167
|
const thumbWidth = Math.max(trackWidth * scrollEl.clientWidth / scrollEl.scrollWidth - THUMB_MARGIN * 2, 24);
|
|
3154
3168
|
const maxThumbOffset = trackWidth - thumbWidth - THUMB_MARGIN * 2;
|
|
3155
3169
|
const scrollRatio = scrollEl.scrollWidth > scrollEl.clientWidth ? scrollEl.scrollLeft / (scrollEl.scrollWidth - scrollEl.clientWidth) : 0;
|
|
3170
|
+
const visible = shouldShowFloatingScrollbar(scrollEl, viewportState, getPortalContainer);
|
|
3171
|
+
if (useEmbeddedPlacement) {
|
|
3172
|
+
const containerRect = portalContainer.getBoundingClientRect();
|
|
3173
|
+
return {
|
|
3174
|
+
placement: 'embedded',
|
|
3175
|
+
offsetLeft: Math.round(rect.left - containerRect.left),
|
|
3176
|
+
width: Math.round(trackWidth),
|
|
3177
|
+
thumbWidth,
|
|
3178
|
+
thumbLeft: THUMB_MARGIN + maxThumbOffset * scrollRatio,
|
|
3179
|
+
visible
|
|
3180
|
+
};
|
|
3181
|
+
}
|
|
3182
|
+
const viewport = getViewportRect();
|
|
3156
3183
|
return {
|
|
3157
|
-
|
|
3158
|
-
|
|
3159
|
-
|
|
3184
|
+
placement: 'fixed',
|
|
3185
|
+
left: Math.round(rect.left),
|
|
3186
|
+
width: Math.round(trackWidth),
|
|
3187
|
+
bottom: window.innerHeight - viewport.bottom,
|
|
3160
3188
|
thumbWidth,
|
|
3161
3189
|
thumbLeft: THUMB_MARGIN + maxThumbOffset * scrollRatio,
|
|
3162
|
-
visible
|
|
3190
|
+
visible
|
|
3163
3191
|
};
|
|
3164
3192
|
};
|
|
3193
|
+
const metricsEqual = (prev, next) => {
|
|
3194
|
+
if (!prev || !next) {
|
|
3195
|
+
return prev === next;
|
|
3196
|
+
}
|
|
3197
|
+
return prev.placement === next.placement && prev.visible === next.visible && prev.width === next.width && prev.thumbWidth === next.thumbWidth && prev.thumbLeft === next.thumbLeft && (prev.placement === 'embedded' ? prev.offsetLeft === next.offsetLeft : prev.left === next.left && prev.bottom === next.bottom);
|
|
3198
|
+
};
|
|
3165
3199
|
const FloatingScrollBar = ({
|
|
3166
3200
|
metrics,
|
|
3167
3201
|
onThumbDrag,
|
|
@@ -3196,10 +3230,18 @@ const FloatingScrollBar = ({
|
|
|
3196
3230
|
if (!metrics?.visible) {
|
|
3197
3231
|
return null;
|
|
3198
3232
|
}
|
|
3199
|
-
const
|
|
3233
|
+
const portalContainer = typeof getPortalContainer === 'function' ? getPortalContainer() : null;
|
|
3234
|
+
const useEmbeddedPlacement = metrics.placement === 'embedded';
|
|
3235
|
+
const portalTarget = useEmbeddedPlacement && portalContainer ? portalContainer : document.body;
|
|
3200
3236
|
return /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
3201
|
-
className: classnames__default["default"](style$1['floating-scrollbar'], 'table-page-floating-scrollbar'
|
|
3202
|
-
|
|
3237
|
+
className: classnames__default["default"](style$1['floating-scrollbar'], 'table-page-floating-scrollbar', {
|
|
3238
|
+
[style$1['floating-scrollbar-embedded']]: useEmbeddedPlacement
|
|
3239
|
+
}),
|
|
3240
|
+
style: useEmbeddedPlacement ? {
|
|
3241
|
+
marginLeft: metrics.offsetLeft,
|
|
3242
|
+
width: metrics.width,
|
|
3243
|
+
height: BAR_HEIGHT
|
|
3244
|
+
} : {
|
|
3203
3245
|
left: metrics.left,
|
|
3204
3246
|
width: metrics.width,
|
|
3205
3247
|
height: BAR_HEIGHT,
|
|
@@ -3231,6 +3273,7 @@ const HorizontalScroller = /*#__PURE__*/react.forwardRef(({
|
|
|
3231
3273
|
const containerRef = react.useRef(null);
|
|
3232
3274
|
const scrollElRef = react.useRef(null);
|
|
3233
3275
|
const viewportStateRef = react.useRef(null);
|
|
3276
|
+
const metricsRef = react.useRef(null);
|
|
3234
3277
|
const setContainerRef = useRefCallback__default["default"](node => {
|
|
3235
3278
|
containerRef.current = node;
|
|
3236
3279
|
if (typeof forwardedRef === 'function') {
|
|
@@ -3242,10 +3285,16 @@ const HorizontalScroller = /*#__PURE__*/react.forwardRef(({
|
|
|
3242
3285
|
const updateMetrics = useRefCallback__default["default"](() => {
|
|
3243
3286
|
const scrollEl = scrollElRef.current;
|
|
3244
3287
|
if (!scrollEl) {
|
|
3288
|
+
metricsRef.current = null;
|
|
3245
3289
|
setMetrics(null);
|
|
3246
3290
|
return;
|
|
3247
3291
|
}
|
|
3248
|
-
|
|
3292
|
+
const nextMetrics = computeBarMetrics(scrollEl, viewportStateRef.current, getPortalContainer);
|
|
3293
|
+
if (metricsEqual(metricsRef.current, nextMetrics)) {
|
|
3294
|
+
return;
|
|
3295
|
+
}
|
|
3296
|
+
metricsRef.current = nextMetrics;
|
|
3297
|
+
setMetrics(nextMetrics);
|
|
3249
3298
|
});
|
|
3250
3299
|
const handleThumbDrag = useRefCallback__default["default"](deltaX => {
|
|
3251
3300
|
const scrollEl = scrollElRef.current;
|
|
@@ -3266,6 +3315,7 @@ const HorizontalScroller = /*#__PURE__*/react.forwardRef(({
|
|
|
3266
3315
|
if (!enabled) {
|
|
3267
3316
|
scrollElRef.current = null;
|
|
3268
3317
|
viewportStateRef.current = null;
|
|
3318
|
+
metricsRef.current = null;
|
|
3269
3319
|
setMetrics(null);
|
|
3270
3320
|
return undefined;
|
|
3271
3321
|
}
|
|
@@ -3276,6 +3326,8 @@ const HorizontalScroller = /*#__PURE__*/react.forwardRef(({
|
|
|
3276
3326
|
let scrollEl = null;
|
|
3277
3327
|
let unobserveViewport = null;
|
|
3278
3328
|
let contentResizeObserver = null;
|
|
3329
|
+
const portalContainer = typeof getPortalContainer === 'function' ? getPortalContainer() : null;
|
|
3330
|
+
const useEmbeddedPlacement = !isDocumentScrollContainer(portalContainer);
|
|
3279
3331
|
const detachScrollEl = () => {
|
|
3280
3332
|
unobserveViewport?.();
|
|
3281
3333
|
unobserveViewport = null;
|
|
@@ -3296,10 +3348,12 @@ const HorizontalScroller = /*#__PURE__*/react.forwardRef(({
|
|
|
3296
3348
|
detachScrollEl();
|
|
3297
3349
|
scrollEl = nextScrollEl;
|
|
3298
3350
|
scrollElRef.current = scrollEl;
|
|
3299
|
-
|
|
3300
|
-
|
|
3301
|
-
|
|
3302
|
-
|
|
3351
|
+
if (!useEmbeddedPlacement) {
|
|
3352
|
+
unobserveViewport = observeViewportIntersection(scrollEl, state => {
|
|
3353
|
+
viewportStateRef.current = state;
|
|
3354
|
+
updateMetrics();
|
|
3355
|
+
});
|
|
3356
|
+
}
|
|
3303
3357
|
scrollEl.addEventListener('scroll', updateMetrics, {
|
|
3304
3358
|
passive: true
|
|
3305
3359
|
});
|
|
@@ -3316,16 +3370,36 @@ const HorizontalScroller = /*#__PURE__*/react.forwardRef(({
|
|
|
3316
3370
|
const containerResizeObserver = new ResizeObserver(onLayoutChange);
|
|
3317
3371
|
containerResizeObserver.observe(root);
|
|
3318
3372
|
onLayoutChange();
|
|
3319
|
-
const
|
|
3320
|
-
|
|
3373
|
+
const onWindowChange = () => {
|
|
3374
|
+
if (!useEmbeddedPlacement) {
|
|
3375
|
+
updateMetrics();
|
|
3376
|
+
}
|
|
3377
|
+
};
|
|
3378
|
+
if (!useEmbeddedPlacement) {
|
|
3379
|
+
window.addEventListener('scroll', onWindowChange, true);
|
|
3380
|
+
window.addEventListener('resize', onWindowChange);
|
|
3381
|
+
window.visualViewport?.addEventListener('resize', onWindowChange);
|
|
3382
|
+
window.visualViewport?.addEventListener('scroll', onWindowChange);
|
|
3383
|
+
}
|
|
3384
|
+
if (useEmbeddedPlacement && portalContainer) {
|
|
3321
3385
|
portalContainer.addEventListener('scroll', updateMetrics, {
|
|
3322
3386
|
passive: true
|
|
3323
3387
|
});
|
|
3388
|
+
window.addEventListener('resize', updateMetrics);
|
|
3324
3389
|
}
|
|
3325
3390
|
return () => {
|
|
3326
3391
|
detachScrollEl();
|
|
3327
3392
|
containerResizeObserver.disconnect();
|
|
3328
|
-
|
|
3393
|
+
if (!useEmbeddedPlacement) {
|
|
3394
|
+
window.removeEventListener('scroll', onWindowChange, true);
|
|
3395
|
+
window.removeEventListener('resize', onWindowChange);
|
|
3396
|
+
window.visualViewport?.removeEventListener('resize', onWindowChange);
|
|
3397
|
+
window.visualViewport?.removeEventListener('scroll', onWindowChange);
|
|
3398
|
+
}
|
|
3399
|
+
if (useEmbeddedPlacement && portalContainer) {
|
|
3400
|
+
portalContainer.removeEventListener('scroll', updateMetrics);
|
|
3401
|
+
window.removeEventListener('resize', updateMetrics);
|
|
3402
|
+
}
|
|
3329
3403
|
};
|
|
3330
3404
|
}, [enabled, updateMetrics, getPortalContainer]);
|
|
3331
3405
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|