linkmore-design 1.0.57 → 1.0.60

package/lib/Form/index.js

@@ -25,6 +25,8 @@ var _context = require("antd/lib/form/context");
 
 var _Form2 = require("antd/lib/form/Form");
 
+var _container = _interopRequireDefault(require("./container"));
+
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
 
@@ -38,12 +40,24 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   return t;
 };
 
+// import useFormItemStatus from 'antd/lib/form/hooks/useFormItemStatus';
 var classNamePrefix = 'lm_form';
 
 var LMForm = function LMForm(props, ref) {
   var children = props.children,
       className = props.className,
-      restProps = __rest(props, ["children", "className"]);
+      responsive = props.responsive,
+      restProps = __rest(props, ["children", "className", "responsive"]);
+
+  if (responsive) {
+    return /*#__PURE__*/_react.default.createElement(_container.default, {
+      responsive: true
+    }, /*#__PURE__*/_react.default.createElement(_form.default, Object.assign({
+      ref: ref,
+      className: (0, _classnames.default)(classNamePrefix, className),
+      colon: false
+    }, restProps), children));
+  }
 
   return /*#__PURE__*/_react.default.createElement(_form.default, Object.assign({
     ref: ref,
@@ -54,8 +68,22 @@ var LMForm = function LMForm(props, ref) {
 
 var Reform = /*#__PURE__*/_react.default.forwardRef(LMForm);
 
+var LMFormItem = function LMFormItem(props) {
+  var children = props.children,
+      className = props.className,
+      _props$errorPlacement = props.errorPlacement,
+      errorPlacement = _props$errorPlacement === void 0 ? 'default' : _props$errorPlacement,
+      restProps = __rest(props, ["children", "className", "errorPlacement"]);
+
+  var tipClassName = errorPlacement === 'default' ? '' : "lm_form-item-tip-error lm_form-item-tip-error-".concat(errorPlacement);
+  var classes = (0, _classnames.default)(className, tipClassName);
+  return /*#__PURE__*/_react.default.createElement(_form.default.Item, Object.assign({
+    className: classes
+  }, restProps), children);
+};
+
 var Form = Reform;
-Form.Item = _form.default.Item;
+Form.Item = LMFormItem;
 Form.List = _list.default;
 Form.ErrorList = _form.default.ErrorList;
 Form.useForm = _Form2.useForm;

package/lib/Form/style/index.css

@@ -506,6 +506,9 @@ html {
 .lm_form .ant-form-item {
   margin-bottom: 16px;
 }
+.lm_form .ant-form-item .ant-form-item-explain {
+  line-height: 24px;
+}
 .lm_form .ant-form-item-label {
   display: flex !important;
   align-items: center;
@@ -529,3 +532,116 @@ html {
 .lm_form .ant-form-item-control {
   width: 240px;
 }
+.lm_container_wrapper {
+  overflow: auto;
+}
+.lm_container_wrapper .lm_container.responsive {
+  min-width: 990px;
+}
+.lm_container_wrapper .lm_container.responsive .lm_form {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+.lm_container_wrapper .lm_container.responsive .lm_form .ant-form-item {
+  margin-right: 24px;
+}
+.lm_container_wrapper .lm_container.responsive.lm_col_3 .ant-form-item {
+  width: calc(33.3333% - 16px);
+}
+.lm_container_wrapper .lm_container.responsive.lm_col_3 .ant-form-item:nth-of-type(3n) {
+  margin-right: 0;
+}
+.lm_container_wrapper .lm_container.responsive.lm_col_4 .ant-form-item {
+  width: calc(25% - 18px);
+}
+.lm_container_wrapper .lm_container.responsive.lm_col_4 .ant-form-item:nth-of-type(4n) {
+  margin-right: 0;
+}
+.lm_container_wrapper .lm_container.responsive.lm_col_5 .ant-form-item {
+  width: calc(20% - 96px / 5);
+}
+.lm_container_wrapper .lm_container.responsive.lm_col_5 .ant-form-item:nth-of-type(5n) {
+  margin-right: 0;
+}
+.lm_form .lm_form-item-tip-error .ant-form-item-explain {
+  position: absolute;
+  display: flex;
+  top: 0;
+  left: 100%;
+  z-index: 100;
+  color: #FA4F53;
+  pointer-events: none;
+}
+.lm_form .lm_form-item-tip-error .ant-form-item-explain::before {
+  content: ' ';
+  position: absolute;
+  z-index: 10;
+  display: inline-block;
+  height: 0;
+  width: 0;
+  background-color: #fff;
+  transform: rotate(45deg);
+  border-width: 4px;
+  border-style: solid;
+}
+.lm_form .lm_form-item-tip-error .ant-form-item-explain .ant-form-item-explain-error {
+  line-height: 20px;
+  font-size: 12px;
+  background-color: #fff;
+  padding: 6px 8px;
+  box-shadow: 0 0 6px 2px #e3e3e3;
+  border-radius: 2px;
+}
+.lm_form .lm_form-item-tip-error-right .ant-form-item-explain::before {
+  box-shadow: -1px 1px 1px 0px #f0f0f0;
+  border-color: transparent transparent #fff #fff;
+  margin-left: 3px;
+  margin-top: 12px;
+}
+.lm_form .lm_form-item-tip-error-right .ant-form-item-explain .ant-form-item-explain-error {
+  margin-left: 7px;
+}
+.lm_form .lm_form-item-tip-error-left .ant-form-item-explain {
+  left: -100%;
+  justify-content: flex-end;
+  padding-right: 7px;
+}
+.lm_form .lm_form-item-tip-error-left .ant-form-item-explain::before {
+  box-shadow: 1px -1px 1px 0px #f0f0f0;
+  border-color: #fff #fff transparent transparent;
+  margin-left: -11px;
+  margin-top: 12px;
+  left: 100%;
+}
+.lm_form .lm_form-item-tip-error-left .ant-form-item-explain .ant-form-item-explain-error {
+  margin-left: -4px;
+}
+.lm_form .lm_form-item-tip-error-top .ant-form-item-explain {
+  top: -39px;
+  left: 0;
+  justify-content: center;
+}
+.lm_form .lm_form-item-tip-error-top .ant-form-item-explain::before {
+  box-shadow: 1px 1px 1px 0px #f0f0f0;
+  border-color: transparent #fff #fff transparent;
+  background-color: #fff;
+  margin-top: 28px;
+}
+.lm_form .lm_form-item-tip-error-top .ant-form-item-explain .ant-form-item-explain-error {
+  margin-left: -4px;
+}
+.lm_form .lm_form-item-tip-error-bottom .ant-form-item-explain {
+  top: 39px;
+  left: 0;
+  justify-content: center;
+}
+.lm_form .lm_form-item-tip-error-bottom .ant-form-item-explain::before {
+  box-shadow: -1px -1px 1px 0px #f0f0f0;
+  border-color: #fff transparent transparent #fff;
+  background-color: #fff;
+  margin-top: -4px;
+}
+.lm_form .lm_form-item-tip-error-bottom .ant-form-item-explain .ant-form-item-explain-error {
+  margin-left: -4px;
+}

package/lib/IconFont/index.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _icons = require("@ant-design/icons");
 
 var IconFont = (0, _icons.createFromIconfontCN)({
-  scriptUrl: '//at.alicdn.com/t/c/font_2966019_sw56tprypkb.js' // 在 iconfont.cn 上生成
+  scriptUrl: '//at.alicdn.com/t/c/font_2966019_totaqlvhjak.js' // 在 iconfont.cn 上生成
   // scriptUrl: require('./font/iconfont.js'),
 
 });

package/lib/LmEditTable/EditTable.js

@@ -267,10 +267,11 @@ var EditableCell = function EditableCell(props) {
       handleSave = props.handleSave,
       handleAdd = props.handleAdd,
       handleDelete = props.handleDelete,
+      handleCopy = props.handleCopy,
       itemProps = props.itemProps,
       setValid = props.setValid,
       reWriteOriginSource = props.reWriteOriginSource,
-      restProps = __rest(props, ["record", "rowKey", "isEdit", "col", "handleTableRowDelete", "handleTableRowAdd", "getLength", "isHoverEdit", "editEnum", "valueType", "children", "handleSave", "handleAdd", "handleDelete", "itemProps", "setValid", "reWriteOriginSource"]);
+      restProps = __rest(props, ["record", "rowKey", "isEdit", "col", "handleTableRowDelete", "handleTableRowAdd", "getLength", "isHoverEdit", "editEnum", "valueType", "children", "handleSave", "handleAdd", "handleDelete", "handleCopy", "itemProps", "setValid", "reWriteOriginSource"]);
   /** 去除移入移出功能，保留最纯粹的功能，优化性能 */
 
 
@@ -294,44 +295,45 @@ var EditableCell = function EditableCell(props) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              console.log(row, 'rrr', form.getFieldsValue(), record);
-              _context.prev = 1;
+              _context.prev = 0;
               _context.t0 = row;
 
               if (_context.t0) {
-                _context.next = 7;
+                _context.next = 6;
                 break;
               }
 
-              _context.next = 6;
+              _context.next = 5;
               return form.getFieldsValue();
 
-            case 6:
+            case 5:
               _context.t0 = _context.sent;
 
-            case 7:
+            case 6:
               values = _context.t0;
-              console.log(Object.assign(Object.assign({}, values), (0, _defineProperty2.default)({}, rowKey, record === null || record === void 0 ? void 0 : record[rowKey])), 'vvvv');
+              console.log(Object.assign(Object.assign({
+                record: record
+              }, values), (0, _defineProperty2.default)({}, rowKey, record === null || record === void 0 ? void 0 : record[rowKey])), 'vvvv');
               console.time('testForEach');
-              handleSave(Object.assign(Object.assign({}, values), (0, _defineProperty2.default)({}, rowKey, record === null || record === void 0 ? void 0 : record[rowKey])));
+              handleSave(Object.assign(Object.assign(Object.assign({}, record), values), (0, _defineProperty2.default)({}, rowKey, record === null || record === void 0 ? void 0 : record[rowKey])));
               console.timeEnd('testForEach');
-              _context.next = 14;
+              _context.next = 13;
               return form.validateFields();
 
-            case 14:
-              _context.next = 18;
+            case 13:
+              _context.next = 17;
               break;
 
-            case 16:
-              _context.prev = 16;
-              _context.t1 = _context["catch"](1);
+            case 15:
+              _context.prev = 15;
+              _context.t1 = _context["catch"](0);
 
-            case 18:
+            case 17:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[1, 16]]);
+      }, _callee, null, [[0, 15]]);
     }));
   }; // 触发保存
 
@@ -339,6 +341,15 @@ var EditableCell = function EditableCell(props) {
   var handleFormItemChange = function handleFormItemChange(e) {
     save === null || save === void 0 ? void 0 : save();
   };
+  /** 快捷刷子，把当前的所有列的值，刷成当前的选中的列 */
+
+
+  var copyKey = function copyKey(e) {
+    e === null || e === void 0 ? void 0 : e.stopPropagation();
+    console.log(rowKey, record[rowKey], 'fff');
+    var dataIndex = col.dataIndex;
+    handleCopy === null || handleCopy === void 0 ? void 0 : handleCopy(dataIndex, record[dataIndex]);
+  };
 
   var Control = function Control(con) {
     switch (con) {
@@ -360,6 +371,10 @@ var EditableCell = function EditableCell(props) {
             noStyle: true
           }, /*#__PURE__*/_react.default.cloneElement(componentProps.addonAfter, {
             onChange: handleFormItemChange
+          })) : null,
+          suffix: componentProps.quickcopy ? /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+            onClick: copyKey,
+            type: 'lmweb-icon_m_brush'
           })) : null
         }));
 
