linkmore-design 1.0.12 → 1.0.13

package/es/CkFilter/components/filterTypes.js

@@ -281,12 +281,12 @@ var CheckboxFilter = function CheckboxFilter(_ref8) {
       filters = _ref8$filters === void 0 ? [] : _ref8$filters,
       getFilterValue = _ref8.getFilterValue,
       setFilterValue = _ref8.setFilterValue;
-  var inputRef = (0, _react.useRef)(null);
+  var inputRef = (0, _react.useRef)(null); // 选中的数据项: ['', '', ...];
 
   var _useState5 = (0, _react.useState)(getFilterValue || []),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
       checkedValues = _useState6[0],
-      setCheckedValues = _useState6[1]; // 搜索后的筛选项
+      setCheckedValues = _useState6[1]; // 搜索后的筛选项：[{value: '', ... }, ...]
 
 
   var _useState7 = (0, _react.useState)(filters),
@@ -297,20 +297,29 @@ var CheckboxFilter = function CheckboxFilter(_ref8) {
 
   var isSearch = (0, _react.useMemo)(function () {
     return filters.length > 8;
-  }, [filters.length]); // 是否半选
-
-  var indeterminate = (0, _react.useMemo)(function () {
-    return checkedValues.length && checkedValues.length < filters.length;
-  }, [checkedValues.length, filters.length]); // 是否全选
+  }, [filters.length]); // 是否全选: 选中的数据大于等于筛选后的数据 && 筛选后的数据全部存在于选中的数据中
 
   var checkAll = (0, _react.useMemo)(function () {
-    return checkedValues.length === filters.length;
-  }, [checkedValues.length, filters.length]); // 全选事件
+    var isLen = checkedValues.length >= options.length;
+    return isLen && options.every(function (_ref9) {
+      var value = _ref9.value;
+      return checkedValues.includes(value);
+    });
+  }, [checkedValues.length, options]); // 是否半选: 存在选中的数据 && 未全选
+
+  var indeterminate = (0, _react.useMemo)(function () {
+    return checkedValues.length && !checkAll;
+  }, [checkedValues.length, checkAll]); // 全选事件
 
   var onCheckAllChange = function onCheckAllChange() {
-    var nValue = checkAll ? [] : filters.map(function (v) {
+    var nValue = checkAll ? checkedValues.filter(function (v) {
+      return !options.some(function (_ref10) {
+        var value = _ref10.value;
+        return v === value;
+      });
+    }) : Array.from(new Set([].concat((0, _toConsumableArray2.default)(checkedValues), (0, _toConsumableArray2.default)(options.map(function (v) {
       return v.value;
-    });
+    })))));
     setCheckedValues(nValue);
   }; // 搜索
 
@@ -329,7 +338,7 @@ var CheckboxFilter = function CheckboxFilter(_ref8) {
 
   var handleReset = function handleReset() {
     if (inputRef.current) {
-      inputRef.current.state.value = '';
+      inputRef.current.input.value = '';
     }
 
     setFilterValue(undefined);
@@ -376,9 +385,9 @@ var CheckboxFilter = function CheckboxFilter(_ref8) {
   }, /*#__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, _excluded4);
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
       className: (0, _classnames.default)('filter_item', {
         checked: checkedValues.includes(item.value)
@@ -395,19 +404,20 @@ var CheckboxFilter = function CheckboxFilter(_ref8) {
   }, "\u6682\u65E0\u6570\u636E")), isSearch && /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_footer"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "footer_save",
-    onClick: handleSure
-  }, "\u786E\u5B9A"), /*#__PURE__*/_react.default.createElement("div", {
     className: "footer_clear",
     onClick: handleReset
-  }, "\u6E05\u7A7A")));
+  }, "\u6E05\u7A7A"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+    type: "primary",
+    size: "small",
+    onClick: handleSure
+  }, "\u786E\u5B9A")));
 }; // 更多筛选
 
 
