linkmore-design 1.0.15 → 1.0.18

package/es/CkFilter/filter.js

@@ -21,8 +21,6 @@ var _baseFilter = _interopRequireDefault(require("./baseFilter"));
 
 var _complexFilter = _interopRequireDefault(require("./complexFilter"));
 
-var _modal = _interopRequireDefault(require("./components/modal"));
-
 var _context = require("./context");
 
 var _customFilter = _interopRequireDefault(require("./customFilter"));
@@ -31,6 +29,8 @@ var _radioGroup = _interopRequireDefault(require("./customFilter/radioGroup"));
 
 var _utils = require("./utils");
 
+// import CustomModal from './components/modal'
+
 /*
  * data
  *
@@ -147,7 +147,7 @@ var Filter = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     className: "lm_filter_base"
   }, custom && /*#__PURE__*/_react.default.createElement(_customFilter.default, null), levelGroup && /*#__PURE__*/_react.default.createElement(_radioGroup.default, null), (custom || levelGroup) && /*#__PURE__*/_react.default.createElement("div", {
     className: "line"
-  }), /*#__PURE__*/_react.default.createElement(_baseFilter.default, null), complex && /*#__PURE__*/_react.default.createElement(_complexFilter.default, null), /*#__PURE__*/_react.default.createElement(_modal.default, null)));
+  }), /*#__PURE__*/_react.default.createElement(_baseFilter.default, null), complex && /*#__PURE__*/_react.default.createElement(_complexFilter.default, null)));
 });
 var _default = Filter;
 exports.default = _default;

package/es/CkFilter/style/style.css

