@kdcloudjs/table 1.2.0-canary.16 → 1.2.0-canary.16-hotfix

package/lib/table/pipeline/features/contextMenu.js

@@ -1,74 +1,50 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.contextMenu = contextMenu;
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _commonViews = require("../../common-views");
-
 var _utils = require("../../utils");
-
 var _others = require("../../utils/others");
-
 var _internals = require("../../internals");
-
 var _styles = require("../../base/styles");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function contextMenu() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function step(pipeline) {
     var popupParent = opts.popupParent || document.body;
     var menuClassName = opts.menuClassName;
     var menuHelper = new MenuHelper();
-
     var addPopup = function addPopup(menu) {
       var ePopupDiv = document.createElement('div');
       ePopupDiv.setAttribute('class', 'kd-table-popup');
       popupParent.appendChild(ePopupDiv);
       var popupHidden = false;
       var eventList = ['mousedown', 'contextmenu'];
-
       var hidePopup = function hidePopup(event) {
         if (isEventFromCurrentPopup(event, ePopupDiv) || popupHidden) {
           return;
         }
-
         popupHidden = true;
         popupParent.removeChild(ePopupDiv);
         eventList.forEach(function (eventType) {
           window.removeEventListener(eventType, hidePopup, true);
         });
       };
-
       _reactDom.default.render(menu, ePopupDiv, function () {
         setTimeout(function () {
           eventList.forEach(function (eventType) {
@@ -76,10 +52,8 @@ function contextMenu() {
           });
         }, 0);
       });
-
       return hidePopup;
     };
-
     var onContextMenu = function onContextMenu(e) {
       if (canShowContextMenu(e, pipeline)) {
         e.preventDefault();
@@ -87,18 +61,14 @@ function contextMenu() {
         showContextMenu(e);
       }
     };
-
     pipeline.addTableProps({
       onContextMenu: onContextMenu
     });
-
     var getContextMenuOptions = function getContextMenuOptions(record, column, value, event) {
       var defaultMenuOptions = [];
-
       if (column) {
         defaultMenuOptions.push(getCopyItem(value));
       }
-
       if (opts.getContextMenuItems) {
         var params = {
           record: record,
@@ -108,25 +78,20 @@ function contextMenu() {
         };
         return opts.getContextMenuItems(params);
       }
-
       return defaultMenuOptions;
     };
-
     var hideContextMenu = function hideContextMenu() {
       menuHelper.destroy();
     };
-
     var getPopupParent = function getPopupParent() {
       return popupParent;
     };
-
     var showContextMenu = function showContextMenu(e) {
       var path = (0, _utils.getEventPath)(e);
       var cellEle = getCellEleInEventPath(path);
       var code;
       var rowIndex;
       var isInFooter;
-
       if (cellEle) {
         code = cellEle.getAttribute('data-code');
         rowIndex = cellEle.getAttribute('data-rowindex');
@@ -136,25 +101,18 @@ function contextMenu() {
         rowIndex = rowEle === null || rowEle === void 0 ? void 0 : rowEle.getAttribute('data-rowindex');
         isInFooter = isElementInsideTheFooter(rowEle);
       }
-
       var dataSource = isInFooter ? pipeline.getFooterDataSource() || [] : pipeline.getDataSource();
       var record = dataSource[rowIndex];
       var column = code !== undefined && (0, _others.findByTree)(pipeline.getColumns(), function (item) {
         return item.code === code;
       });
-
       var value = column && record && _internals.internals.safeGetValue(column, record, rowIndex);
-
       var options = getContextMenuOptions(record, column, value, e);
-
       if (options.length === 0) {
         _utils.console.warn('context menu options is empty');
-
         return;
       }
-
       var position = positionForMenu(e, popupParent);
-
       var menu = /*#__PURE__*/_react.default.createElement(Menu, {
         options: options,
         hideContextMenu: hideContextMenu,
@@ -162,54 +120,42 @@ function contextMenu() {
         getPopupParent: getPopupParent,
         className: menuClassName
       });
-
       var _hidePopup = addPopup(menu);
-
       menuHelper.init(_hidePopup);
     };
-
     return pipeline;
   };
 }
-
 function getMenuItemKey(_ref) {
   var name = _ref.name,
-      index = _ref.index;
-
+    index = _ref.index;
   if (name) {
     var _context;
-
     var _key = 0;
     name = name + '';
-
     for (var i = 0; i < name.length; i++) {
       _key += name.charCodeAt(name[i]);
     }
-
     return (0, _concat.default)(_context = "".concat(_key, "_")).call(_context, index);
   }
-
   return index;
 }
-
 function Menu(props) {
   var className = props.className,
-      _props$options = props.options,
-      options = _props$options === void 0 ? [] : _props$options,
-      hideContextMenu = props.hideContextMenu,
-      position = props.position,
-      getPopupParent = props.getPopupParent;
+    _props$options = props.options,
+    options = _props$options === void 0 ? [] : _props$options,
+    hideContextMenu = props.hideContextMenu,
+    position = props.position,
+    getPopupParent = props.getPopupParent;
   var menuRef = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
     if (menuRef.current) {
       var popupParent = getPopupParent();
       var x = position.x,
-          y = position.y;
-
+        y = position.y;
       var _keepWithinBounds = keepWithinBounds(popupParent, menuRef.current, x, y),
-          _x = _keepWithinBounds.x,
-          _y = _keepWithinBounds.y;
-
+        _x = _keepWithinBounds.x,
+        _y = _keepWithinBounds.y;
       menuRef.current.style.left = _x + 'px';
       menuRef.current.style.top = _y + 'px';
     }
@@ -237,50 +183,40 @@ function Menu(props) {
     });
   })));
 }
