@kdcloudjs/table 1.2.0-canary.4 → 1.2.0-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.
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  *
3
- * @kdcloudjs/table v1.2.0-canary.3
3
+ * @kdcloudjs/table v1.2.0-canary.5
4
4
  *
5
5
  * Copyright 2020-present, Kingdee, Inc.
6
6
  * All rights reserved.
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  *
3
- * @kdcloudjs/table v1.2.0-canary.3
3
+ * @kdcloudjs/table v1.2.0-canary.5
4
4
  *
5
5
  * Copyright 2020-present, Kingdee, Inc.
6
6
  * All rights reserved.
@@ -813,10 +813,16 @@ var getCompLangMsg = function getCompLangMsg(compLangMsgParams, customGetLangMsg
813
813
  __webpack_require__.r(__webpack_exports__);
814
814
  var locale = {
815
815
  locale: 'zh-CN',
816
- 'global.selectholder': '请选择',
817
- 'global.placeholder': '请输入...',
818
- 'global.cancel': '取消',
819
- 'global.confirm': '确定'
816
+ // Text Filter
817
+ contain: '包含',
818
+ notContain: '不包含',
819
+ equal: '等于',
820
+ notEqual: '不等于',
821
+ isNull: '为空',
822
+ notIsNull: '不为空',
823
+ // filter button
824
+ resetFilter: '重置',
825
+ confirmFilter: '确定'
820
826
  };
821
827
  /* harmony default export */ __webpack_exports__["default"] = (locale);
822
828
 
@@ -2009,13 +2015,15 @@ var TableDOMHelper = /*#__PURE__*/function () {
2009
2015
  key: "getLeftLockShadow",
2010
2016
  value: function getLeftLockShadow() {
2011
2017
  var selector = ".".concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].lockShadowMask, " .").concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].leftLockShadow);
2012
- return this.artTable.querySelector(selector);
2018
+ var allLeftLockShadow = this.artTable.querySelectorAll(selector);
2019
+ return allLeftLockShadow[allLeftLockShadow.length - 1]; // 当table-body、table-footer嵌套多层表格时,需要查找最后一个,否则会查找到嵌套表格的
2013
2020
  }
2014
2021
  }, {
2015
2022
  key: "getRightLockShadow",
2016
2023
  value: function getRightLockShadow() {
2017
2024
  var selector = ".".concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].lockShadowMask, " .").concat(_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].rightLockShadow);
2018
- return this.artTable.querySelector(selector);
2025
+ var allRightLockShadow = this.artTable.querySelectorAll(selector);
2026
+ return allRightLockShadow[allRightLockShadow.length - 1]; // 当table-body、table-footer嵌套多层表格时,需要查找最后一个,否则会查找到嵌套表格的
2019
2027
  }
2020
2028
  }, {
2021
2029
  key: "getLoadingIndicator",
@@ -5987,6 +5995,7 @@ function filter() {
5987
5995
  var inputFiltersMap = new Map(inputFilters.map(function (filterItem) {
5988
5996
  return [filterItem.code, _objectSpread({}, filterItem)];
5989
5997
  }));
5998
+ var localeText = pipeline.ctx.localeText;
5990
5999
 
5991
6000
  function processColumns(columns) {
5992
6001
  return columns.map(dfs);
@@ -6046,7 +6055,8 @@ function filter() {
6046
6055
  stopClickEventPropagation: stopClickEventPropagation,
6047
6056
  stopESCKeyDownEventPropagation: stopESCKeyDownEventPropagation,
6048
6057
  hideFilterPopupHeader: hideFilterPopupHeader,
6049
- getPopupParent: getPopupParent
6058
+ getPopupParent: getPopupParent,
6059
+ localeText: localeText
6050
6060
  })]); // result.headerCellProps = mergeCellProps(col.headerCellProps, {
6051
6061
  // style: {
6052
6062
  // paddingRight: '18px'
@@ -7107,11 +7117,13 @@ var _templateObject;
7107
7117
  var DefaultFilterContentStyle = styled_components__WEBPACK_IMPORTED_MODULE_7__["default"].div(_templateObject || (_templateObject = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2___default()(["\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n border-radius: 2px;\n width: 100%;\n\n ", "\n .filter-option-list {\n display: flex;\n flex-direction: column;\n margin-top: 8px;\n ul {\n margin: 0;\n padding: 0;\n li {\n display: flex;\n position: relative;\n flex-shrink: 0;\n height: 32px;\n align-items: center;\n border-radius: 2px;\n font-size: 12px;\n color: var(--color);\n padding: 0 12px;\n overflow: hidden;\n cursor: pointer;\n &:hover{\n background-color: var(--primary-color-level1);\n }\n }\n li.active{\n background-color: var(--primary-color-level1);\n }\n }\n }\n\n .filter-search {\n display: flex;\n padding: 6px 12px;\n\n .filter-search-inner {\n width: 100%;\n font-size: 12px;\n color: #333333;\n height: 28px;\n line-height: 28px;\n padding: 0 8px;\n outline: none;\n background-color: #FAFAFA;\n border-radius: 2px;\n border: 1px solid var(--strong-border-color);\n &:hover{\n border-color: var(--primary-color)\n } \n &:focus{\n border-color: var(--primary-color)\n } \n }\n }\n\n .filter-footer {\n display: flex;\n flex-direction: row;\n padding: 8px 12px;\n justify-content: space-between;\n\n .filter-btn {\n text-align: center;\n font-size: 12px;\n width: 60px;\n height: 24px;\n line-height: 24px;\n }\n \n }\n"])), _base_styles__WEBPACK_IMPORTED_MODULE_10__["ButtonCSS"]);