@@ -742,6 +757,20 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }
   };
 
+  var handleCopy = function handleCopy(key, value) {
+    var res = (0, _immer.produce)(dataSourceRef.current, function (draft) {
+      draft.forEach(function (item) {
+        return item[key] = value;
+      });
+    });
+
+    if (onChange) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(res);
+    } else {
+      setDataSource(res);
+    }
+  };
+
   var resultColumns = (0, _react.useMemo)(function () {
     var localColumns = [sortOpen ? {
       title: '',
@@ -815,6 +844,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
             isHoverEdit: isHoverEdit,
             handleAdd: handleAdd,
             handleDelete: handleDelete,
+            handleCopy: handleCopy,
             editEnum: typeof col.editEnum === 'function' ? col.editEnum(record) : col.editEnum,
             valueType: typeof col.valueType === 'function' ? col.valueType(record) : col.valueType,
             handleSave: handleSave,

package/lib/LmFilter/Controls/index.js

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,12 +15,18 @@ var _input = _interopRequireDefault(require("antd/es/input"));
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _CheckboxTags = _interopRequireDefault(require("./CheckboxTags"));
 
+var _CascaderFilter = _interopRequireDefault(require("../components/CascaderFilter"));
+
+var _DateFilter = _interopRequireDefault(require("../components/DateFilter"));
+
 var _excluded = ["item", "options"];
 
 var Controls = function Controls(props) {
@@ -27,6 +35,19 @@ var Controls = function Controls(props) {
       options = props.options,
       resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var type = item.type;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var instance = {
+    filterValue: resetProps.value,
+    setFilterValue: resetProps.onChange,
+    visible: visible,
+    setVisible: setVisible,
+    children: null
+  };
   var obj = {
     'select': /*#__PURE__*/_react.default.createElement(_CheckboxTags.default, (0, _extends2.default)({
       options: options
@@ -34,7 +55,16 @@ var Controls = function Controls(props) {
     'checkbox': /*#__PURE__*/_react.default.createElement(_CheckboxTags.default, (0, _extends2.default)({
       options: options
     }, resetProps)),
-    // 'cascader': <CascaderFilter options={options} {...resetProps} />,
+    'cascader': /*#__PURE__*/_react.default.createElement(_CascaderFilter.default, {
+      instance: instance,
+      item: item,
+      options: options
+    }),
+    'date': /*#__PURE__*/_react.default.createElement(_DateFilter.default, {
+      instance: instance,
+      item: item,
+      options: options
+    }),
     'input': /*#__PURE__*/_react.default.createElement(_input.default, (0, _extends2.default)({
       placeholder: "\u8BF7\u8F93\u5165"
     }, resetProps)) // 'nested': <Nested options={options} {...resetProps} />,

package/lib/LmFilter/LmFilter.js

@@ -19,7 +19,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _FilterRoot = _interopRequireDefault(require("./wrapper/FilterRoot"));
 
-var _localization = require("./localization.tsx");
+var _localization = require("./localization");
 
 var _excluded = ["localization"];
 

package/lib/LmFilter/baseFilter/index.js

@@ -22,7 +22,8 @@ var LmFilterBase = /*#__PURE__*/_react.default.memo(function (_ref) {
   }, /*#__PURE__*/_react.default.createElement(_fuzzySearch.default, {
     instance: instance
   }), dataSource.map(function (v, index) {
-    return /*#__PURE__*/_react.default.createElement(_components.default, {
+    var isHidden = !v.show && typeof v.show === 'boolean';
+    return isHidden ? null : /*#__PURE__*/_react.default.createElement(_components.default, {
       key: (v === null || v === void 0 ? void 0 : v.field) || index,
       instance: instance,
       item: v

package/lib/LmFilter/complexFilter/drawer.js

@@ -49,31 +49,8 @@ var ListItemChecked = function ListItemChecked(_ref) {
   }, [field, valueObj.originField, dataSource]); // 选中值的处理
 
   var resetValue = (0, _react.useMemo)(function () {
-    if (getItem.type === 'cascader') {
-      var _valueObj$value;
-
-      return (_valueObj$value = valueObj.value) === null || _valueObj$value === void 0 ? void 0 : _valueObj$value.map(function (v) {
-        return v[v.length - 1];
-      });
-    }
-
     return valueObj.value;
-  }, [getItem, valueObj.value]); // 遍历树结构
-
-  var deepChildren = function deepChildren(arr, preArr) {
-    arr.forEach(function (item) {
-      var _item$children;
-
-      if (resetValue.includes(item.value)) {
-        preArr.push(item);
-      }
-
-      if ((_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length) {
-        deepChildren(item.children, preArr);
-      }
-    });
-  }; // 选中的数据
-
+  }, [valueObj.value]); // 选中的数据
 
   var checkedValues = (0, _react.useMemo)(function () {
     var checkedValue = valueObj.value;
@@ -81,14 +58,21 @@ var ListItemChecked = function ListItemChecked(_ref) {
     if (Array.isArray(checkedValue)) {
       var _getItem$data;
 
+      if (['date'].includes(getItem.type)) {
+        return [{
+          value: resetValue,
+          label: "".concat(resetValue[0], " ~ ").concat(resetValue[1])
+        }];
+      }
+
       if (getItem.type === 'nested') {
         return checkedValue;
       }
 
       if (getItem.type === 'cascader') {
-        var arr = [];
-        deepChildren(getItem.data, arr);
-        return arr;
+        var _getItem$props;
+
+        return (0, _utils.getFlatItem)((getItem === null || getItem === void 0 ? void 0 : (_getItem$props = getItem.props) === null || _getItem$props === void 0 ? void 0 : _getItem$props.multiple) ? checkedValue : [checkedValue], getItem.data, 'parent');
       }
 
       return (_getItem$data = getItem.data) === null || _getItem$data === void 0 ? void 0 : _getItem$data.filter(function (v) {
@@ -96,7 +80,7 @@ var ListItemChecked = function ListItemChecked(_ref) {
       });
     }
 
-    if (getItem.type === 'input') {
+    if (['input', 'date'].includes(getItem.type)) {
       return resetValue ? [{
         value: resetValue,
         label: resetValue
@@ -137,10 +121,24 @@ var ListItemChecked = function ListItemChecked(_ref) {
 
   var onTagClose = function onTagClose(val) {
     var originData = (0, _objectSpread3.default)({}, complexDrawer.data);
-    var filterValues = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, originData), {}, (0, _defineProperty2.default)({}, field, (0, _objectSpread3.default)((0, _objectSpread3.default)({}, originData[field]), {}, {
-      value: originData[field].value.filter(function (v) {
+    var nValue = '';
+
+    if (['select', 'checkbox'].includes(getItem.type)) {
+      nValue = originData[field].value.filter(function (v) {
         return !v.includes(val);
-      })
+      });
+    }
+
+    if (['input'].includes(getItem.type)) {
+      nValue = '';
+    }
+
+    if (['cascader'].includes(getItem.type)) {
+      nValue = [];
+    }
+
+    var filterValues = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, originData), {}, (0, _defineProperty2.default)({}, field, (0, _objectSpread3.default)((0, _objectSpread3.default)({}, originData[field]), {}, {
+      value: nValue
     })));
     dispatch({
       type: 'changeComplexDrawer',
@@ -304,7 +302,10 @@ var ComplexDrawer = function ComplexDrawer(_ref5) {
       complexFilter: complexDrawer.data
     });
     onClose();
-    onChange === null || onChange === void 0 ? void 0 : onChange(null, complexDrawer.data);
+    onChange === null || onChange === void 0 ? void 0 : onChange({
+      complexFilter: complexDrawer.data,
+      type: 'complex'
+    });
   }; // 初始化筛选
 
 

package/lib/LmFilter/components/CascaderFilter.js

@@ -13,6 +13,8 @@ require("antd/es/cascader/style");
 
 var _cascader = _interopRequireDefault(require("antd/es/cascader"));
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -21,14 +23,15 @@ var _linkmoreDesign = require("linkmore-design");
 
 var _InputSearchClose = _interopRequireDefault(require("./InputSearchClose"));
 
+var _hooks = require("../hooks");
+
 // 重置级联弹框
 var DropdownRender = function DropdownRender(_ref) {
   var dom = _ref.dom,
       instance = _ref.instance,
       item = _ref.item,
       setOptions = _ref.setOptions,
-      checkedValues = _ref.checkedValues,
-      setCheckedValues = _ref.setCheckedValues;
+      checkedValues = _ref.checkedValues;
   var _instance$filterValue = instance.filterValue,
       filterValue = _instance$filterValue === void 0 ? [] : _instance$filterValue,
       setFilterValue = instance.setFilterValue,
@@ -37,6 +40,12 @@ var DropdownRender = function DropdownRender(_ref) {
   var _item$data = item.data,
       filters = _item$data === void 0 ? [] : _item$data;
   var inputRef = (0, _react.useRef)(null);
+  var delayedFn = (0, _hooks.useDelayedFn)();
+  var isShowFoot = (0, _react.useMemo)(function () {
+    var _item$props;
+
+    return item === null || item === void 0 ? void 0 : (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.multiple;
+  }, [item]);
 
   var handleFilter = function handleFilter(val) {
     var serachValues = filters.filter(function (v) {
@@ -48,28 +57,23 @@ var DropdownRender = function DropdownRender(_ref) {
 
   var handleSure = function handleSure() {
     setFilterValue(checkedValues);
-    setVisible(false);
+    setVisible === null || setVisible === void 0 ? void 0 : setVisible(false);
   }; // 取消
 
 
   var handleReset = function handleReset() {
-    setVisible === null || setVisible === void 0 ? void 0 : setVisible(false);
+    return setVisible === null || setVisible === void 0 ? void 0 : setVisible(false);
   };
 
   (0, _react.useEffect)(function () {
     if (visible) {
-      var _inputRef$current2, _inputRef$current2$se;
-
-      setTimeout(function () {
-        var _inputRef$current;
+      delayedFn(function () {
+        var _inputRef$current, _inputRef$current$foc;
 
-        (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus({
+        return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : (_inputRef$current$foc = _inputRef$current.focus) === null || _inputRef$current$foc === void 0 ? void 0 : _inputRef$current$foc.call(_inputRef$current, {
           cursor: 'all'
         });
-      }, 200);
-      setCheckedValues(filterValue);
-      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : (_inputRef$current2$se = _inputRef$current2.setValue) === null || _inputRef$current2$se === void 0 ? void 0 : _inputRef$current2$se.call(_inputRef$current2, '');
-      handleFilter('');
+      });
     }
   }, [visible]);
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -80,7 +84,7 @@ var DropdownRender = function DropdownRender(_ref) {
     ref: inputRef,
     onSearch: handleFilter,
     onChange: handleFilter
-  })), dom, /*#__PURE__*/_react.default.createElement("div", {
+  })), dom, isShowFoot && /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_footer"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "footer_clear",
@@ -99,7 +103,9 @@ var CascaderFilter = function CascaderFilter(_ref2) {
       filterValue = _instance$filterValue2 === void 0 ? [] : _instance$filterValue2,
       setFilterValue = instance.setFilterValue,
       visible = instance.visible,
-      setVisible = instance.setVisible;
+      setVisible = instance.setVisible,
+      _instance$children = instance.children,
+      children = _instance$children === void 0 ? /*#__PURE__*/_react.default.createElement("div", null) : _instance$children;
   var _itemProps$data = itemProps.data,
       filters = _itemProps$data === void 0 ? [] : _itemProps$data;
 
@@ -113,35 +119,29 @@ var CascaderFilter = function CascaderFilter(_ref2) {
       checkedValues = _useState4[0],
       setCheckedValues = _useState4[1];
 
-  var checkedKeys = (0, _react.useMemo)(function () {
-    return checkedValues.map(function (v) {
-      return v.value;
-    });
-  }, [checkedValues]);
   var defaultValue = (0, _react.useMemo)(function () {
-    var flatKeys = function flatKeys(arr) {
-      return arr.map(function (v) {
-        return v.value;
-      });
-    };
-
-    var nKey = filterValue.map(function (v) {
-      return Array.isArray(v) ? flatKeys(v) : v.value;
-    });
-    return nKey;
+    return filterValue;
   }, [filterValue]);
 
   var onChange = function onChange(item, selectedOptions) {
-    console.log('item', item, '===', selectedOptions);
-    setCheckedValues(selectedOptions);
+    var _itemProps$props;
+
+    console.log('item', item);
+    setCheckedValues(item);
+
+    if (!(itemProps === null || itemProps === void 0 ? void 0 : (_itemProps$props = itemProps.props) === null || _itemProps$props === void 0 ? void 0 : _itemProps$props.multiple)) {
+      setFilterValue(item);
+    }
   };
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_cascader.default, {
-    multiple: true,
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_cascader.default, (0, _extends2.default)({}, itemProps.props, {
     options: options,
     onChange: onChange,
     defaultValue: defaultValue,
     open: visible,
+    onDropdownVisibleChange: function onDropdownVisibleChange(vis) {
+      return setVisible(vis);
+    },
     dropdownRender: function dropdownRender(dom) {
       return /*#__PURE__*/_react.default.createElement(DropdownRender, {
         dom: dom,
@@ -152,7 +152,7 @@ var CascaderFilter = function CascaderFilter(_ref2) {
         setOptions: setOptions
       });
     }
-  }, /*#__PURE__*/_react.default.createElement("div", null)));
+  }), children));
 };
 
 var _default = CascaderFilter;