-
 function MenuItem(props) {
   var name = props.name,
-      action = props.action,
-      className = props.className,
-      disabled = props.disabled,
-      hideContextMenu = props.hideContextMenu;
+    action = props.action,
+    className = props.className,
+    disabled = props.disabled,
+    hideContextMenu = props.hideContextMenu;
   var itemRef = (0, _react.useRef)();
-
   var handleClick = function handleClick() {
     if (disabled) {
       return;
     }
-
     hideContextMenu();
     typeof action === 'function' && action();
   };
-
   var handleMouseEnter = function handleMouseEnter(e) {
     if (disabled) {
       return;
     }
-
     var itemDom = itemRef.current;
-
     if (itemDom) {
       itemDom.classList.add(_styles.MenuClasses.menuOptionActive);
     }
   };
-
   var handleMouseLeave = function handleMouseLeave(e) {
     if (disabled) {
       return;
     }
-
     var itemDom = itemRef.current;
-
     if (itemDom) {
       setTimeout(function () {
         itemDom.classList.remove(_styles.MenuClasses.menuOptionActive);
       }, 10);
     }
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(_styles.MenuClasses.menuOption, className, (0, _defineProperty2.default)({}, _styles.MenuClasses.menuOptionDisable, disabled)),
     ref: itemRef,
@@ -291,39 +227,29 @@ function MenuItem(props) {
     className: _styles.MenuClasses.menuOptionText
   }, name));
 }
-
 var MenuHelper = /*#__PURE__*/(0, _createClass2.default)(function MenuHelper() {
   var _this = this;
-
   (0, _classCallCheck2.default)(this, MenuHelper);
-
   this.init = function (hidePopup) {
     _this.hidePopup = hidePopup;
   };
-
   this.destroy = function () {
     _this.hidePopup && _this.hidePopup();
     _this.hidePopup = null;
   };
 });
 /** 是否点击是外部 start */
-
 function isEventFromCurrentPopup(event, ele) {
   if (!event || !ele) {
     return false;
   }
-
   if ((0, _utils.isElementInEventPath)(ele, event)) {
     return true;
   }
-
   return false;
 }
 /** 是否点击是外部 end */
-
 /** 计算位置 start */
-
-
 function calculatePointerRelative(event, popupParent) {
   var parentRect = popupParent.getBoundingClientRect();
   var documentRect = document.documentElement.getBoundingClientRect();
@@ -332,31 +258,25 @@ function calculatePointerRelative(event, popupParent) {
     y: event.clientY - (popupParent === document.body ? documentRect.top : parentRect.top)
   };
 }
-
 function positionForMenu(event, popupParent, params) {
   var _calculatePointerRela = calculatePointerRelative(event, popupParent),
-      x = _calculatePointerRela.x,
-      y = _calculatePointerRela.y;
-
+    x = _calculatePointerRela.x,
+    y = _calculatePointerRela.y;
   if (params) {
     var offsetX = params.offsetX,
-        offsetY = params.offsetY;
-
+      offsetY = params.offsetY;
     if (offsetX) {
       x -= offsetX;
     }
-
     if (offsetY) {
       y -= offsetY;
     }
   }
-
   return {
     x: x,
     y: y
   };
 }