-var MoreFilter = function MoreFilter(_ref10) {
-  var filters = _ref10.filters,
-      getFilterValue = _ref10.getFilterValue,
-      setFilterValue = _ref10.setFilterValue;
+var MoreFilter = function MoreFilter(_ref12) {
+  var filters = _ref12.filters,
+      getFilterValue = _ref12.getFilterValue,
+      setFilterValue = _ref12.setFilterValue;
   // 选中的数据
   var checkedValues = (0, _react.useMemo)(function () {
     return getFilterValue;
@@ -473,9 +483,9 @@ var MoreFilter = function MoreFilter(_ref10) {
   }, /*#__PURE__*/_react.default.createElement(_VirtualList.default, {
     options: options,
     className: "filter_list"
-  }, function (_ref11) {
-    var item = _ref11.item,
-        resetProps = (0, _objectWithoutProperties2.default)(_ref11, _excluded5);
+  }, function (_ref13) {
+    var item = _ref13.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref13, _excluded5);
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
       className: "filter_item",
       onClick: function onClick(e) {
@@ -497,11 +507,11 @@ var MoreFilter = function MoreFilter(_ref10) {
 }; // 日期范围选择器
 
 
-var DatePickerFilter = function DatePickerFilter(_ref12) {
-  var getFilterValue = _ref12.getFilterValue,
-      setFilterValue = _ref12.setFilterValue,
-      props = _ref12.props,
-      dateType = _ref12.dateType;
+var DatePickerFilter = function DatePickerFilter(_ref14) {
+  var getFilterValue = _ref14.getFilterValue,
+      setFilterValue = _ref14.setFilterValue,
+      props = _ref14.props,
+      dateType = _ref14.dateType;
   console.log(dateType, '--dateType'); // 对日期格式的转换, 日期组件仅接收moment格式
 
   var value = (0, _react.useMemo)(function () {

package/es/CkFilter/filter.js

@@ -54,7 +54,7 @@ var Filter = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         filterValues = _props$filterValues === void 0 ? {} : _props$filterValues,
         hasCustom = props.custom,
         hasLevelGroup = props.levelGroup;
-    var isMore = (data === null || data === void 0 ? void 0 : data.length) > 5;
+    var isMore = (data === null || data === void 0 ? void 0 : data.length) > 3;
     var visileData = data.filter(function (v) {
       v.fixed && (0, _utils.getIsHas)(v === null || v === void 0 ? void 0 : v.value) && (filterValues[v.field] = v.value);
       return v.fixed;

package/es/CkFilter/style/style.css

@@ -730,8 +730,8 @@ html {
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: 14px;
-  min-height: 60px;
+  font-size: 12px;
+  min-height: 40px;
   color: #666;
   padding: 0 8px;
 }

package/es/Filter/Popover.js

@@ -23,10 +23,10 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
-var _react = _interopRequireWildcard(require("react"));
-
 var _icons = require("@ant-design/icons");
 
+var _react = _interopRequireWildcard(require("react"));
+
 var _components = require("./components");
 
 var _popContext = _interopRequireDefault(require("./popContext"));

package/es/LeftTable/index.js

@@ -19,10 +19,10 @@ var _button = _interopRequireDefault(require("antd/es/button"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
-var _react = _interopRequireWildcard(require("react"));
-
 var _icons = require("@ant-design/icons");
 
+var _react = _interopRequireWildcard(require("react"));
+
 var _Popover = _interopRequireDefault(require("../Filter/Popover"));
 
 var _imgTest = _interopRequireDefault(require("./assets/imgTest.jpg"));
@@ -91,6 +91,7 @@ var LeftSide = function LeftSide(_ref) {
   }, /*#__PURE__*/_react.default.createElement("span", null, useTree.title)), /*#__PURE__*/_react.default.createElement(_Popover.default, {
     item: treeType,
     config: {
+      arrow: false,
       placement: 'bottomRight',
       overlayStyle: {
         width: 168,
@@ -105,7 +106,8 @@ var LeftSide = function LeftSide(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_button.default, {
     type: "text"
   }, /*#__PURE__*/_react.default.createElement(_icons.EllipsisOutlined, null))))), /*#__PURE__*/_react.default.createElement(_tree.default, {
-    treeData: useTree.treeData
+    treeData: useTree.treeData,
+    rootClassName: "lm_tree_warp"
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "toggle_btn",
     onClick: toggleTree

package/es/LeftTable/style/style.css

@@ -498,7 +498,7 @@ html {
   font-size: 12px;
   height: calc(100% - 36px);
   width: 168px;
-  border: 1px solid #eee;
+  border: 1px solid var(--line-color);
 }
 .lm_grid_tree .grid_tree_title {
   display: flex;
@@ -510,15 +510,31 @@ html {
   transition: 0.3s;
   overflow: hidden;
 }
-.lm_grid_tree .grid_tree_title .grid_tree_title_left,
-.lm_grid_tree .grid_tree_title .grid_tree_title_right {
+.lm_grid_tree .grid_tree_title .grid_tree_title_left {
   white-space: nowrap;
-  padding: 0 6px 0 16px;
+  padding: 0 6px 0 8px;
+}
+.lm_grid_tree .grid_tree_title .grid_tree_title_left > button {
+  display: flex;
+  justify-content: flex-end;
+}
+.lm_grid_tree .grid_tree_title .grid_tree_title_right button {
+  width: 24px;
+  height: 24px;
+  margin-right: 8px;
+  padding: 0;
+  cursor: pointer;
+}
+.lm_grid_tree .grid_tree_title .grid_tree_title_right button :hover {
+  color: var(--primary-color);
+}
+.lm_grid_tree .grid_tree_title .grid_tree_title_right.ant-popover-open button {
+  color: var(--primary-color);
 }
 .lm_grid_tree .ant-tree {
   font-size: 12px;
   white-space: nowrap;
-  padding: 0 10px;
+  padding: 0px;
   transition: 0.3s;
 }
 .lm_grid_tree .ant-tree .ant-tree-list-holder-inner > :first-child .ant-tree-switcher:empty {
@@ -543,17 +559,19 @@ html {
   z-index: 1;
   top: 50%;
   transform: translateY(-50%);
-  right: -6px;
+  right: 0;
   display: flex;
   font-size: 8px;
   width: 12px;
   height: 48px;
   align-items: center;
   justify-content: center;
-  border-radius: 12px;
-  color: var(--font-color);
-  background-color: var(--table-background-color);
-  transition: 0.3s;
+  border-radius: 0;
+  color: var(--text-color);
+  background-color: var(--line-color);
+  transition: 0s;
+  border-top-left-radius: 100px;
+  border-bottom-left-radius: 100px;
   cursor: pointer;
 }
 .lm_grid_tree .toggle_btn:hover {
@@ -575,3 +593,13 @@ html {
   right: -14px;
   transform: translateY(-50%) rotateY(180deg);
 }
+.lm_tree_warp .ant-tree-list-holder-inner .ant-tree-treenode {
+  width: 100%;
+  display: flex;
+}
+.lm_tree_warp .ant-tree-list-holder-inner .ant-tree-treenode > .ant-tree-node-content-wrapper {
+  flex: 1 1 auto;
+}
+.lm_tree_warp .ant-tree-list-holder-inner .ant-tree-treenode > .ant-tree-node-content-wrapper.ant-tree-node-selected {
+  background-color: var(--primary-select-color);
+}

package/es/Modal/index.js

@@ -33,16 +33,20 @@ var CLMModal = function CLMModal(props) {
 
   return /*#__PURE__*/React.createElement(_Modal, Object.assign({
     wrapClassName: classNames(wrapClassName, prefixCls),
-    width: size === 'default' ? 552 : 416
-  }, other, {
+    width: size === 'default' ? 552 : 416,
     footer: [/*#__PURE__*/React.createElement(Button, {
       onClick: onCancel,
       size: 'middle'
-    }, cancelText || '取消'), /*#__PURE__*/React.createElement(Button, {
+    }, cancelText), /*#__PURE__*/React.createElement(Button, {
       type: "primary",
       onClick: onOk,
       size: 'middle'
     }, okText)]
+  }, other, {
+    onOk: onOk,
+    onCancel: onCancel,
+    okText: okText,
+    cancelText: cancelText
   }));
 };
 

package/es/PopTable/style/style.css

@@ -530,7 +530,6 @@ html {
 .lm_popover_table .lm_operate .operate_left,
 .lm_popover_table .lm_operate .operate_right {
   display: flex;
-  padding-bottom: calc(var(--gap) * 2);
 }
 .lm_popover_table .lm_operate .operate_left:empty,
 .lm_popover_table .lm_operate .operate_right:empty {

package/es/ProTable/ImgList/body.js

@@ -17,14 +17,14 @@ var _reactVirtualizedAutoSizer = _interopRequireDefault(require("react-virtualiz
 
 var _reactWindow = require("react-window");
 
-var _context = _interopRequireDefault(require("./context"));
-
-var _imgCell = _interopRequireDefault(require("./imgCell"));
-
 var _cardCell = _interopRequireDefault(require("./cardCell"));
 
+var _context = _interopRequireDefault(require("./context"));
+
 var _empty = _interopRequireDefault(require("./empty"));
 
+var _imgCell = _interopRequireDefault(require("./imgCell"));
+
 var ImgList = function ImgList(props) {
   var widthCount = props.width,
       heightCount = props.height;
@@ -40,7 +40,7 @@ var ImgList = function ImgList(props) {
 
 
   var columnCount = (0, _react.useMemo)(function () {
-    return widthCount > 1800 ? 5 : widthCount > 1500 ? 4 : 3;
+    return widthCount > 1800 ? 7 : widthCount > 1400 ? 6 : widthCount > 1000 ? 5 : 4;
   }, [widthCount]);
   var widthCell = (0, _react.useMemo)(function () {
     return (widthCount - 8) / columnCount;

package/es/ProTable/Table.js

@@ -19,14 +19,14 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactVirtualizedAutoSizer = _interopRequireDefault(require("react-virtualized-auto-sizer"));
-
 var _proTable = _interopRequireDefault(require("@ant-design/pro-table"));
 
 var _lodash = require("lodash");
 
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactVirtualizedAutoSizer = _interopRequireDefault(require("react-virtualized-auto-sizer"));
+
 var _context = _interopRequireDefault(require("./context"));
 
 var _VList = require("./VList");
@@ -273,6 +273,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     loading: loading,
     dataSource: dataSource,
     components: vComponents,
+    tableClassName: "lm_protable",
     summary: function summary(pageData) {
       return _summary && _summary(pageData, resultColumns);
     }

package/es/ProTable/style/style.css

@@ -578,7 +578,6 @@ html {
 .lm_operate .operate_left,
 .lm_operate .operate_right {
   display: flex;
-  padding-bottom: calc(var(--gap) * 2);
 }
 .lm_operate .operate_left:empty,
 .lm_operate .operate_right:empty {
@@ -817,7 +816,7 @@ html {
   height: 100%;
   border-radius: 2px;
   background-color: var(--background-color);
-  padding: 8px;
+  padding: 16px 8px 8px 8px;
   overflow: hidden;
   border: 1px solid transparent;
   transition: 0.3s;
@@ -880,9 +879,11 @@ html {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
+  font-weight: 500;
 }
 .lm_img_table .lm_imgList .img_cell_wrap .img_cell_body .img_cell_title .code {
   padding-top: 5px;
+  color: var(--text-color);
 }
 .lm_img_table .lm_imgList .img_cell_wrap .img_cell_body .img_cell_title .code .ant-typography {
   color: var(--text-color);
@@ -902,6 +903,8 @@ html {
   justify-content: flex-start;
   align-items: center;
   flex-wrap: wrap;
+  font-size: 12px;
+  padding-left: 4px;
 }
 .lm_img_table .lm_imgList .img_cell_wrap .img_cell_body .img_cell_tags button.ant-btn-sm {
   border: 0;
@@ -970,6 +973,9 @@ html {
   background: var(--background-color);
   padding: 0 8px;
 }
+.lm_img_table .lm_card_cell_content .card_cell_body .card_cell_info .code {
+  font-size: 12px;
+}
 .lm_img_table .lm_card_cell_content .card_cell_body .card_cell_info .code .ant-typography {
   color: var(--text-color);
   text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);

package/lib/CkFilter/components/filterTypes.js

@@ -281,12 +281,12 @@ var CheckboxFilter = function CheckboxFilter(_ref8) {
       filters = _ref8$filters === void 0 ? [] : _ref8$filters,
       getFilterValue = _ref8.getFilterValue,
       setFilterValue = _ref8.setFilterValue;
-  var inputRef = (0, _react.useRef)(null);
+  var inputRef = (0, _react.useRef)(null); // 选中的数据项: ['', '', ...];
 
   var _useState5 = (0, _react.useState)(getFilterValue || []),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
       checkedValues = _useState6[0],
-      setCheckedValues = _useState6[1]; // 搜索后的筛选项
+      setCheckedValues = _useState6[1]; // 搜索后的筛选项：[{value: '', ... }, ...]
 
 
   var _useState7 = (0, _react.useState)(filters),
@@ -297,20 +297,29 @@ var CheckboxFilter = function CheckboxFilter(_ref8) {
 
   var isSearch = (0, _react.useMemo)(function () {
     return filters.length > 8;
-  }, [filters.length]); // 是否半选
-
-  var indeterminate = (0, _react.useMemo)(function () {
-    return checkedValues.length && checkedValues.length < filters.length;
-  }, [checkedValues.length, filters.length]); // 是否全选
+  }, [filters.length]); // 是否全选: 选中的数据大于等于筛选后的数据 && 筛选后的数据全部存在于选中的数据中
 
   var checkAll = (0, _react.useMemo)(function () {
-    return checkedValues.length === filters.length;
-  }, [checkedValues.length, filters.length]); // 全选事件
+    var isLen = checkedValues.length >= options.length;
+    return isLen && options.every(function (_ref9) {
+      var value = _ref9.value;
+      return checkedValues.includes(value);
+    });
+  }, [checkedValues.length, options]); // 是否半选: 存在选中的数据 && 未全选
+
+  var indeterminate = (0, _react.useMemo)(function () {
+    return checkedValues.length && !checkAll;
+  }, [checkedValues.length, checkAll]); // 全选事件
 
   var onCheckAllChange = function onCheckAllChange() {
-    var nValue = checkAll ? [] : filters.map(function (v) {
+    var nValue = checkAll ? checkedValues.filter(function (v) {
+      return !options.some(function (_ref10) {
+        var value = _ref10.value;
+        return v === value;
+      });
+    }) : Array.from(new Set([].concat((0, _toConsumableArray2.default)(checkedValues), (0, _toConsumableArray2.default)(options.map(function (v) {
       return v.value;
-    });
+    })))));
     setCheckedValues(nValue);
   }; // 搜索
 
@@ -329,7 +338,7 @@ var CheckboxFilter = function CheckboxFilter(_ref8) {
 
   var handleReset = function handleReset() {
     if (inputRef.current) {
-      inputRef.current.state.value = '';
+      inputRef.current.input.value = '';
     }
 
     setFilterValue(undefined);
@@ -376,9 +385,9 @@ var CheckboxFilter = function CheckboxFilter(_ref8) {
   }, /*#__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, _excluded4);
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
       className: (0, _classnames.default)('filter_item', {
         checked: checkedValues.includes(item.value)
@@ -395,19 +404,20 @@ var CheckboxFilter = function CheckboxFilter(_ref8) {
   }, "\u6682\u65E0\u6570\u636E")), isSearch && /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_footer"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "footer_save",
-    onClick: handleSure
-  }, "\u786E\u5B9A"), /*#__PURE__*/_react.default.createElement("div", {
     className: "footer_clear",
     onClick: handleReset
-  }, "\u6E05\u7A7A")));
+  }, "\u6E05\u7A7A"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+    type: "primary",
+    size: "small",
+    onClick: handleSure
+  }, "\u786E\u5B9A")));
 }; // 更多筛选
 
 
-var MoreFilter = function MoreFilter(_ref10) {
-  var filters = _ref10.filters,
-      getFilterValue = _ref10.getFilterValue,
-      setFilterValue = _ref10.setFilterValue;
+var MoreFilter = function MoreFilter(_ref12) {
+  var filters = _ref12.filters,
+      getFilterValue = _ref12.getFilterValue,
+      setFilterValue = _ref12.setFilterValue;
   // 选中的数据
   var checkedValues = (0, _react.useMemo)(function () {
     return getFilterValue;
@@ -473,9 +483,9 @@ var MoreFilter = function MoreFilter(_ref10) {
   }, /*#__PURE__*/_react.default.createElement(_VirtualList.default, {
     options: options,
     className: "filter_list"
-  }, function (_ref11) {
-    var item = _ref11.item,
-        resetProps = (0, _objectWithoutProperties2.default)(_ref11, _excluded5);
+  }, function (_ref13) {
+    var item = _ref13.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref13, _excluded5);
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
       className: "filter_item",
       onClick: function onClick(e) {
@@ -497,11 +507,11 @@ var MoreFilter = function MoreFilter(_ref10) {
 }; // 日期范围选择器
 
 
-var DatePickerFilter = function DatePickerFilter(_ref12) {
-  var getFilterValue = _ref12.getFilterValue,
-      setFilterValue = _ref12.setFilterValue,
-      props = _ref12.props,
-      dateType = _ref12.dateType;
+var DatePickerFilter = function DatePickerFilter(_ref14) {
+  var getFilterValue = _ref14.getFilterValue,
+      setFilterValue = _ref14.setFilterValue,
+      props = _ref14.props,
+      dateType = _ref14.dateType;
   console.log(dateType, '--dateType'); // 对日期格式的转换, 日期组件仅接收moment格式
 
   var value = (0, _react.useMemo)(function () {

package/lib/CkFilter/filter.js

@@ -54,7 +54,7 @@ var Filter = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         filterValues = _props$filterValues === void 0 ? {} : _props$filterValues,
         hasCustom = props.custom,
         hasLevelGroup = props.levelGroup;
-    var isMore = (data === null || data === void 0 ? void 0 : data.length) > 5;
+    var isMore = (data === null || data === void 0 ? void 0 : data.length) > 3;
     var visileData = data.filter(function (v) {
       v.fixed && (0, _utils.getIsHas)(v === null || v === void 0 ? void 0 : v.value) && (filterValues[v.field] = v.value);
       return v.fixed;

package/lib/CkFilter/style/style.css

@@ -730,8 +730,8 @@ html {
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: 14px;
-  min-height: 60px;
+  font-size: 12px;
+  min-height: 40px;
   color: #666;
   padding: 0 8px;
 }

package/lib/Filter/Popover.js

@@ -23,10 +23,10 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _react = _interopRequireWildcard(require("react"));
-
 var _icons = require("@ant-design/icons");
 
+var _react = _interopRequireWildcard(require("react"));
+
 var _components = require("./components");
 
 var _popContext = _interopRequireDefault(require("./popContext"));

package/lib/LeftTable/index.js

@@ -19,10 +19,10 @@ var _button = _interopRequireDefault(require("antd/es/button"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _react = _interopRequireWildcard(require("react"));
-
 var _icons = require("@ant-design/icons");
 
+var _react = _interopRequireWildcard(require("react"));
+
 var _Popover = _interopRequireDefault(require("../Filter/Popover"));
 
 var _imgTest = _interopRequireDefault(require("./assets/imgTest.jpg"));
@@ -91,6 +91,7 @@ var LeftSide = function LeftSide(_ref) {
   }, /*#__PURE__*/_react.default.createElement("span", null, useTree.title)), /*#__PURE__*/_react.default.createElement(_Popover.default, {
     item: treeType,
     config: {
+      arrow: false,
       placement: 'bottomRight',
       overlayStyle: {
         width: 168,
@@ -105,7 +106,8 @@ var LeftSide = function LeftSide(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_button.default, {
     type: "text"
   }, /*#__PURE__*/_react.default.createElement(_icons.EllipsisOutlined, null))))), /*#__PURE__*/_react.default.createElement(_tree.default, {
-    treeData: useTree.treeData
+    treeData: useTree.treeData,
+    rootClassName: "lm_tree_warp"
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "toggle_btn",
     onClick: toggleTree