linkmore-design 1.0.3 → 1.0.6

package/es/CkFilter/components/filterTypes.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -13,14 +13,6 @@ require("antd/es/date-picker/style");
 
 var _datePicker = _interopRequireDefault(require("antd/es/date-picker"));
 
-require("antd/es/radio/style");
-
-var _radio = _interopRequireDefault(require("antd/es/radio"));
-
-require("antd/es/checkbox/style");
-
-var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
@@ -29,18 +21,16 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
-require("antd/es/input/style");
+var _classnames = _interopRequireDefault(require("classnames"));
 
-var _input = _interopRequireDefault(require("antd/es/input"));
+var _linkmoreDesign = require("linkmore-design");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _lodash = require("lodash");
 
 var _moment = _interopRequireDefault(require("moment"));
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _lodash = require("lodash");
-
 var _IconFont = _interopRequireDefault(require("../../IconFont"));
 
 var _VirtualList = _interopRequireDefault(require("../../VirtualList"));
@@ -51,13 +41,14 @@ var _excluded = ["item"],
     _excluded2 = ["item"],
     _excluded3 = ["item"],
     _excluded4 = ["item"],
-    _excluded5 = ["type"];
+    _excluded5 = ["item"],
+    _excluded6 = ["type"];
 
 // 输入框过滤器
 var InputFilter = function InputFilter(_ref) {
   var getFilterValue = _ref.getFilterValue,
       setFilterValue = _ref.setFilterValue;
-  var inputRef = (0, _react.useRef)(null); // 单选事件
+  var inputRef = (0, _react.useRef)(null);
 
   var onChange = function onChange(val) {
     return setFilterValue(val);
@@ -67,7 +58,7 @@ var InputFilter = function InputFilter(_ref) {
     className: "filter_dropdown"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_header"
-  }, /*#__PURE__*/_react.default.createElement(_input.default.Search, {
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input.Search, {
     ref: inputRef,
     defaultValue: getFilterValue,
     allowClear: true,
@@ -79,7 +70,8 @@ var InputFilter = function InputFilter(_ref) {
 
 
 var SelectFilter = function SelectFilter(_ref2) {
-  var filters = _ref2.filters,
+  var _ref2$filters = _ref2.filters,
+      filters = _ref2$filters === void 0 ? [] : _ref2$filters,
       getFilterValue = _ref2.getFilterValue,
       setFilterValue = _ref2.setFilterValue;
   var inputRef = (0, _react.useRef)(null); // 搜索后的筛选项
@@ -110,7 +102,7 @@ var SelectFilter = function SelectFilter(_ref2) {
     className: "filter_dropdown"
   }, isSearch && /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_header"
-  }, /*#__PURE__*/_react.default.createElement(_input.default.Search, {
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input.Search, {
     ref: inputRef,
     allowClear: true,
     size: "small",
@@ -140,13 +132,90 @@ var SelectFilter = function SelectFilter(_ref2) {
   }), !options.length && /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_empty"
   }, "\u6682\u65E0\u6570\u636E")));
-}; // 自定义筛选下拉选过滤器
+}; // 嵌套结构下拉单选过滤器
 
 
-var CustomFilter = function CustomFilter(_ref4) {
+var NestedFilter = function NestedFilter(_ref4) {
   var filters = _ref4.filters,
       getFilterValue = _ref4.getFilterValue,
       setFilterValue = _ref4.setFilterValue;
+  var inputRef = (0, _react.useRef)(null); // 搜索后的筛选项
+
+  var _useState3 = (0, _react.useState)(filters),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      options = _useState4[0],
+      setOptions = _useState4[1]; // 是否存在搜索, 当数据大于8时存在搜索
+
+
+  var isSearch = (0, _react.useMemo)(function () {
+    return filters.length > 8;
+  }, [filters.length]); // 搜索
+
+  var handleFilter = function handleFilter(val) {
+    setOptions(filters.filter(function (v) {
+      return v.label.indexOf(val) > -1;
+    }));
+  }; // 单选事件
+
+
+  var onChange = function onChange(e, item) {
+    e.preventDefault();
+    setFilterValue(item.value);
+  };
+
+  var handleClick = function handleClick(e, item) {
+    e.preventDefault();
+    e.stopPropagation();
+    setFilterValue(item, 'children');
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_dropdown"
+  }, isSearch && /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_header"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input.Search, {
+    ref: inputRef,
+    allowClear: true,
+    size: "small",
+    placeholder: "\u8BF7\u8F93\u5165",
+    onSearch: handleFilter,
+    onChange: (0, _lodash.debounce)(function (e) {
+      return handleFilter(e.target.value);
+    }, 500)
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_body"
+  }, /*#__PURE__*/_react.default.createElement(_VirtualList.default, {
+    options: options,
+    className: "filter_list"
+  }, function (_ref5) {
+    var item = _ref5.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref5, _excluded2);
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
+      className: (0, _classnames.default)('filter_item', {
+        checked: item.value === getFilterValue
+      }),
+      onClick: function onClick(e) {
+        return onChange(e, item);
+      }
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: "filter_item-content"
+    }, item.label), /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+      type: "lmweb-gengduotianchong",
+      onClick: function onClick(e) {
+        return handleClick(e, item);
+      }
+    }));
+  }), !options.length && /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_empty"
+  }, "\u6682\u65E0\u6570\u636E")));
+}; // 自定义筛选下拉选过滤器
+
+
+var CustomFilter = function CustomFilter(_ref6) {
+  var _ref6$filters = _ref6.filters,
+      filters = _ref6$filters === void 0 ? [] : _ref6$filters,
+      getFilterValue = _ref6.getFilterValue,
+      setFilterValue = _ref6.setFilterValue;
 
   // 单选事件
   var onChange = function onChange(e, item) {
@@ -171,9 +240,9 @@ var CustomFilter = function CustomFilter(_ref4) {
   }, /*#__PURE__*/_react.default.createElement(_VirtualList.default, {
     options: filters,
     className: "filter_list"
-  }, function (_ref5) {
-    var item = _ref5.item,
-        resetProps = (0, _objectWithoutProperties2.default)(_ref5, _excluded2);
+  }, function (_ref7) {
+    var item = _ref7.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref7, _excluded3);
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
       className: (0, _classnames.default)('filter_item', {
         checked: item.value === getFilterValue
@@ -207,22 +276,23 @@ var CustomFilter = function CustomFilter(_ref4) {
 }; // 下拉多选过滤器: 要过滤的数据, 当前选中项, 触发过滤, 过滤前的数据
 
 
-var CheckboxFilter = function CheckboxFilter(_ref6) {
-  var filters = _ref6.filters,
-      getFilterValue = _ref6.getFilterValue,
-      setFilterValue = _ref6.setFilterValue;
+var CheckboxFilter = function CheckboxFilter(_ref8) {
+  var _ref8$filters = _ref8.filters,
+      filters = _ref8$filters === void 0 ? [] : _ref8$filters,
+      getFilterValue = _ref8.getFilterValue,
+      setFilterValue = _ref8.setFilterValue;
   var inputRef = (0, _react.useRef)(null);
 
-  var _useState3 = (0, _react.useState)(getFilterValue || []),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      checkedValues = _useState4[0],
-      setCheckedValues = _useState4[1]; // 搜索后的筛选项
+  var _useState5 = (0, _react.useState)(getFilterValue || []),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      checkedValues = _useState6[0],
+      setCheckedValues = _useState6[1]; // 搜索后的筛选项
 
 
-  var _useState5 = (0, _react.useState)(filters),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      options = _useState6[0],
-      setOptions = _useState6[1]; // 是否存在搜索, 当数据大于8时存在搜索
+  var _useState7 = (0, _react.useState)(filters),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      options = _useState8[0],
+      setOptions = _useState8[1]; // 是否存在搜索, 当数据大于8时存在搜索
 
 
   var isSearch = (0, _react.useMemo)(function () {
@@ -258,7 +328,10 @@ var CheckboxFilter = function CheckboxFilter(_ref6) {
 
 
   var handleReset = function handleReset() {
-    inputRef.current.state.value = '';
+    if (inputRef.current) {
+      inputRef.current.state.value = '';
+    }
+
     setFilterValue(undefined);
   }; // 单选事件
   // const onChange = (values) => setCheckedValues(values || undefined);
@@ -277,33 +350,35 @@ var CheckboxFilter = function CheckboxFilter(_ref6) {
     className: "filter_dropdown"
   }, isSearch && /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_header"
-  }, /*#__PURE__*/_react.default.createElement(_input.default.Search, {
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input.Search, {
     ref: inputRef,
     allowClear: true,
     size: "small",
     placeholder: "\u8BF7\u8F93\u5165",
     onSearch: handleFilter,
     onChange: (0, _lodash.debounce)(function (e) {
-      return handleFilter(e.target.value);
+      var _e$target;
+
+      return handleFilter(e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value);
     }, 500)
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_header_operate"
-  }, /*#__PURE__*/_react.default.createElement(_checkbox.default, {
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
     indeterminate: indeterminate,
     onChange: onCheckAllChange,
     checked: checkAll,
     className: "filter_tip"
   }, "\u5168\u90E8"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", {
     className: "filter_tip"
-  }, "\u5DF2\u9009: ", checkedValues.length)))), /*#__PURE__*/_react.default.createElement(_checkbox.default.Group, {
+  }, "\u5DF2\u9009: ", checkedValues.length)))), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox.Group, {
     value: checkedValues,
     className: "filter_body"
   }, /*#__PURE__*/_react.default.createElement(_VirtualList.default, {
     options: options,
     className: "filter_list"
-  }, function (_ref7) {
-    var item = _ref7.item,
-        resetProps = (0, _objectWithoutProperties2.default)(_ref7, _excluded3);
+  }, function (_ref9) {
+    var item = _ref9.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref9, _excluded4);
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
       className: (0, _classnames.default)('filter_item', {
         checked: checkedValues.includes(item.value)
@@ -311,7 +386,7 @@ var CheckboxFilter = function CheckboxFilter(_ref6) {
       onClick: function onClick(e) {
         return onChange(e, item);
       }
-    }), /*#__PURE__*/_react.default.createElement(_checkbox.default, {
+    }), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
       value: item.value,
       className: "filter_item-content"
     }, item.label));
@@ -329,10 +404,10 @@ var CheckboxFilter = function CheckboxFilter(_ref6) {
 }; // 更多筛选
 
 
-var MoreFilter = function MoreFilter(_ref8) {
-  var filters = _ref8.filters,
-      getFilterValue = _ref8.getFilterValue,
-      setFilterValue = _ref8.setFilterValue;
+var MoreFilter = function MoreFilter(_ref10) {
+  var filters = _ref10.filters,
+      getFilterValue = _ref10.getFilterValue,
+      setFilterValue = _ref10.setFilterValue;
   // 选中的数据
   var checkedValues = (0, _react.useMemo)(function () {
     return getFilterValue;
@@ -385,28 +460,28 @@ var MoreFilter = function MoreFilter(_ref8) {
     className: "filter_header"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_header_operate"
-  }, /*#__PURE__*/_react.default.createElement(_checkbox.default, {
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
     indeterminate: indeterminate,
     onChange: onCheckAllChange,
     checked: checkAll
   }, "\u5168\u90E8"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", {
     className: "filter_reset",
     onClick: handleReset
-  }, "\u91CD\u7F6E")))), /*#__PURE__*/_react.default.createElement(_checkbox.default.Group, {
+  }, "\u91CD\u7F6E")))), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox.Group, {
     value: checkedValues,
     className: "filter_body"
   }, /*#__PURE__*/_react.default.createElement(_VirtualList.default, {
     options: options,
     className: "filter_list"
-  }, function (_ref9) {
-    var item = _ref9.item,
-        resetProps = (0, _objectWithoutProperties2.default)(_ref9, _excluded4);
+  }, function (_ref11) {
+    var item = _ref11.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref11, _excluded5);
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
       className: "filter_item",
       onClick: function onClick(e) {
         return onChange(e, item);
       }
-    }), /*#__PURE__*/_react.default.createElement(_checkbox.default, {
+    }), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
       value: item.field,
       className: "filter_item-content"
     }, item.title), /*#__PURE__*/_react.default.createElement("div", {
@@ -422,20 +497,23 @@ var MoreFilter = function MoreFilter(_ref8) {
 }; // 日期范围选择器
 
 
-var DatePickerFilter = function DatePickerFilter(_ref10) {
-  var getFilterValue = _ref10.getFilterValue,
-      setFilterValue = _ref10.setFilterValue,
-      props = _ref10.props;
-  // 对日期格式的转换, 日期组件仅接收moment格式
+var DatePickerFilter = function DatePickerFilter(_ref12) {
+  var getFilterValue = _ref12.getFilterValue,
+      setFilterValue = _ref12.setFilterValue,
+      props = _ref12.props,
+      dateType = _ref12.dateType;
+  console.log(dateType, '--dateType'); // 对日期格式的转换, 日期组件仅接收moment格式
+
   var value = (0, _react.useMemo)(function () {
     var nValue;
 
     if (getFilterValue) {
-      nValue = [(0, _moment.default)(getFilterValue[0]), (0, _moment.default)(getFilterValue[1])];
+      nValue = dateType === 'rangePicker' ? [(0, _moment.default)(getFilterValue[0]), (0, _moment.default)(getFilterValue[1])] : (0, _moment.default)(getFilterValue);
     }
 
     return nValue;
-  }, [getFilterValue]); // 最近的时间段, 值为JSON转换后的字符串
+  }, [getFilterValue]);
+  console.log(value, '--value'); // 最近的时间段, 值为JSON转换后的字符串
 
   var ranges = (0, _react.useMemo)(function () {
     return Object.entries((0, _utils.getRanges)()).map(function (item, i) {
@@ -448,59 +526,77 @@ var DatePickerFilter = function DatePickerFilter(_ref10) {
   }, []); // 选中时间段的触发
 
   var onChange = function onChange(dates, dateStrings) {
-    setFilterValue((0, _utils.getIsHas)(dateStrings.filter(function (v) {
-      return !!v;
-    })) ? dateStrings : null);
-  }; // 最近的时间触发事件
-
-
-  var handleLastDateOnChange = function handleLastDateOnChange(e) {
-    var nValue = JSON.parse(e.target.value);
-    setFilterValue(nValue);
+    setFilterValue((0, _utils.getIsHas)(dateStrings) ? dateStrings : null);
   };
 
-  var panelRender = function panelRender(panelNode) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "filter_picker_box"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "filter_picker_main"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "filter_picker_header"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "filter_picker_header_tip"
-    }, getFilterValue && "".concat(getFilterValue[0], " - ").concat(getFilterValue[1])), /*#__PURE__*/_react.default.createElement("div", {
-      className: "filter_picker_header_operate"
-    }, /*#__PURE__*/_react.default.createElement(_radio.default.Group, {
-      value: JSON.stringify(getFilterValue),
-      onChange: handleLastDateOnChange,
+  if (dateType === 'rangePicker') {
+    // 选中时间段的触发
+    var handleOnChange = function handleOnChange(dates, dateStrings) {
+      onChange(dates, (0, _utils.getIsHas)(dateStrings.filter(function (v) {
+        return !!v;
+      })) ? dateStrings : null);
+    }; // 最近的时间触发事件
+
+
+    var handleLastDateOnChange = function handleLastDateOnChange(e) {
+      var nValue = JSON.parse(e.target.value);
+      setFilterValue(nValue);
+    };
+
+    var panelRender = function panelRender(panelNode) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "filter_picker_box"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "filter_picker_main"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "filter_picker_header"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "filter_picker_header_tip"
+      }, getFilterValue && "".concat(getFilterValue[0], " - ").concat(getFilterValue[1])), /*#__PURE__*/_react.default.createElement("div", {
+        className: "filter_picker_header_operate"
+      }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio.Group, {
+        value: JSON.stringify(getFilterValue),
+        onChange: handleLastDateOnChange,
+        size: "small"
+      }, ranges.map(function (v) {
+        return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio.Button, {
+          key: v.label,
+          value: v.value
+        }, v.label);
+      })))), panelNode));
+    };
+
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_datePicker.default.RangePicker, (0, _extends2.default)({
+      picker: "date",
+      separator: "\u81F3",
+      placeholder: ['开始日期', '结束日期'],
+      style: {
+        width: 200
+      }
+    }, props, {
+      value: value,
+      onChange: handleOnChange,
+      panelRender: panelRender,
+      dropdownClassName: "filter_dropdown_picker",
+      bordered: false,
       size: "small"
-    }, ranges.map(function (v) {
-      return /*#__PURE__*/_react.default.createElement(_radio.default.Button, {
-        key: v.label,
-        value: v.value
-      }, v.label);
-    })))), panelNode));
-  };
+    })));
+  }
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_datePicker.default.RangePicker, (0, _extends2.default)({
+  return /*#__PURE__*/_react.default.createElement(_datePicker.default, (0, _extends2.default)({
+    placeholder: "\u9009\u62E9\u65F6\u95F4"
+  }, props, {
     value: value,
     onChange: onChange,
-    panelRender: panelRender,
-    dropdownClassName: "lm_filter_dropdown_picker",
     bordered: false,
-    picker: "date",
-    size: "small",
-    separator: "\u81F3",
-    placeholder: ['开始日期', '结束日期'],
-    style: {
-      width: 200
-    }
-  }, props)));
+    size: "small"
+  }));
 };
 
 var FilterComp = function FilterComp(props) {
   var type = props.type,
-      resetProps = (0, _objectWithoutProperties2.default)(props, _excluded5);
+      resetProps = (0, _objectWithoutProperties2.default)(props, _excluded6);
+  console.log(props, '--props');
 
   switch (type) {
     case 'input':
@@ -521,6 +617,9 @@ var FilterComp = function FilterComp(props) {
     case 'more':
       return /*#__PURE__*/_react.default.createElement(MoreFilter, resetProps);
 
+    case 'nested':
+      return /*#__PURE__*/_react.default.createElement(NestedFilter, resetProps);
+
     default:
       return /*#__PURE__*/_react.default.createElement(CheckboxFilter, resetProps);
   }

package/es/CkFilter/components/modal.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -11,18 +11,6 @@ exports.default = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
-require("antd/es/radio/style");
-
-var _radio = _interopRequireDefault(require("antd/es/radio"));
-
-require("antd/es/select/style");
-
-var _select = _interopRequireDefault(require("antd/es/select"));
-
-require("antd/es/button/style");
-
-var _button = _interopRequireDefault(require("antd/es/button"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
@@ -37,25 +25,23 @@ var _form = _interopRequireDefault(require("antd/es/form"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
-require("antd/es/space/style");
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 
-var _space = _interopRequireDefault(require("antd/es/space"));
+var _classnames = _interopRequireDefault(require("classnames"));
 
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _linkmoreDesign = require("linkmore-design");
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _Modal = _interopRequireDefault(require("../../Modal"));
+var _LMModal = _interopRequireDefault(require("../../LMModal"));
 
 var _context2 = require("../context");
 
 var _utils = require("../utils");
 
 var _excluded = ["field"];
-var EditModal = _Modal.default.EditModal;
 
+// const { EditModal } = Modal
 var ButtonTags = function ButtonTags(_ref) {
   var value = _ref.value,
       onChange = _ref.onChange,
@@ -70,7 +56,7 @@ var ButtonTags = function ButtonTags(_ref) {
     onChange === null || onChange === void 0 ? void 0 : onChange(nValue);
   };
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_space.default, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Space, {
     size: 8,
     wrap: true,
     className: "auto_height"
@@ -218,12 +204,12 @@ var ModalItem = function ModalItem() {
     bodyStyle: {
       padding: 24
     },
-    zIndex: 2001,
-    footer: [/*#__PURE__*/_react.default.createElement(_button.default, {
+    // zIndex: 2001,
+    footer: [/*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
       key: "cancel",
       onClick: onClose,
       size: "middle"
-    }, "\u53D6\u6D88"), /*#__PURE__*/_react.default.createElement(_button.default, {
+    }, "\u53D6\u6D88"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
       type: "primary",
       key: "back",
       onClick: onSave,
@@ -236,7 +222,7 @@ var ModalItem = function ModalItem() {
       form.setFieldsValue(customModal.data);
     }
   }, [form, customModal]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(EditModal, config, /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_LMModal.default, config, /*#__PURE__*/_react.default.createElement("div", {
     className: "custom_modal"
   }, /*#__PURE__*/_react.default.createElement(_form.default, {
     form: form,
@@ -249,8 +235,10 @@ var ModalItem = function ModalItem() {
   }, !isEdit && /*#__PURE__*/_react.default.createElement(_form.default.Item, {
     name: "field",
     label: "\u9009\u62E9\u5B57\u6BB5"
-  }, /*#__PURE__*/_react.default.createElement(_select.default, null, state.instance.fullData.map(function (v) {
-    return /*#__PURE__*/_react.default.createElement(_select.default.Option, {
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Select, {
+    open: true
+  }, state.instance.fullData.map(function (v) {
+    return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Select.Option, {
       key: v.field,
       value: v.field
     }, v.title);
@@ -262,13 +250,13 @@ var ModalItem = function ModalItem() {
   }, DynamicSelect), /*#__PURE__*/_react.default.createElement(_form.default.Item, {
     name: "mode",
     label: "\u67E5\u8BE2\u65B9\u5F0F"
-  }, /*#__PURE__*/_react.default.createElement(_radio.default.Group, null, /*#__PURE__*/_react.default.createElement(_space.default, {
-    direction: "vertical"
-  }, /*#__PURE__*/_react.default.createElement(_radio.default, {
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio.Group, {
+    direction: "column"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio, {
     value: "and"
-  }, "\u4E14,\u67E5\u8BE2\u540C\u65F6\u6EE1\u8DB3\u6B64\u9009\u9879\u6761\u4EF6"), /*#__PURE__*/_react.default.createElement(_radio.default, {
+  }, "\u4E14,\u67E5\u8BE2\u540C\u65F6\u6EE1\u8DB3\u6B64\u9009\u9879\u6761\u4EF6"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio, {
     value: "or"
-  }, "\u6216,\u67E5\u8BE2\u5305\u542B\u6B64\u9009\u9879\u6761\u4EF6"))))))));
+  }, "\u6216,\u67E5\u8BE2\u5305\u542B\u6B64\u9009\u9879\u6761\u4EF6"))))));
 };
 
 var _default = ModalItem;