-
 function keepWithinBounds(popupParent, ePopup, x, y) {
   var parentRect = popupParent.getBoundingClientRect();
   var docElement = document.documentElement;
@@ -364,14 +284,12 @@ function keepWithinBounds(popupParent, ePopup, x, y) {
   var ePopupRect = ePopup.getBoundingClientRect();
   var parentWidth = parentRect.width;
   var parentHeight = parentRect.height;
-
   if (popupParent === document.body) {
     parentWidth = documentRect.width;
     parentWidth -= Math.abs(documentRect.left - parentRect.left);
     parentHeight = documentRect.height + docElement.scrollTop;
     parentHeight -= Math.abs(documentRect.top - parentRect.top);
   }
-
   if (x) {
     var minWidth = Math.min(ePopupRect.width, 120);
     ePopup.style.minWidth = minWidth + 'px';
@@ -391,49 +309,36 @@ function keepWithinBounds(popupParent, ePopup, x, y) {
   };
 }
 /** 计算位置 end */
-
 /** 获得点击的元素 start */
-
-
 function getCellEleInEventPath(path) {
   return (0, _utils.getTargetEleInEventPath)(path, function (ele) {
     return ele && ele.getAttribute('data-role') === 'table-cell';
   });
 }
-
 function getRowEleInEventPath(path) {
   return (0, _utils.getTargetEleInEventPath)(path, function (ele) {
     return ele && ele.getAttribute('data-role') === 'table-row';
   });
 }
 /** 获得点击的元素 end */
-
-
 function isElementInsideTheFooter(ele) {
   var pointer = ele;
-
   while (pointer) {
     if (pointer.tagName === 'TFOOT') {
       return true;
     }
-
     if (pointer.tagName === 'TABLE' || pointer.tagName === 'TBODY') {
       return false;
     }
-
     pointer = pointer.parentElement;
   }
-
   return false;
 }
-
 function canShowContextMenu(e, pipeline) {
   var _a, _b;
-
   return ((_a = pipeline.ref.current.domHelper) === null || _a === void 0 ? void 0 : _a.tableBody.contains(e.target)) || ((_b = pipeline.ref.current.domHelper) === null || _b === void 0 ? void 0 : _b.tableFooter.contains(e.target));
-} // 默认选项
-
-
+}
+// 默认选项
 function getCopyItem(v) {
   return {
     name: '复制',

package/lib/table/pipeline/features/filter/DefaultFilterContent.js

@@ -1,80 +1,52 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _util = require("./util");
-
 var _styles = require("../../../base/styles");
-
 var _keyCode = _interopRequireDefault(require("../../../utils/keyCode"));
-
 var _templateObject;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var DefaultFilterContentStyle = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.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"])), _styles.ButtonCSS);
-
 function DefaultFilterContent(_ref) {
   var _cx2;
-
   var setFilterModel = _ref.setFilterModel,
-      filterModel = _ref.filterModel,
-      hidePanel = _ref.hidePanel,
-      _ref$localeText = _ref.localeText,
-      localeText = _ref$localeText === void 0 ? {} : _ref$localeText;
-
+    filterModel = _ref.filterModel,
+    hidePanel = _ref.hidePanel,
+    _ref$localeText = _ref.localeText,
+    localeText = _ref$localeText === void 0 ? {} : _ref$localeText;
   var _a, _b;
-
   var _React$useState = _react.default.useState((filterModel === null || filterModel === void 0 ? void 0 : filterModel.filterCondition) || 'contain'),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      selectedValue = _React$useState2[0],
-      setSelectedValue = _React$useState2[1];
-
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    selectedValue = _React$useState2[0],
+    setSelectedValue = _React$useState2[1];
   var _React$useState3 = _react.default.useState((filterModel === null || filterModel === void 0 ? void 0 : (0, _filter.default)(filterModel)) || []),
-      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-      innerValue = _React$useState4[0],
-      setInnerValue = _React$useState4[1];
-
+    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    innerValue = _React$useState4[0],
+    setInnerValue = _React$useState4[1];
   var inputRef = (0, _react.useRef)();
-
   var handleClick = _react.default.useCallback(function (option) {
     setSelectedValue(option.key);
   }, []);
-
   var reset = function reset() {
     hidePanel();
     setFilterModel();
   };
-
   var confirm = function confirm() {
     hidePanel();
     setFilterModel({
@@ -82,13 +54,11 @@ function DefaultFilterContent(_ref) {
       filterCondition: selectedValue
     });
   };
-
   var handleKeyDown = function handleKeyDown(e) {
     if (e.keyCode === _keyCode.default.ENTER) {
       confirm();
     }
   };
-
   (0, _react.useEffect)(function () {
     setSelectedValue((filterModel === null || filterModel === void 0 ? void 0 : filterModel.filterCondition) || 'contain');
     setInnerValue((filterModel === null || filterModel === void 0 ? void 0 : (0, _filter.default)(filterModel)) || []);
@@ -97,7 +67,6 @@ function DefaultFilterContent(_ref) {
     // 兼容设置焦点后发生滚动
     setTimeout(function () {
       var _a;
-
       (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus({
         preventScroll: true
       });
@@ -107,7 +76,6 @@ function DefaultFilterContent(_ref) {
     className: 'filter-option-list'
   }, /*#__PURE__*/_react.default.createElement("ul", null, (0, _map.default)(_util.DEFAULT_FILTER_OPTIONS).call(_util.DEFAULT_FILTER_OPTIONS, function (option, index) {
     var _a;
-
     return (
       /*#__PURE__*/
       // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
@@ -143,6 +111,5 @@ function DefaultFilterContent(_ref) {
     onClick: confirm
   }, (_b = localeText.confirmFilter) !== null && _b !== void 0 ? _b : '确定')));
 }
-
 var _default = DefaultFilterContent;
 exports.default = _default;

package/lib/table/pipeline/features/filter/DefaultFilterIcon.js

@@ -1,17 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = DefaultFilterIcon;
-
 var _react = _interopRequireDefault(require("react"));
-
 function DefaultFilterIcon(_ref) {
   var width = _ref.width,
-      height = _ref.height;
+    height = _ref.height;
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: width,
     height: height,