7108
7118
 
7109
7119
  function DefaultFilterContent(_ref) {
7110
- var _cx2;
7120
+ var _localeText$resetFilt, _cx2, _localeText$confirmFi;
7111
7121
 
7112
7122
  var setFilterModel = _ref.setFilterModel,
7113
7123
  filterModel = _ref.filterModel,
7114
- hidePanel = _ref.hidePanel;
7124
+ hidePanel = _ref.hidePanel,
7125
+ _ref$localeText = _ref.localeText,
7126
+ localeText = _ref$localeText === void 0 ? {} : _ref$localeText;
7115
7127
 
7116
7128
  var _React$useState = react__WEBPACK_IMPORTED_MODULE_6___default.a.useState((filterModel === null || filterModel === void 0 ? void 0 : filterModel.filterCondition) || 'contain'),
7117
7129
  _React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_React$useState, 2),
@@ -7164,16 +7176,18 @@ function DefaultFilterContent(_ref) {
7164
7176
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(DefaultFilterContentStyle, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div", {
7165
7177
  className: "filter-option-list"
7166
7178
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("ul", null, _util__WEBPACK_IMPORTED_MODULE_9__["DEFAULT_FILTER_OPTIONS"].map(function (option, index) {
7179
+ var _localeText$option$ke;
7180
+
7167
7181
  return (
7168
7182
  /*#__PURE__*/
7169
7183
  // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
7170
7184
  react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("li", {
7171
- key: index,
7185
+ key: option.key,
7172
7186
  className: option.key === selectedValue ? 'active' : '',
7173
7187
  onClick: function onClick() {
7174
7188
  return handleClick(option);
7175
7189
  }
7176
- }, option.title)
7190
+ }, (_localeText$option$ke = localeText[option.key]) !== null && _localeText$option$ke !== void 0 ? _localeText$option$ke : option.title)
7177
7191
  );
7178
7192
  }))), selectedValue !== 'notIsNull' && selectedValue !== 'isNull' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div", {
7179
7193
  className: "filter-search"
@@ -7192,12 +7206,12 @@ function DefaultFilterContent(_ref) {
7192
7206
  'filter-btn': true
7193
7207
  }, _base_styles__WEBPACK_IMPORTED_MODULE_10__["Classes"].button, true)),
7194
7208
  onClick: reset
7195
- }, "\u91CD\u7F6E"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("button", {
7209
+ }, (_localeText$resetFilt = localeText.resetFilter) !== null && _localeText$resetFilt !== void 0 ? _localeText$resetFilt : '重置'), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("button", {
7196
7210
  className: classnames__WEBPACK_IMPORTED_MODULE_8___default()((_cx2 = {
7197
7211
  'filter-btn': true
7198
7212
  }, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_cx2, _base_styles__WEBPACK_IMPORTED_MODULE_10__["Classes"].button, true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_cx2, _base_styles__WEBPACK_IMPORTED_MODULE_10__["Classes"].buttonPrimary, true), _cx2)),
7199
7213
  onClick: confirm
7200
- }, "\u786E\u5B9A")));
7214
+ }, (_localeText$confirmFi = localeText.confirmFilter) !== null && _localeText$confirmFi !== void 0 ? _localeText$confirmFi : '确定')));
7201
7215
  }
7202
7216
 
7203
7217
  /* harmony default export */ __webpack_exports__["default"] = (DefaultFilterContent);
@@ -7347,7 +7361,8 @@ function Filter(_ref2) {
7347
7361
  stopClickEventPropagation = _ref2.stopClickEventPropagation,
7348
7362
  stopESCKeyDownEventPropagation = _ref2.stopESCKeyDownEventPropagation,
7349
7363
  hideFilterPopupHeader = _ref2.hideFilterPopupHeader,
7350
- getPopupParent = _ref2.getPopupParent;
7364
+ getPopupParent = _ref2.getPopupParent,
7365
+ localeText = _ref2.localeText;
7351
7366
 
7352
7367
  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_3___default.a.useState(false),
7353
7368
  _React$useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_React$useState3, 2),
@@ -7374,7 +7389,8 @@ function Filter(_ref2) {
7374
7389
  setFilterModel: setFilterModel,
7375
7390
  filterModel: filterModel,
7376
7391
  isFilterActive: isFilterActive,
7377
- hidePanel: hidePanel
7392
+ hidePanel: hidePanel,
7393
+ localeText: localeText
7378
7394
  });
7379
7395
  }
7380
7396
  };