@@ -621,46 +621,49 @@ html {
 .ant-dropdown *::-webkit-scrollbar-thumb:hover {
   background-color: #999;
 }
-.ant-dropdown .filter_dropdown {
+.filter_dropdown {
   display: flex;
   flex-flow: column;
   box-shadow: 0 2px 6px var(--box-shadow-color);
   background-color: #fff;
 }
-.ant-dropdown .filter_dropdown .filter_header {
+.filter_dropdown .filter_header {
   min-height: 40px;
   border-bottom: 1px solid #eee;
   padding: 8px;
 }
-.ant-dropdown .filter_dropdown .filter_header .filter_header_operate {
+.filter_dropdown .filter_header .filter_header_operate {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-.ant-dropdown .filter_dropdown .filter_header .filter_header_operate .filter_reset {
+.filter_dropdown .filter_header .filter_header_operate .filter_reset {
   font-size: 12px;
   color: var(--primary-color);
   cursor: pointer;
 }
-.ant-dropdown .filter_dropdown .filter_header .filter_header_operate .filter_tip {
+.filter_dropdown .filter_header .filter_header_operate .filter_tip {
   font-size: 12px;
   color: var(--text-color);
 }
-.ant-dropdown .filter_dropdown .filter_header input {
+.filter_dropdown .filter_header .ant-input-group {
+  line-height: 1;
+}
+.filter_dropdown .filter_header input {
   font-size: 12px;
 }
-.ant-dropdown .filter_dropdown .filter_header .ant-input-search + .filter_header_operate {
+.filter_dropdown .filter_header .ant-input-search + .filter_header_operate {
   margin-top: 8px;
 }
-.ant-dropdown .filter_dropdown .filter_body {
+.filter_dropdown .filter_body {
   width: 100%;
 }
-.ant-dropdown .filter_dropdown .filter_body .virtual_list {
+.filter_dropdown .filter_body .virtual_list {
   min-width: 160px;
   max-height: 224px;
   overflow: auto;
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item {
+.filter_dropdown .filter_body .filter_item {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -672,61 +675,61 @@ html {
   white-space: nowrap;
   cursor: pointer;
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item.add_more {
+.filter_dropdown .filter_body .filter_item.add_more {
   border-top: 1px solid var(--stripe-color);
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_content {
+.filter_dropdown .filter_body .filter_item .filter_item_content {
   flex: auto;
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_operate .hover_show {
+.filter_dropdown .filter_body .filter_item .filter_item_operate .hover_show {
   font-size: 16px;
   color: #8C8C8C;
   transition: 0.3s;
   opacity: 0;
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_operate .hover_show:hover {
+.filter_dropdown .filter_body .filter_item .filter_item_operate .hover_show:hover {
   color: var(--primary-color);
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item[disabled] {
+.filter_dropdown .filter_body .filter_item[disabled] {
   display: none;
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item.checked {
+.filter_dropdown .filter_body .filter_item.checked {
   background-color: var(--primary-select-color);
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item:hover {
+.filter_dropdown .filter_body .filter_item:hover {
   background-color: var(--stripe-color);
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item:hover .filter_item_operate .icon_top {
+.filter_dropdown .filter_body .filter_item:hover .filter_item_operate .icon_top {
   opacity: 1;
 }
-.ant-dropdown .filter_dropdown .filter_footer {
+.filter_dropdown .filter_footer {
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-size: 12px;
-  min-height: 42px;
+  min-height: 32px;
   padding: 6px 8px;
   border-top: 1px solid #eee;
   letter-spacing: 1px;
 }
-.ant-dropdown .filter_dropdown .filter_footer button {
+.filter_dropdown .filter_footer button {
   font-size: 12px;
   padding: 0 8px;
 }
-.ant-dropdown .filter_dropdown .filter_footer .footer_save {
+.filter_dropdown .filter_footer .footer_save {
   color: var(--primary-color);
   cursor: pointer;
   transition: 0.3s;
 }
-.ant-dropdown .filter_dropdown .filter_footer .footer_clear {
+.filter_dropdown .filter_footer .footer_clear {
   color: var(--text-color);
   cursor: pointer;
   transition: 0.3s;
 }
-.ant-dropdown .filter_dropdown .filter_footer .footer_clear:hover {
+.filter_dropdown .filter_footer .footer_clear:hover {
   color: var(--font-color);
 }
-.ant-dropdown .filter_dropdown .filter_empty {
+.filter_dropdown .filter_empty {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -735,11 +738,11 @@ html {
   color: #666;
   padding: 0 8px;
 }
-.ant-dropdown .filter_dropdown .ant-checkbox-wrapper {
+.filter_dropdown .ant-checkbox-wrapper {
   font-size: 12px;
   align-items: center;
 }
-.ant-dropdown .filter_dropdown .ant-checkbox-wrapper .ant-checkbox {
+.filter_dropdown .ant-checkbox-wrapper .ant-checkbox {
   top: initial;
 }
 .ant-drawer .ant-drawer-header {
@@ -904,6 +907,45 @@ html {
   background-color: var(--border-color);
   z-index: 4;
 }
+.ant-drawer.lm_det_drawer .checkbox_tag {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  height: 24px;
+  border-radius: 2px;
+  color: var(--font-color);
+  background-color: var(--stripe-color);
+  padding: 0 8px;
+  transition: 0.3s;
+  cursor: pointer;
+}
+.ant-drawer.lm_det_drawer .checkbox_tag:hover,
+.ant-drawer.lm_det_drawer .checkbox_tag.active {
+  color: #fff;
+  background-color: var(--primary-color);
+}
+.ant-drawer.lm_det_drawer .ant-form-item {
+  margin-bottom: 16px;
+}
+.ant-drawer.lm_det_drawer .ant-form-item .ant-form-item-label > label {
+  font-size: 12px;
+}
+.ant-drawer.lm_det_drawer .auto_height {
+  max-height: 418px;
+  overflow-y: auto;
+}
+.ant-drawer.lm_det_drawer .ant-radio-wrapper {
+  display: inline-flex;
+  align-items: center;
+  font-size: 12px;
+}
+.ant-drawer.lm_det_drawer .ant-radio-wrapper .ant-radio {
+  top: 0;
+}
+.ant-drawer.lm_det_drawer .ant-select {
+  font-size: 12px;
+}
 .ant-modal .custom_modal .checkbox_tag {
   display: inline-flex;
   align-items: center;

package/es/LeftTable/style/style.css

@@ -590,8 +590,9 @@ html {
   opacity: 0;
 }
 .lm_grid_tree.grid_toggle .toggle_btn {
-  right: -14px;
+  right: -20px;
   transform: translateY(-50%) rotateY(180deg);
+  z-index: 20;
 }
 .lm_tree_warp .ant-tree-list-holder-inner .ant-tree-treenode {
   width: 100%;

package/es/ProTable/Table.js

@@ -33,7 +33,7 @@ var _VList = require("./VList");
 
 var _resetConfig = _interopRequireDefault(require("./resetConfig"));
 
-var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "customCheck"];
+var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "customCheck"];
 var Summary = _proTable.default.Summary;
 exports.Summary = Summary;
 var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
@@ -47,6 +47,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       pagination = props.pagination,
       hiddenPage = props.hiddenPage,
       loading = props.loading,
+      _props$virtual = props.virtual,
+      virtual = _props$virtual === void 0 ? true : _props$virtual,
       customCheck = props.customCheck,
       resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var _resetProps$rowKey = resetProps.rowKey,
@@ -280,7 +282,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, /*#__PURE__*/_react.default.createElement(_proTable.default, (0, _extends2.default)({}, config, {
     loading: loading,
     dataSource: dataSource,
-    components: vComponents,
+    components: virtual ? vComponents : null,
     tableClassName: "lm_protable",
     summary: function summary(pageData) {
       return _summary && _summary(pageData, resultColumns);
@@ -295,6 +297,7 @@ var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var throttleSize = (0, _lodash.throttle)(function (_ref) {
     var height = _ref.height,
         width = _ref.width;
+    console.log(height, width, 444);
 
     var resetHeight = function resetHeight() {
       var h = height - 48;

package/es/ProTable/autosize.js

@@ -0,0 +1,170 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
+
+var _lodash = require("lodash");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _detectElementResize = _interopRequireDefault(require("./detectElementResize"));
+
+var AutoSizer = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(AutoSizer, _React$Component);
+
+  var _super = (0, _createSuper2.default)(AutoSizer);
+
+  function AutoSizer() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, AutoSizer);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    _this.state = {
+      height: _this.props.defaultHeight || 0,
+      width: _this.props.defaultWidth || 0
+    };
+    _this._parentNode = void 0;
+    _this._autoSizer = void 0;
+    _this._window = void 0;
+    _this._detectElementResize = void 0;
+
+    _this._onResize = function () {
+      console.log(11);
+      var _this$props = _this.props,
+          disableHeight = _this$props.disableHeight,
+          disableWidth = _this$props.disableWidth,
+          onResize = _this$props.onResize;
+
+      if (_this._parentNode) {
+        // Guard against AutoSizer component being removed from the DOM immediately after being added.
+        // This can result in invalid style values which can result in NaN values if we don't handle them.
+        // See issue #150 for more context.
+        var height = _this._parentNode.offsetHeight || 0;
+        var width = _this._parentNode.offsetWidth || 0;
+        var win = _this._window || window;
+        var style = win.getComputedStyle(_this._parentNode) || {};
+        var paddingLeft = parseInt(style.paddingLeft, 10) || 0;
+        var paddingRight = parseInt(style.paddingRight, 10) || 0;
+        var paddingTop = parseInt(style.paddingTop, 10) || 0;
+        var paddingBottom = parseInt(style.paddingBottom, 10) || 0;
+        var newHeight = height - paddingTop - paddingBottom;
+        var newWidth = width - paddingLeft - paddingRight;
+
+        if (!disableHeight && _this.state.height !== newHeight || !disableWidth && _this.state.width !== newWidth) {
+          _this.setState({
+            height: height - paddingTop - paddingBottom,
+            width: width - paddingLeft - paddingRight
+          });
+
+          onResize({
+            height: height,
+            width: width
+          });
+        }
+      }
+    };
+
+    _this.handleResize = (0, _lodash.debounce)(_this._onResize, 800);
+
+    _this._setRef = function (autoSizer) {
+      _this._autoSizer = autoSizer;
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(AutoSizer, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var nonce = this.props.nonce;
+
+      if (this._autoSizer && this._autoSizer.parentNode && this._autoSizer.parentNode.ownerDocument && this._autoSizer.parentNode.ownerDocument.defaultView && this._autoSizer.parentNode instanceof this._autoSizer.parentNode.ownerDocument.defaultView.HTMLElement) {
+        // Delay access of parentNode until mount.
+        // This handles edge-cases where the component has already been unmounted before its ref has been set,
+        // As well as libraries like react-lite which have a slightly different lifecycle.
+        this._parentNode = this._autoSizer.parentNode;
+        this._window = this._autoSizer.parentNode.ownerDocument.defaultView; // Defer requiring resize handler in order to support server-side rendering.
+        // See issue #41
+
+        this._detectElementResize = (0, _detectElementResize.default)(nonce, this._window);
+
+        this._detectElementResize.addResizeListener(this._parentNode, this.handleResize);
+
+        console.log(3);
+
+        this._onResize();
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (this._detectElementResize && this._parentNode) {
+        this._detectElementResize.removeResizeListener(this._parentNode, this._onResize);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+          children = _this$props2.children,
+          className = _this$props2.className,
+          disableHeight = _this$props2.disableHeight,
+          disableWidth = _this$props2.disableWidth,
+          style = _this$props2.style;
+      var _this$state = this.state,
+          height = _this$state.height,
+          width = _this$state.width; // Outer div should not force width/height since that may prevent containers from shrinking.
+      // Inner component should overflow and use calculated width/height.
+      // See issue #68 for more information.
+
+      var outerStyle = {
+        overflow: 'visible'
+      };
+      var childParams = {};
+
+      if (!disableHeight) {
+        outerStyle.height = 0;
+        childParams.height = height;
+      }
+
+      if (!disableWidth) {
+        outerStyle.width = 0;
+        childParams.width = width;
+      }
+
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: className,
+        ref: this._setRef,
+        style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, outerStyle), style)
+      }, children(childParams));
+    }
+  }]);
+  return AutoSizer;
+}(_react.default.Component);
+
+exports.default = AutoSizer;
+AutoSizer.defaultProps = {
+  onResize: function onResize() {},
+  disableHeight: false,
+  disableWidth: false,
+  style: {}
+};

package/es/ProTable/detectElementResize.js

@@ -0,0 +1,225 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createDetectElementResize;
+
+/**
+ * Detect Element Resize.
+ * https://github.com/sdecima/javascript-detect-element-resize
+ * Sebastian Decima
+ *
+ * Forked from version 0.5.3; includes the following modifications:
+ * 1) Guard against unsafe 'window' and 'document' references (to support SSR).
+ * 2) Defer initialization code via a top-level function wrapper (to support SSR).
+ * 3) Avoid unnecessary reflows by not measuring size for scroll events bubbling from children.
+ * 4) Add nonce for style element.
+ * 5) Added support for injecting custom window object
+ **/
+function createDetectElementResize(nonce, hostWindow) {
+  // Check `document` and `window` in case of server-side rendering
+  var _window;
+
+  if (typeof hostWindow !== 'undefined') {
+    _window = hostWindow;
+  } else if (typeof window !== 'undefined') {
+    _window = window;
+  } else if (typeof self !== 'undefined') {
+    _window = self;
+  } else {
+    _window = global;
+  }
+
+  var attachEvent = typeof _window.document !== 'undefined' && _window.document.attachEvent;
+
+  if (!attachEvent) {
+    var requestFrame = function () {
+      var raf = _window.requestAnimationFrame || _window.mozRequestAnimationFrame || _window.webkitRequestAnimationFrame || function (fn) {
+        return _window.setTimeout(fn, 20);
+      };
+
+      return function (fn) {
+        return raf(fn);
+      };
+    }();
+
+    var cancelFrame = function () {
+      var cancel = _window.cancelAnimationFrame || _window.mozCancelAnimationFrame || _window.webkitCancelAnimationFrame || _window.clearTimeout;
+      return function (id) {
+        return cancel(id);
+      };
+    }();
+
+    var resetTriggers = function resetTriggers(element) {
+      var triggers = element.__resizeTriggers__,
+          expand = triggers.firstElementChild,
+          contract = triggers.lastElementChild,
+          expandChild = expand.firstElementChild;
+      contract.scrollLeft = contract.scrollWidth;
+      contract.scrollTop = contract.scrollHeight;
+      expandChild.style.width = expand.offsetWidth + 1 + 'px';
+      expandChild.style.height = expand.offsetHeight + 1 + 'px';
+      expand.scrollLeft = expand.scrollWidth;
+      expand.scrollTop = expand.scrollHeight;
+    };
+
+    var checkTriggers = function checkTriggers(element) {
+      return element.offsetWidth != element.__resizeLast__.width || element.offsetHeight != element.__resizeLast__.height;
+    };
+
+    var scrollListener = function scrollListener(e) {
+      // Don't measure (which forces) reflow for scrolls that happen inside of children!
+      if (e.target.className && typeof e.target.className.indexOf === 'function' && e.target.className.indexOf('contract-trigger') < 0 && e.target.className.indexOf('expand-trigger') < 0) {
+        return;
+      }
+
+      var element = this;
+      resetTriggers(this);
+
+      if (this.__resizeRAF__) {
+        cancelFrame(this.__resizeRAF__);
+      }
+
+      this.__resizeRAF__ = requestFrame(function () {
+        if (checkTriggers(element)) {
+          element.__resizeLast__.width = element.offsetWidth;
+          element.__resizeLast__.height = element.offsetHeight;
+
+          element.__resizeListeners__.forEach(function (fn) {
+            fn.call(element, e);
+          });
+        }
+      });
+    };
+    /* Detect CSS Animations support to detect element display/re-attach */
+
+
+    var animation = false,
+        keyframeprefix = '',
+        animationstartevent = 'animationstart',
+        domPrefixes = 'Webkit Moz O ms'.split(' '),
+        startEvents = 'webkitAnimationStart animationstart oAnimationStart MSAnimationStart'.split(' '),
+        pfx = '';
+    {
+      var elm = _window.document.createElement('fakeelement');
+
+      if (elm.style.animationName !== undefined) {
+        animation = true;
+      }
+
+      if (animation === false) {
+        for (var i = 0; i < domPrefixes.length; i++) {
+          if (elm.style[domPrefixes[i] + 'AnimationName'] !== undefined) {
+            pfx = domPrefixes[i];
+            keyframeprefix = '-' + pfx.toLowerCase() + '-';
+            animationstartevent = startEvents[i];
+            animation = true;
+            break;
+          }
+        }
+      }
+    }
+    var animationName = 'resizeanim';
+    var animationKeyframes = '@' + keyframeprefix + 'keyframes ' + animationName + ' { from { opacity: 0; } to { opacity: 0; } } ';
+    var animationStyle = keyframeprefix + 'animation: 1ms ' + animationName + '; ';
+  }
+
+  var createStyles = function createStyles(doc) {
+    if (!doc.getElementById('detectElementResize')) {
+      //opacity:0 works around a chrome bug https://code.google.com/p/chromium/issues/detail?id=286360
+      var css = (animationKeyframes ? animationKeyframes : '') + '.resize-triggers { ' + (animationStyle ? animationStyle : '') + 'visibility: hidden; opacity: 0; } ' + '.resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }',
+          head = doc.head || doc.getElementsByTagName('head')[0],
+          style = doc.createElement('style');
+      style.id = 'detectElementResize';
+      style.type = 'text/css';
+
+      if (nonce != null) {
+        style.setAttribute('nonce', nonce);
+      }
+
+      if (style.styleSheet) {
+        style.styleSheet.cssText = css;
+      } else {
+        style.appendChild(doc.createTextNode(css));
+      }
+
+      head.appendChild(style);
+    }
+  };
+
+  var addResizeListener = function addResizeListener(element, fn) {
+    if (attachEvent) {
+      element.attachEvent('onresize', fn);
+    } else {
+      if (!element.__resizeTriggers__) {
+        var doc = element.ownerDocument;
+
+        var elementStyle = _window.getComputedStyle(element);
+
+        if (elementStyle && elementStyle.position == 'static') {
+          element.style.position = 'relative';
+        }
+
+        createStyles(doc);
+        element.__resizeLast__ = {};
+        element.__resizeListeners__ = [];
+        (element.__resizeTriggers__ = doc.createElement('div')).className = 'resize-triggers';
+        var expandTrigger = doc.createElement('div');
+        expandTrigger.className = 'expand-trigger';
+        expandTrigger.appendChild(doc.createElement('div'));
+        var contractTrigger = doc.createElement('div');
+        contractTrigger.className = 'contract-trigger';
+
+        element.__resizeTriggers__.appendChild(expandTrigger);
+
+        element.__resizeTriggers__.appendChild(contractTrigger);
+
+        element.appendChild(element.__resizeTriggers__);
+        resetTriggers(element);
+        element.addEventListener('scroll', scrollListener, true);
+        /* Listen for a css animation to detect element display/re-attach */
+
+        if (animationstartevent) {
+          element.__resizeTriggers__.__animationListener__ = function animationListener(e) {
+            if (e.animationName == animationName) {
+              resetTriggers(element);
+            }
+          };
+
+          element.__resizeTriggers__.addEventListener(animationstartevent, element.__resizeTriggers__.__animationListener__);
+        }
+      }
+
+      element.__resizeListeners__.push(fn);
+    }
+  };
+
+  var removeResizeListener = function removeResizeListener(element, fn) {
+    if (attachEvent) {
+      element.detachEvent('onresize', fn);
+    } else {
+      element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1);
+
+      if (!element.__resizeListeners__.length) {
+        element.removeEventListener('scroll', scrollListener, true);
+
+        if (element.__resizeTriggers__.__animationListener__) {
+          element.__resizeTriggers__.removeEventListener(animationstartevent, element.__resizeTriggers__.__animationListener__);
+
+          element.__resizeTriggers__.__animationListener__ = null;
+        }
+
+        try {
+          element.__resizeTriggers__ = !element.removeChild(element.__resizeTriggers__);
+        } catch (e) {// Preact compat; see developit/preact-compat/issues/228
+        }
+      }
+    }
+  };
+
+  return {
+    addResizeListener: addResizeListener,
+    removeResizeListener: removeResizeListener
+  };
+}

package/lib/CkFilter/baseFilter/filterMenu.js

@@ -160,6 +160,17 @@ var FilterMenu = function FilterMenu(props) {
     }
   };
 
+  if (['cascader'].includes(type)) {
+    return /*#__PURE__*/_react.default.createElement(_filterTypes.default, (0, _extends2.default)({}, props, {
+      itemProps: comProps,
+      filters: data,
+      isFiltering: isFiltering,
+      getFilterValue: filterValue,
+      setFilterValue: setFilterValue,
+      handleClear: handleClear
+    }));
+  }
+
   if (type === 'date') {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)('filter_item', {