@kdcloudjs/table 1.1.3-canary.4 → 1.1.3-canary.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/dist/@kdcloudjs/table.css +1 -1
- package/dist/@kdcloudjs/table.js +153 -48
- package/dist/@kdcloudjs/table.js.map +1 -1
- package/dist/@kdcloudjs/table.min.css +1 -1
- package/dist/@kdcloudjs/table.min.js +5 -5
- package/dist/@kdcloudjs/table.min.js.map +1 -1
- package/es/table/base/helpers/TableDOMUtils.d.ts +2 -0
- package/es/table/base/helpers/TableDOMUtils.js +48 -12
- package/es/table/base/helpers/getRichVisibleRectsStream.js +1 -1
- package/es/table/base/styles.js +1 -1
- package/es/table/base/table.d.ts +0 -1
- package/es/table/base/table.js +9 -24
- package/es/table/pipeline/features/index.d.ts +1 -0
- package/es/table/pipeline/features/index.js +2 -1
- package/es/table/pipeline/features/mergeCellHover.d.ts +2 -0
- package/es/table/pipeline/features/mergeCellHover.js +32 -0
- package/lib/table/base/helpers/TableDOMUtils.d.ts +2 -0
- package/lib/table/base/helpers/TableDOMUtils.js +51 -12
- package/lib/table/base/helpers/getRichVisibleRectsStream.js +1 -1
- package/lib/table/base/styles.js +1 -1
- package/lib/table/base/table.d.ts +0 -1
- package/lib/table/base/table.js +9 -24
- package/lib/table/pipeline/features/index.d.ts +1 -0
- package/lib/table/pipeline/features/index.js +9 -1
- package/lib/table/pipeline/features/mergeCellHover.d.ts +2 -0
- package/lib/table/pipeline/features/mergeCellHover.js +43 -0
- package/package.json +1 -1
package/dist/@kdcloudjs/table.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
*
|
|
3
|
-
* @kdcloudjs/table v1.1.3-canary.
|
|
3
|
+
* @kdcloudjs/table v1.1.3-canary.5
|
|
4
4
|
*
|
|
5
5
|
* Copyright 2020-present, Kingdee, Inc.
|
|
6
6
|
* All rights reserved.
|
|
@@ -1862,9 +1862,18 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1862
1862
|
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__);
|
|
1863
1863
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
|
|
1864
1864
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__);
|
|
1865
|
-
/* harmony import */ var
|
|
1866
|
-
/* harmony import */ var
|
|
1867
|
-
/* harmony import */ var
|
|
1865
|
+
/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.array.slice.js */ "./node_modules/core-js/modules/es.array.slice.js");
|
|
1866
|
+
/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_3__);
|
|
1867
|
+
/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.array.from.js */ "./node_modules/core-js/modules/es.array.from.js");
|
|
1868
|
+
/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_4__);
|
|
1869
|
+
/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.string.iterator.js */ "./node_modules/core-js/modules/es.string.iterator.js");
|
|
1870
|
+
/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_5__);
|
|
1871
|
+
/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
|
|
1872
|
+
/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_6__);
|
|
1873
|
+
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../styles */ "./components/table/base/styles.ts");
|
|
1874
|
+
|
|
1875
|
+
|
|
1876
|
+
|
|
1868
1877
|
|
|
1869
1878
|
|
|
1870
1879
|
|
|
@@ -1909,6 +1918,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1909
1918
|
|
|
1910
1919
|
var TableDOMHelper = /*#__PURE__*/function () {
|
|
1911
1920
|
function TableDOMHelper(artTableWrapper) {
|
|
1921
|
+
var _this = this;
|
|
1922
|
+
|
|
1912
1923
|
_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this, TableDOMHelper);
|
|
1913
1924
|
|
|
1914
1925
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(this, "artTableWrapper", void 0);
|
|
@@ -1933,58 +1944,89 @@ var TableDOMHelper = /*#__PURE__*/function () {
|
|
|
1933
1944
|
|
|
1934
1945
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(this, "tableFooterMain", void 0);
|
|
1935
1946
|
|
|
1947
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(this, "getRowNodeListByEvent", function (e) {
|
|
1948
|
+
var nodeList = null;
|
|
1949
|
+
var rowIndex = e.currentTarget.dataset.rowindex;
|
|
1950
|
+
|
|
1951
|
+
if (rowIndex !== undefined) {
|
|
1952
|
+
var targetParent = _this.tableBody.contains(e.currentTarget) ? _this.tableBody : _this.tableFooter;
|
|
1953
|
+
nodeList = targetParent.querySelectorAll("tr[data-rowindex=\"".concat(rowIndex, "\"]"));
|
|
1954
|
+
}
|
|
1955
|
+
|
|
1956
|
+
return nodeList;
|
|
1957
|
+
});
|
|
1958
|
+
|
|
1959
|
+
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(this, "getInRangeRowByCellEvent", function (e) {
|
|
1960
|
+
var _e, _getParentNode;
|
|
1961
|
+
|
|
1962
|
+
var getParentNode = function getParentNode(ele, target) {
|
|
1963
|
+
if (ele.parentNode.nodeName === target) {
|
|
1964
|
+
return ele.parentNode;
|
|
1965
|
+
}
|
|
1966
|
+
|
|
1967
|
+
return getParentNode(ele.parentNode, target);
|
|
1968
|
+
};
|
|
1969
|
+
|
|
1970
|
+
e = e instanceof Array ? e[0] : e;
|
|
1971
|
+
var curCell = (_e = e) === null || _e === void 0 ? void 0 : _e.currentTarget;
|
|
1972
|
+
var curRow = getParentNode(curCell, 'TR');
|
|
1973
|
+
var curRowSpan = parseInt(e.currentTarget.getAttribute('rowspan')) || 1;
|
|
1974
|
+
var rows = (_getParentNode = getParentNode(curCell, 'TABLE')) === null || _getParentNode === void 0 ? void 0 : _getParentNode.rows;
|
|
1975
|
+
return Array.from(rows).slice(curRow.rowIndex, curRow.rowIndex + curRowSpan);
|
|
1976
|
+
});
|
|
1977
|
+
|
|
1936
1978
|
this.artTableWrapper = artTableWrapper;
|
|
1937
|
-
this.artTable = artTableWrapper.querySelector(".".concat(
|
|
1938
|
-
this.tableHeader = this.artTable.querySelector(".".concat(
|
|
1939
|
-
this.tableHeaderMain = this.artTable.querySelector(".".concat(
|
|
1940
|
-
this.tableBody = this.artTable.querySelector(".".concat(
|
|
1941
|
-
this.virtual = this.artTable.querySelector(".".concat(
|
|
1942
|
-
this.tableElement = this.artTable.querySelector(".".concat(
|
|
1943
|
-
this.tableFooter = this.artTable.querySelector(".".concat(
|
|
1944
|
-
this.tableFooterMain = this.artTable.querySelector(".".concat(
|
|
1945
|
-
var stickyScrollSelector = ".".concat(
|
|
1979
|
+
this.artTable = artTableWrapper.querySelector(".".concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].artTable));
|
|
1980
|
+
this.tableHeader = this.artTable.querySelector(".".concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].tableHeader));
|
|
1981
|
+
this.tableHeaderMain = this.artTable.querySelector(".".concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].tableHeaderMain));
|
|
1982
|
+
this.tableBody = this.artTable.querySelector(".".concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].tableBody));
|
|
1983
|
+
this.virtual = this.artTable.querySelector(".".concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].virtual));
|
|
1984
|
+
this.tableElement = this.artTable.querySelector(".".concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].tableBody, " table"));
|
|
1985
|
+
this.tableFooter = this.artTable.querySelector(".".concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].tableFooter));
|
|
1986
|
+
this.tableFooterMain = this.artTable.querySelector(".".concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].tableFooterMain));
|
|
1987
|
+
var stickyScrollSelector = ".".concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].artTable, " + .").concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].stickyScroll);
|
|
1946
1988
|
this.stickyScroll = artTableWrapper.querySelector(stickyScrollSelector);
|
|
1947
|
-
this.stickyScrollItem = this.stickyScroll.querySelector(".".concat(
|
|
1989
|
+
this.stickyScrollItem = this.stickyScroll.querySelector(".".concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].stickyScrollItem));
|
|
1948
1990
|
}
|
|
1949
1991
|
|
|
1950
1992
|
_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default()(TableDOMHelper, [{
|
|
1951
1993
|
key: "getVirtualTop",
|
|
1952
1994
|
value: function getVirtualTop() {
|
|
1953
|
-
return this.tableBody.querySelector(".".concat(
|
|
1995
|
+
return this.tableBody.querySelector(".".concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].virtualBlank, ".top"));
|
|
1954
1996
|
}
|
|
1955
1997
|
}, {
|
|
1956
1998
|
key: "getTableRows",
|
|
1957
1999
|
value: function getTableRows() {
|
|
1958
|
-
var tbody = this.artTable.querySelector(".".concat(
|
|
2000
|
+
var tbody = this.artTable.querySelector(".".concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].tableBody, " .").concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].virtual, " table tbody"));
|
|
1959
2001
|
return tbody.childNodes;
|
|
1960
2002
|
}
|
|
1961
2003
|
}, {
|
|
1962
2004
|
key: "getTableBodyHtmlTable",
|
|
1963
2005
|
value: function getTableBodyHtmlTable() {
|
|
1964
|
-
return this.artTable.querySelector(".".concat(
|
|
2006
|
+
return this.artTable.querySelector(".".concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].tableBody, " .").concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].virtual, " table"));
|
|
1965
2007
|
}
|
|
1966
2008
|
}, {
|
|
1967
2009
|
key: "getLeftLockShadow",
|
|
1968
2010
|
value: function getLeftLockShadow() {
|
|
1969
|
-
var selector = ".".concat(
|
|
2011
|
+
var selector = ".".concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].lockShadowMask, " .").concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].leftLockShadow);
|
|
1970
2012
|
return this.artTable.querySelector(selector);
|
|
1971
2013
|
}
|
|
1972
2014
|
}, {
|
|
1973
2015
|
key: "getRightLockShadow",
|
|
1974
2016
|
value: function getRightLockShadow() {
|
|
1975
|
-
var selector = ".".concat(
|
|
2017
|
+
var selector = ".".concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].lockShadowMask, " .").concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].rightLockShadow);
|
|
1976
2018
|
return this.artTable.querySelector(selector);
|
|
1977
2019
|
}
|
|
1978
2020
|
}, {
|
|
1979
2021
|
key: "getLoadingIndicator",
|
|
1980
2022
|
value: function getLoadingIndicator() {
|
|
1981
|
-
return this.artTableWrapper.querySelector(".".concat(
|
|
2023
|
+
return this.artTableWrapper.querySelector(".".concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].loadingIndicator));
|
|
1982
2024
|
}
|
|
1983
2025
|
}, {
|
|
1984
2026
|
key: "getRowTop",
|
|
1985
2027
|
value: function getRowTop(rowIndex) {
|
|
1986
2028
|
if (rowIndex === 0) return 0;
|
|
1987
|
-
var selector = ".".concat(
|
|
2029
|
+
var selector = ".".concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].tableBody, " .").concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].tableRow, "[data-rowindex=\"").concat(rowIndex, "\"]");
|
|
1988
2030
|
var row = this.artTable.querySelector(selector);
|
|
1989
2031
|
var rowOffsetTop = row && row.offsetTop || 0;
|
|
1990
2032
|
var tableOffsetTop = this.tableElement.offsetTop || 0;
|
|
@@ -2043,7 +2085,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
2043
2085
|
|
|
2044
2086
|
|
|
2045
2087
|
function isWindow(arg) {
|
|
2046
|
-
return arg.toString() === '[object Window]';
|
|
2088
|
+
return arg.toString() === '[object Window]' || arg.toString() === '[object global]';
|
|
2047
2089
|
}
|
|
2048
2090
|
|
|
2049
2091
|
function isBody(arg) {
|
|
@@ -3314,7 +3356,7 @@ var defaultCSSVariables = {
|
|
|
3314
3356
|
'--header-cell-border-horizontal': '1px solid #dfe3e8'
|
|
3315
3357
|
};
|
|
3316
3358
|
var variableConst = getCssVariableText(defaultCSSVariables);
|
|
3317
|
-
var StyledArtTableWrapper = styled_components__WEBPACK_IMPORTED_MODULE_4__["default"].div(_templateObject2 || (_templateObject2 = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n :root {\n ", "\n }\n ", "\n\n box-sizing: border-box;\n * {\n box-sizing: border-box;\n }\n cursor: default;\n color: var(--color);\n font-size: var(--font-size);\n line-height: var(--line-height);\n position: relative;\n\n // \u8868\u683C\u5916\u8FB9\u6846\u7531 art-table-wrapper \u63D0\u4F9B\uFF0C\u800C\u4E0D\u662F\u7531\u5355\u5143\u683C\u63D0\u4F9B\n &.use-outer-border {\n ", ";\n }\n\n .no-scrollbar {\n ::-webkit-scrollbar {\n display: none;\n }\n }\n\n .", " {\n overflow: auto;\n flex-shrink: 1;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n user-select:none;\n }\n\n .", " {\n overflow: hidden;\n background: var(--header-bgcolor);\n display: flex;\n flex-shrink: 0;\n border-bottom: var(--header-cell-border-horizontal);\n }\n\n .", " {\n display: flex;\n // justify-content: flex-start;\n align-items: center;\n height: inherit;\n }\n\n .", " {\n overflow-x:auto;\n flex-shrink: 0;\n flex-grow: 0;\n scrollbar-width: none; // \u517C\u5BB9\u706B\u72D0\n & {\n ::-webkit-scrollbar {\n display:none;\n }\n }\n }\n\n .", " {\n display: flex;\n flex: none;\n }\n .", ", .", " {\n background: var(--bgcolor);\n overflow: auto;\n overflow-x: hidden;\n overflow-anchor: none;\n position:relative;\n &.empty {\n position: relative;\n }\n }\n\n .", " {\n position: relative;\n }\n .", " {\n .", "{\n background-color: #e6effb !important;\n }\n .", "{\n border-top: 1px solid #0E5FD8 !important;\n }\n .", "{\n border-left: 1px solid #0E5FD8 !important;\n }\n .", "{\n border-bottom: 1px solid #0E5FD8 !important;\n }\n .", "{\n border-right: 1px solid #0E5FD8 !important;\n }\n }\n
|
|
3359
|
+
var StyledArtTableWrapper = styled_components__WEBPACK_IMPORTED_MODULE_4__["default"].div(_templateObject2 || (_templateObject2 = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n :root {\n ", "\n }\n ", "\n\n box-sizing: border-box;\n * {\n box-sizing: border-box;\n }\n cursor: default;\n color: var(--color);\n font-size: var(--font-size);\n line-height: var(--line-height);\n position: relative;\n\n // \u8868\u683C\u5916\u8FB9\u6846\u7531 art-table-wrapper \u63D0\u4F9B\uFF0C\u800C\u4E0D\u662F\u7531\u5355\u5143\u683C\u63D0\u4F9B\n &.use-outer-border {\n ", ";\n }\n\n .no-scrollbar {\n ::-webkit-scrollbar {\n display: none;\n }\n }\n\n .", " {\n overflow: auto;\n flex-shrink: 1;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n user-select:none;\n }\n\n .", " {\n overflow: hidden;\n background: var(--header-bgcolor);\n display: flex;\n flex-shrink: 0;\n border-bottom: var(--header-cell-border-horizontal);\n }\n\n .", " {\n display: flex;\n // justify-content: flex-start;\n align-items: center;\n height: inherit;\n }\n\n .", " {\n overflow-x:auto;\n flex-shrink: 0;\n flex-grow: 0;\n scrollbar-width: none; // \u517C\u5BB9\u706B\u72D0\n & {\n ::-webkit-scrollbar {\n display:none;\n }\n }\n }\n\n .", " {\n display: flex;\n flex: none;\n }\n .", ", .", " {\n background: var(--bgcolor);\n overflow: auto;\n overflow-x: hidden;\n overflow-anchor: none;\n position:relative;\n &.empty {\n position: relative;\n }\n }\n\n .", " {\n position: relative;\n }\n .", " {\n .", "{\n background-color: #e6effb !important;\n }\n .", "{\n border-top: 1px solid #0E5FD8 !important;\n }\n .", "{\n border-left: 1px solid #0E5FD8 !important;\n }\n .", "{\n border-bottom: 1px solid #0E5FD8 !important;\n }\n .", "{\n border-right: 1px solid #0E5FD8 !important;\n }\n }\n\n\n &.sticky-header .", " {\n position: sticky;\n top: 0;\n z-index: ", ";\n }\n\n &.sticky-footer .", " {\n position: sticky;\n bottom: 0;\n z-index: ", ";\n }\n\n table {\n width: 0;\n table-layout: fixed;\n border-collapse: separate;\n border-spacing: 0;\n display: table;\n margin: 0;\n padding: 0;\n flex-shrink: 0;\n flex-grow: 0;\n position:relative;\n }\n\n // \u5728 tr \u4E0A\u8BBE\u7F6E .no-hover \u53EF\u4EE5\u7981\u7528\u9F20\u6807\u60AC\u505C\u6548\u679C\n tr:not(.no-hover):hover > td {\n background: var(--hover-bgcolor);\n }\n // \u4F7F\u7528 js \u6DFB\u52A0\u60AC\u6D6E\u6548\u679C\n tr:not(.no-hover).row-hover > td {\n background: var(--hover-bgcolor);\n }\n // \u5728 tr \u8BBE\u7F6E highlight \u53EF\u4EE5\u4E3A\u5E95\u4E0B\u7684 td \u8BBE\u7F6E\u4E3A\u9AD8\u4EAE\u8272\n // \u800C\u8BBE\u7F6E .no-highlight \u7684\u8BDD\u5219\u53EF\u4EE5\u7981\u7528\u9AD8\u4EAE\u6548\u679C\uFF1B\n tr:not(.no-highlight).highlight > td {\n background: var(--highlight-bgcolor);\n }\n\n th {\n font-weight: normal;\n text-align: left;\n padding: var(--cell-padding);\n height: var(--header-row-height);\n color: var(--header-color);\n background: var(--header-bgcolor);\n border:1px solid transparent;\n border-right: var(--header-cell-border-vertical);\n border-bottom: var(--header-cell-border-horizontal);\n position: relative;\n }\n\n th.resizeable{\n border-right:none\n }\n\n th.", " {\n border-right: none;\n border-bottom: none;\n }\n\n tr.", " th {\n border-top: var(--header-cell-border-horizontal);\n }\n th.", " {\n border-left: var(--header-cell-border-vertical);\n }\n\n td {\n padding: var(--cell-padding);\n background: var(--bgcolor);\n height: var(--row-height);\n border:1px solid transparent;\n border-right: var(--cell-border-vertical);\n border-bottom: var(--cell-border-horizontal);\n word-break: break-all;\n }\n td.", " {\n border-left: var(--cell-border-vertical);\n }\n tr.", " td {\n border-top: var(--cell-border-horizontal);\n }\n &.has-header tbody tr.", " td {\n border-top: none;\n }\n &.has-footer tbody tr.", " td {\n border-bottom: none;\n }\n\n .", ",\n .", " {\n z-index: ", ";\n }\n\n //#region \u9501\u5217\u9634\u5F71\n .", " {\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: ", ";\n pointer-events: none;\n overflow: hidden;\n\n .", " {\n height: 100%;\n }\n\n .", " {\n margin-right: ", "px;\n box-shadow: none;\n\n &.show-shadow {\n box-shadow: var(--lock-shadow);\n border-right: var(--cell-border-vertical);\n }\n }\n\n .", " {\n margin-left: ", "px;\n box-shadow: none;\n\n &.show-shadow {\n box-shadow: var(--lock-shadow);\n border-left: var(--cell-border-vertical);\n }\n }\n }\n //#endregion\n\n //#region \u7A7A\u8868\u683C\u5C55\u73B0\n .", " {\n pointer-events: none;\n color: #99a3b3;\n font-size: 12px;\n text-align: center;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n\n .empty-image {\n width: 50px;\n height: 50px;\n }\n\n .empty-tips {\n margin-top: 16px;\n line-height: 1.5;\n }\n }\n //#endregion\n\n //#region IE\u517C\u5BB9\n &.ie-polyfill-wrapper {\n //\u9501\u5B9A\u5217\u517C\u5BB9 \u4EC5\u5728\u9501\u5B9A\u5217\u7684\u60C5\u51B5\u4E0B\u751F\u6548\n .", " {\n overflow-x: hidden;\n }\n .", ", .", " {\n position:relative;\n }\n .", " {\n overflow: hidden;\n }\n .", " {\n position: relative;\n }\n\n .", " {\n overflow: auto;\n overflow-x: hidden;\n overflow-anchor: none;\n }\n\n .", ", .", "{\n position: absolute;\n z-index: ", ";\n top: 0;\n }\n .", "{\n left:0;\n }\n .", "{\n right:0;\n }\n\n .", "{\n .", "{\n position: absolute;\n top: 0;\n width: 100%;\n z-index: ", ";\n }\n }\n\n tr:not(.no-hover).row-hover > td {\n background: var(--hover-bgcolor);\n }\n }\n //#endregion\n\n //#region \u7C98\u6027\u6EDA\u52A8\u6761\n .", " {\n overflow-y: hidden;\n overflow-x: auto;\n z-index: ", ";\n flex-shrink: 0;\n flex-grow: 0;\n border-top: 1px solid var(--border-color);\n background: var(--bgcolor);\n }\n\n .", " {\n // \u5FC5\u987B\u6709\u9AD8\u5EA6\u624D\u80FD\u51FA\u73B0\u6EDA\u52A8\u6761\n height: 1px;\n visibility: hidden;\n }\n //#endregion\n\n //#region \u52A0\u8F7D\u6837\u5F0F\n .", " {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: auto;\n\n .", " {\n filter: none;\n width: 100%;\n height: 100%;\n overflow: auto;\n display: flex;\n position: relative;\n flex-direction: column;\n }\n\n .", " {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n pointer-events: none;\n }\n\n .", " {\n position: sticky;\n z-index: ", ";\n transform: translateY(-50%);\n }\n }\n //#endregion\n\n //#region \u8868\u683C\u8FC7\u6EE4\n .", " {\n color:var(--icon-color);\n &.active{\n color:var(--primary-color);\n }\n }\n //#endregion\n\n //#region \u8868\u683C\u6392\u5E8F\n .", " {\n color:var(--icon-color);\n &.active{\n color:var(--primary-color);\n }\n }\n //#endregion\n\n //#region \u6EDA\u52A8\u6761\u5360\u4F4D\n .", " {\n visibility: hidden;\n flex-shrink: 0;\n }\n .", " .", " {\n border-top: var(--cell-border-horizontal);\n }\n //#endregion\n "])), variableConst, variableConst, outerBorderStyleMixin, Classes.artTable, Classes.tableHeader, Classes.tableHeaderCellContent, Classes.virtual, Classes.tableFooter, Classes.tableBody, Classes.tableFooter, Classes.tableRow, Classes.tableBody, Classes.tableCellRangeSelected, Classes.tableCellRangeTop, Classes.tableCellRangeLeft, Classes.tableCellRangeBottom, Classes.tableCellRangeRight, Classes.tableHeader, Z.header, Classes.tableFooter, Z.footer, Classes.leaf, Classes.first, Classes.first, Classes.first, Classes.first, Classes.first, Classes.last, Classes.lockLeft, Classes.lockRight, Z.lock, Classes.lockShadowMask, Z.lockShadow, Classes.lockShadow, Classes.leftLockShadow, LOCK_SHADOW_PADDING, Classes.rightLockShadow, LOCK_SHADOW_PADDING, Classes.emptyWrapper, Classes.virtual, Classes.tableBody, Classes.tableFooter, Classes.tableHeaderMain, Classes.tableHeader, Classes.tableFooterMain, Classes.fixedLeft, Classes.fixedRight, Z.lock, Classes.fixedLeft, Classes.fixedRight, Classes.rowDetailContainer, Classes.rowDetailItem, Z.rowDetail, Classes.stickyScroll, Z.scrollItem, Classes.stickyScrollItem, Classes.loadingWrapper, Classes.loadingContentWrapper, Classes.loadingIndicatorWrapper, Classes.loadingIndicator, Z.loadingIndicator, Classes.tableFilterTrigger, Classes.tableSortIcon, Classes.verticalScrollPlaceholder, Classes.tableFooter, Classes.verticalScrollPlaceholder);
|
|
3318
3360
|
var ButtonCSS = Object(styled_components__WEBPACK_IMPORTED_MODULE_4__["css"])(_templateObject3 || (_templateObject3 = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n ", "\n //#region \u6309\u94AE\n .", "{\n color: var(--color);\n background:#ffffff;\n border:1px solid var(--strong-border-color);\n border-radius: 2px;\n cursor: pointer;\n &:hover{\n color: var(--primary-color);\n border:1px solid var(--primary-color);\n }\n }\n .", " {\n color:#ffffff;\n background-color: var(--primary-color);\n border:none;\n &:hover{\n color:#ffffff;\n background-color: var(--primary-color-level2);\n border:none;\n }\n }\n//#endregion\n"])), variableConst, Classes.button, Classes.buttonPrimary);
|
|
3319
3361
|
|
|
3320
3362
|
function getCssVariableText(obj) {
|
|
@@ -3529,23 +3571,8 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
3529
3571
|
|
|
3530
3572
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_17___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_13___default()(_this), "offsetY", 0);
|
|
3531
3573
|
|
|
3532
|
-
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_17___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_13___default()(_this), "getRowNodeListByEvent", function (e) {
|
|
3533
|
-
var nodeList = null;
|
|
3534
|
-
var rowIndex = e.currentTarget.dataset.rowindex;
|
|
3535
|
-
|
|
3536
|
-
if (rowIndex !== undefined) {
|
|
3537
|
-
var _this$domHelper = _this.domHelper,
|
|
3538
|
-
tableBody = _this$domHelper.tableBody,
|
|
3539
|
-
tableFooter = _this$domHelper.tableFooter;
|
|
3540
|
-
var targetParent = tableBody.contains(e.currentTarget) ? tableBody : tableFooter;
|
|
3541
|
-
nodeList = targetParent.querySelectorAll("tr[data-rowindex=\"".concat(rowIndex, "\"]"));
|
|
3542
|
-
}
|
|
3543
|
-
|
|
3544
|
-
return nodeList;
|
|
3545
|
-
});
|
|
3546
|
-
|
|
3547
3574
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_17___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_13___default()(_this), "handleRowMouseEnter", function (e) {
|
|
3548
|
-
var nodeList = _this.getRowNodeListByEvent(e);
|
|
3575
|
+
var nodeList = _this.domHelper.getRowNodeListByEvent(e);
|
|
3549
3576
|
|
|
3550
3577
|
nodeList && nodeList.forEach(function (node) {
|
|
3551
3578
|
node.classList.add('row-hover');
|
|
@@ -3553,7 +3580,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
3553
3580
|
});
|
|
3554
3581
|
|
|
3555
3582
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_17___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_13___default()(_this), "handleRowMouseLeave", function (e) {
|
|
3556
|
-
var nodeList = _this.getRowNodeListByEvent(e);
|
|
3583
|
+
var nodeList = _this.domHelper.getRowNodeListByEvent(e);
|
|
3557
3584
|
|
|
3558
3585
|
nodeList && nodeList.forEach(function (node) {
|
|
3559
3586
|
node.classList.remove('row-hover');
|
|
@@ -3684,10 +3711,10 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
3684
3711
|
}, {
|
|
3685
3712
|
key: "updateStickyScroll",
|
|
3686
3713
|
value: function updateStickyScroll() {
|
|
3687
|
-
var _this$
|
|
3688
|
-
stickyScroll = _this$
|
|
3689
|
-
artTable = _this$
|
|
3690
|
-
stickyScrollItem = _this$
|
|
3714
|
+
var _this$domHelper = this.domHelper,
|
|
3715
|
+
stickyScroll = _this$domHelper.stickyScroll,
|
|
3716
|
+
artTable = _this$domHelper.artTable,
|
|
3717
|
+
stickyScrollItem = _this$domHelper.stickyScrollItem;
|
|
3691
3718
|
var _lastHasScrollY = this.hasScrollY;
|
|
3692
3719
|
|
|
3693
3720
|
if (!artTable) {
|
|
@@ -4028,9 +4055,9 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
4028
4055
|
value: function initSubscriptions() {
|
|
4029
4056
|
var _this2 = this;
|
|
4030
4057
|
|
|
4031
|
-
var _this$
|
|
4032
|
-
virtual = _this$
|
|
4033
|
-
stickyScroll = _this$
|
|
4058
|
+
var _this$domHelper2 = this.domHelper,
|
|
4059
|
+
virtual = _this$domHelper2.virtual,
|
|
4060
|
+
stickyScroll = _this$domHelper2.stickyScroll;
|
|
4034
4061
|
this.rootSubscription.add(_utils__WEBPACK_IMPORTED_MODULE_39__["throttledWindowResize$"].subscribe(function () {
|
|
4035
4062
|
_this2.updateStickyScroll();
|
|
4036
4063
|
|
|
@@ -7211,7 +7238,7 @@ var DEFAULT_FILTER_OPTIONS = [{
|
|
|
7211
7238
|
/*!*****************************************************!*\
|
|
7212
7239
|
!*** ./components/table/pipeline/features/index.ts ***!
|
|
7213
7240
|
\*****************************************************/
|
|
7214
|
-
/*! exports provided: autoRowSpan, buildTree, columnHover, ColumnHoverFeatureOptions, columnRangeHover, ColumnRangeHoverFeatureOptions, multiSelect, MultiSelectFeatureOptions, rowDetail, RowDetailFeatureOptions, rowGrouping, RowGroupingFeatureOptions, singleSelect, SingleSelectFeatureOptions, sort, SortFeatureOptions, tips, treeMode, TreeModeFeatureOptions, treeMetaSymbol, treeSelect, TreeSelectFeatureOptions, columnDrag, ColumnDragOptions, columnResize, ColumnResizeOptions, contextMenu, ContextMenuFeatureOptions, filter, FilterFeatureOptions, rangeSelection, RangeSelectionFeatureOptions */
|
|
7241
|
+
/*! exports provided: autoRowSpan, buildTree, columnHover, ColumnHoverFeatureOptions, columnRangeHover, ColumnRangeHoverFeatureOptions, multiSelect, MultiSelectFeatureOptions, rowDetail, RowDetailFeatureOptions, rowGrouping, RowGroupingFeatureOptions, singleSelect, SingleSelectFeatureOptions, sort, SortFeatureOptions, tips, treeMode, TreeModeFeatureOptions, treeMetaSymbol, treeSelect, TreeSelectFeatureOptions, columnDrag, ColumnDragOptions, columnResize, ColumnResizeOptions, contextMenu, ContextMenuFeatureOptions, filter, FilterFeatureOptions, rangeSelection, RangeSelectionFeatureOptions, mergeCellHover */
|
|
7215
7242
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
7216
7243
|
|
|
7217
7244
|
"use strict";
|
|
@@ -7297,6 +7324,21 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
7297
7324
|
|
|
7298
7325
|
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RangeSelectionFeatureOptions", function() { return _rangeSelection__WEBPACK_IMPORTED_MODULE_16__["RangeSelectionFeatureOptions"]; });
|
|
7299
7326
|
|
|
7327
|
+
/* harmony import */ var _mergeCellHover__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./mergeCellHover */ "./components/table/pipeline/features/mergeCellHover.tsx");
|
|
7328
|
+
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "mergeCellHover", function() { return _mergeCellHover__WEBPACK_IMPORTED_MODULE_17__["mergeCellHover"]; });
|
|
7329
|
+
|
|
7330
|
+
|
|
7331
|
+
|
|
7332
|
+
|
|
7333
|
+
|
|
7334
|
+
|
|
7335
|
+
|
|
7336
|
+
|
|
7337
|
+
|
|
7338
|
+
|
|
7339
|
+
|
|
7340
|
+
|
|
7341
|
+
|
|
7300
7342
|
|
|
7301
7343
|
|
|
7302
7344
|
|
|
@@ -7304,7 +7346,35 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
7304
7346
|
|
|
7305
7347
|
|
|
7306
7348
|
|
|
7349
|
+
/***/ }),
|
|
7307
7350
|
|
|
7351
|
+
/***/ "./components/table/pipeline/features/mergeCellHover.tsx":
|
|
7352
|
+
/*!***************************************************************!*\
|
|
7353
|
+
!*** ./components/table/pipeline/features/mergeCellHover.tsx ***!
|
|
7354
|
+
\***************************************************************/
|
|
7355
|
+
/*! exports provided: mergeCellHover */
|
|
7356
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
7357
|
+
|
|
7358
|
+
"use strict";
|
|
7359
|
+
__webpack_require__.r(__webpack_exports__);
|
|
7360
|
+
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "mergeCellHover", function() { return mergeCellHover; });
|
|
7361
|
+
/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
|
|
7362
|
+
/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
7363
|
+
/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
|
|
7364
|
+
/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
7365
|
+
/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
|
|
7366
|
+
/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__);
|
|
7367
|
+
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
|
|
7368
|
+
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_3__);
|
|
7369
|
+
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
|
|
7370
|
+
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_4__);
|
|
7371
|
+
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
|
|
7372
|
+
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5__);
|
|
7373
|
+
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
|
|
7374
|
+
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6__);
|
|
7375
|
+
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
|
|
7376
|
+
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_7__);
|
|
7377
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../utils */ "./components/table/utils/index.tsx");
|
|
7308
7378
|
|
|
7309
7379
|
|
|
7310
7380
|
|
|
@@ -7314,6 +7384,41 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
7314
7384
|
|
|
7315
7385
|
|
|
7316
7386
|
|
|
7387
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
7388
|
+
|
|
7389
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
7390
|
+
|
|
7391
|
+
|
|
7392
|
+
function mergeCellHover() {
|
|
7393
|
+
return function (pipeline) {
|
|
7394
|
+
return pipeline.mapColumns(Object(_utils__WEBPACK_IMPORTED_MODULE_8__["makeRecursiveMapper"])(function (col) {
|
|
7395
|
+
if (!Object(_utils__WEBPACK_IMPORTED_MODULE_8__["isLeafNode"])(col)) {
|
|
7396
|
+
return col;
|
|
7397
|
+
}
|
|
7398
|
+
|
|
7399
|
+
var prevGetCellProps = col.getCellProps;
|
|
7400
|
+
return _objectSpread(_objectSpread({}, col), {}, {
|
|
7401
|
+
getCellProps: function getCellProps(value, record, rowIndex) {
|
|
7402
|
+
var prevCellProps = prevGetCellProps === null || prevGetCellProps === void 0 ? void 0 : prevGetCellProps(value, record, rowIndex);
|
|
7403
|
+
return Object(_utils__WEBPACK_IMPORTED_MODULE_8__["mergeCellProps"])(prevCellProps, {
|
|
7404
|
+
onMouseEnter: function onMouseEnter(e) {
|
|
7405
|
+
var InRangeRow = pipeline.ref.current.domHelper.getInRangeRowByCellEvent(e);
|
|
7406
|
+
InRangeRow.forEach(function (row) {
|
|
7407
|
+
row.classList.add('row-hover');
|
|
7408
|
+
});
|
|
7409
|
+
},
|
|
7410
|
+
onMouseLeave: function onMouseLeave(e) {
|
|
7411
|
+
var InRangeRow = pipeline.ref.current.domHelper.getInRangeRowByCellEvent(e);
|
|
7412
|
+
InRangeRow.forEach(function (row) {
|
|
7413
|
+
row.classList.remove('row-hover');
|
|
7414
|
+
});
|
|
7415
|
+
}
|
|
7416
|
+
});
|
|
7417
|
+
}
|
|
7418
|
+
});
|
|
7419
|
+
}));
|
|
7420
|
+
};
|
|
7421
|
+
}
|
|
7317
7422
|
|
|
7318
7423
|
/***/ }),
|
|
7319
7424
|
|