@bit-sun/business-component 2.2.4 → 2.2.5

package/dist/index.esm.js

@@ -32,7 +32,8 @@ var ENUM = {
     LIMIT_MENU_DATA: 'limitedMenuData',
     USER_INFO: 'userInfo',
     DICT_CODES: 'dicData',
-    CHILD_APP_BACK: 'child_app_back' //标记子应用goback事件
+    CHILD_APP_BACK: 'child_app_back',
+    SEARCH_FIELDS_CONDITION: 'searchFieldsCondition' //表格搜索项信息缓存
   }
 };
 
@@ -16946,22 +16947,494 @@ var SortableTable$1 = /*#__PURE__*/function (_React$Component) {
             row: this.DraggableBodyRow
           }
         }
-      }))))), /*#__PURE__*/React.createElement("img", {
-        width: 32,
+      }))))), /*#__PURE__*/React.createElement("div", {
         onClick: this.showModal,
-        src: shezhi
-      }));
+        style: {
+          fontSize: 14
+        }
+      }, "\u5217\u8BBE\u7F6E"));
     }
   }]);
   return SortableTable;
 }(React.Component);
 
-var _excluded$d = ["onResize", "width"];
+var _excluded$d = ["className", "style"];
+var DragHandle$3 = SortableHandle(function () {
+  return /*#__PURE__*/React.createElement("img", {
+    src: drag
+  });
+});
+var SortableItem$3 = SortableElement(function (props) {
+  return /*#__PURE__*/React.createElement("tr", _objectSpread2({}, props));
+});
+var SortableBody$3 = SortableContainer(function (props) {
+  return /*#__PURE__*/React.createElement("tbody", _objectSpread2({}, props));
+});
+var SearchItemTable = /*#__PURE__*/function (_React$Component) {
+  _inherits(SearchItemTable, _React$Component);
+  var _super = _createSuper(SearchItemTable);
+  function SearchItemTable() {
+    var _this;
+    _classCallCheck(this, SearchItemTable);
+    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 = {
+      dataSource: [],
+      columns: [],
+      sortDataSource: [],
+      setVisible: false,
+      searchDataSource: false,
+      onSearchSort: false,
+      isDefaultValue: false,
+      defaultValue: [],
+      bsTableCode: '' //设置table 列的标识
+    };
+    _this.patchUserSearchFieldsConfig = function (config) {
+      var that = _assertThisInitialized(_this);
+      var configvalue = config ? config.map(function (item) {
+        return {
+          name: item.name,
+          hidden: item.hidden
+        };
+      }) : '';
+      axios({
+        url: '/user/appConfig/saveQueryCriteria',
+        method: 'POST',
+        data: {
+          code: that.state.bsTableCode,
+          detail: configvalue ? JSON.stringify(configvalue) : ''
+        }
+      }).then(function (res) {
+        var _res$data;
+        if ((res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.status) === '0') {
+          _this.patchConfigToLocalstorage(configvalue);
+        } else {
+          message.error('保存搜索项自定义失败，请稍后尝试');
+        }
+      });
+    };
+    _this.getConfigFromlocalstorage = function () {
+      var config = localStorage.getItem(ENUM.BROWSER_CACHE.SEARCH_FIELDS_CONDITION) || '[]';
+      var configArray = JSON.parse(config);
+      var configSetting = configArray.filter(function (item) {
+        return item.code === _this.state.bsTableCode;
+      });
+      if (configSetting.length && configSetting[0].detail) {
+        return JSON.parse(configSetting[0].detail);
+      }
+      return [];
+    };
+    _this.patchConfigToLocalstorage = function (configvalue) {
+      var setShowSearchFields = _this.props.setShowSearchFields;
+      var _this$state = _this.state,
+        sortDataSource = _this$state.sortDataSource,
+        bsTableCode = _this$state.bsTableCode;
+      var config = localStorage.getItem(ENUM.BROWSER_CACHE.SEARCH_FIELDS_CONDITION) || '[]';
+      var configArray = JSON.parse(config);
+      var currentSetting = configArray.filter(function (item) {
+        return item.code === bsTableCode;
+      });
+      if (currentSetting.length) {
+        currentSetting[0].detail = JSON.stringify(configvalue);
+      } else {
+        configArray.push({
+          "code": bsTableCode,
+          "detail": JSON.stringify(configvalue)
+        });
+      }
+      localStorage.setItem(ENUM.BROWSER_CACHE.SEARCH_FIELDS_CONDITION, JSON.stringify(configArray));
+      _this.setState({
+        visible: false
+      });
+      setShowSearchFields(_toConsumableArray(sortDataSource));
+    };
+    _this.setInitValue = function () {
+      var _this$props = _this.props,
+        datasource = _this$props.datasource,
+        showSearchFields = _this$props.showSearchFields;
+      var config = _this.getConfigFromlocalstorage();
+      _this.setState({
+        isDefaultValue: true,
+        dataSource: datasource.map(function (item) {
+          var innerItem = config.filter(function (inneritem) {
+            var innerKey = Array.isArray(inneritem.name) ? JSON.stringify(inneritem.name) : inneritem.name;
+            var itemKey = Array.isArray(item.name) ? JSON.stringify(item.name) : item.name;
+            return innerKey && innerKey === itemKey;
+          });
+          return _objectSpread2(_objectSpread2({}, item), {}, {
+            hidden: config.length && !innerItem.length
+          });
+        }),
+        defaultValue: datasource.map(function (item) {
+          var innerItem = config.filter(function (inneritem) {
+            var innerKey = Array.isArray(inneritem.name) ? JSON.stringify(inneritem.name) : inneritem.name;
+            var itemKey = Array.isArray(item.name) ? JSON.stringify(item.name) : item.name;
+            return innerKey && innerKey === itemKey;
+          });
+          return _objectSpread2(_objectSpread2({}, item), {}, {
+            hidden: config.length && !innerItem.length
+          });
+        }),
+        sortDataSource: _toConsumableArray(showSearchFields)
+      });
+    };
+    _this.columns = [{
+      title: '搜索字段名称',
+      dataIndex: 'label',
+      className: 'drag-visible',
+      width: 100
+    }, {
+      title: '删除',
+      dataIndex: 'title1',
+      render: function render(text, record) {
+        return /*#__PURE__*/React.createElement("span", {
+          onClick: function onClick() {
+            _this.setState({
+              sortDataSource: _this.state.sortDataSource.filter(function (item) {
+                return item.label !== record.label;
+              }),
+              isDefaultValue: false,
+              dataSource: _toConsumableArray(_this.state.dataSource.map(function (item) {
+                if (item.label === record.label) {
+                  return _objectSpread2(_objectSpread2({}, item), {}, {
+                    hidden: true
+                  });
+                }
+                return item;
+              }))
+            });
+          }
+        }, /*#__PURE__*/React.createElement("img", {
+          src: close
+        }));
+      }
+    }, {
+      title: 'Sort',
+      dataIndex: 'sort',
+      className: 'drag-visible',
+      render: function render() {
+        return /*#__PURE__*/React.createElement(DragHandle$3, null);
+      }
+    }];
+    _this.showModal = function () {
+      _this.setState({
+        visible: true
+      });
+      _this.setInitValue();
+    };
+    _this.handleOk = function (e) {
+      var _this$state2 = _this.state,
+        sortDataSource = _this$state2.sortDataSource,
+        isDefaultValue = _this$state2.isDefaultValue,
+        defaultValue = _this$state2.defaultValue;
+      if (!sortDataSource.length) {
+        message.warning('至少选择一个搜索项!');
+        return;
+      }
+      _this.patchUserSearchFieldsConfig(sortDataSource);
+    };
+    _this.handleCancel = function (e) {
+      console.log(e);
+      _this.setState({
+        visible: false
+      });
+    };
+    _this.handleTableHeadHidden = function (title) {
+      var _this$state3 = _this.state,
+        sortDataSource = _this$state3.sortDataSource,
+        dataSource = _this$state3.dataSource;
+      _this.setState({
+        sortDataSource: sortDataSource.filter(function (item) {
+          return item.title !== title;
+        }),
+        dataSource: _toConsumableArray(dataSource.map(function (item) {
+          if (item.title === title) {
+            return _objectSpread2(_objectSpread2({}, item), {}, {
+              hidden: true
+            });
+          }
+          return item;
+        }))
+      }, function () {
+        _this.handleOk();
+      });
+    };
+    _this.onSortEnd = function (_ref) {
+      var oldIndex = _ref.oldIndex,
+        newIndex = _ref.newIndex;
+      var sortDataSource = _this.state.sortDataSource;
+      if (oldIndex !== newIndex) {
+        var newData = arrayMoveImmutable([].concat(sortDataSource), oldIndex, newIndex).filter(function (el) {
+          return !!el;
+        });
+        _this.setState({
+          sortDataSource: _toConsumableArray(newData),
+          isDefaultValue: false
+        });
+      }
+    };
+    _this.DraggableContainer = function (props) {
+      return /*#__PURE__*/React.createElement(SortableBody$3, _objectSpread2({
+        useDragHandle: true,
+        disableAutoscroll: true,
+        helperClass: "row-dragging",
+        onSortEnd: _this.onSortEnd
+      }, props));
+    };
+    _this.DraggableBodyRow = function (_ref2) {
+      var className = _ref2.className,
+        style = _ref2.style,
+        restProps = _objectWithoutProperties(_ref2, _excluded$d);
+      var sortDataSource = _this.state.sortDataSource;
+      var index = sortDataSource.findIndex(function (x) {
+        return x.name === restProps['data-row-key'];
+      });
+      return /*#__PURE__*/React.createElement(SortableItem$3, _objectSpread2({
+        index: index
+      }, restProps));
+    };
+    _this.onChange = function (e, label) {
+      var _this$state4 = _this.state,
+        sortDataSource = _this$state4.sortDataSource,
+        dataSource = _this$state4.dataSource;
+      if (!e.target.checked) {
+        _this.setState({
+          sortDataSource: sortDataSource.filter(function (item) {
+            return item.label !== label;
+          }),
+          isDefaultValue: false,
+          dataSource: _toConsumableArray(dataSource.map(function (item) {
+            if (item.label === label) {
+              return _objectSpread2(_objectSpread2({}, item), {}, {
+                hidden: true
+              });
+            }
+            return item;
+          }))
+        });
+      } else {
+        var newSortData = [].concat(_toConsumableArray(sortDataSource), _toConsumableArray(dataSource.filter(function (item) {
+          return item.label === label;
+        }).map(function (source) {
+          return _objectSpread2(_objectSpread2({}, source), {}, {
+            hidden: false
+          });
+        })));
+        _this.setState({
+          sortDataSource: _toConsumableArray(newSortData),
+          isDefaultValue: false,
+          dataSource: _toConsumableArray(dataSource.map(function (item) {
+            if (item.label === label) {
+              return _objectSpread2(_objectSpread2({}, item), {}, {
+                hidden: false
+              });
+            }
+            return item;
+          }))
+        });
+      }
+    };
+    _this.handleReset = function () {
+      _this.setInitValue(true);
+    };
+    _this.onSearch = function (e) {
+      _this.setState({
+        searchDataSource: e.target.value
+      });
+    };
+    _this.onSearchSort = function (e) {
+      _this.setState({
+        onSearchSort: e.target.value
+      });
+    };
+    return _this;
+  }
+  _createClass(SearchItemTable, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this$props2 = this.props,
+        datasource = _this$props2.datasource,
+        showSearchFields = _this$props2.showSearchFields,
+        bsTableCode = _this$props2.bsTableCode;
+      var config = this.getConfigFromlocalstorage();
+      this.setState({
+        dataSource: datasource.map(function (item) {
+          var innerItem = config.filter(function (inneritem) {
+            var innerKey = Array.isArray(inneritem.name) ? JSON.stringify(inneritem.name) : inneritem.name;
+            var itemKey = Array.isArray(item.name) ? JSON.stringify(item.name) : item.name;
+            return innerKey && innerKey === itemKey;
+          });
+          return _objectSpread2(_objectSpread2({}, item), {}, {
+            hidden: config.length && !innerItem.length
+          });
+        }),
+        defaultValue: datasource.map(function (item) {
+          var innerItem = config.filter(function (inneritem) {
+            var innerKey = Array.isArray(inneritem.name) ? JSON.stringify(inneritem.name) : inneritem.name;
+            var itemKey = Array.isArray(item.name) ? JSON.stringify(item.name) : item.name;
+            return innerKey && innerKey === itemKey;
+          });
+          return _objectSpread2(_objectSpread2({}, item), {}, {
+            hidden: config.length && !innerItem.length
+          });
+        }),
+        sortDataSource: datasource.filter(function (item) {
+          return !item.hidden;
+        }).map(function (item) {
+          return _objectSpread2({}, item);
+        }),
+        bsTableCode: bsTableCode
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$state5 = this.state,
+        _this$state5$dataSour = _this$state5.dataSource,
+        dataSource = _this$state5$dataSour === void 0 ? [] : _this$state5$dataSour,
+        searchDataSource = _this$state5.searchDataSource,
+        sortDataSource = _this$state5.sortDataSource,
+        visible = _this$state5.visible,
+        onSearchSort = _this$state5.onSearchSort;
+      var newSearchSource = dataSource.filter(function (item) {
+        var _item$label;
+        return (item === null || item === void 0 ? void 0 : (_item$label = item.label) === null || _item$label === void 0 ? void 0 : _item$label.indexOf(searchDataSource || '')) > -1;
+      });
+      return /*#__PURE__*/React.createElement("div", {
+        className: 'sort_table_wrapper'
+      }, visible && /*#__PURE__*/React.createElement(Modal, {
+        title: "\u8BBE\u7F6E\u641C\u7D22\u9879\u5185\u5BB9",
+        wrapClassName: 'sort_table_wrapper',
+        width: 820,
+        visible: visible,
+        onOk: this.handleOk,
+        onCancel: this.handleCancel,
+        footer: [/*#__PURE__*/React.createElement(Button, {
+          key: "back",
+          onClick: this.handleReset
+        }, "\u6062\u590D\u9ED8\u8BA4"), /*#__PURE__*/React.createElement(Button, {
+          key: "submit",
+          onClick: this.handleCancel
+        }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+          key: "submit",
+          type: "primary",
+          onClick: this.handleOk
+        }, "\u786E\u8BA4")]
+      }, /*#__PURE__*/React.createElement("div", {
+        className: 'sort_table'
+      }, /*#__PURE__*/React.createElement("div", {
+        className: 'sort_table_column_wrapper'
+      }, /*#__PURE__*/React.createElement("span", {
+        className: 'sort_table_column_count'
+      }, "\u53EF\u9009\u5B57\u6BB5 ", /*#__PURE__*/React.createElement("span", null, "\uFF08\u5171", dataSource.length, "\u4E2A\uFF09")), /*#__PURE__*/React.createElement("div", {
+        className: 'sort_table_column'
+      }, /*#__PURE__*/React.createElement(Input, {
+        prefix: /*#__PURE__*/React.createElement(SearchOutlined, {
+          className: "site-form-item-icon"
+        }),
+        placeholder: "\u641C\u7D22",
+        allowClear: true,
+        onChange: this.onSearch,
+        style: {
+          width: 540
+        }
+      }), /*#__PURE__*/React.createElement("div", null, !searchDataSource && /*#__PURE__*/React.createElement(Checkbox, {
+        checked: !dataSource.some(function (item) {
+          if (item.hidden) return true;
+          return false;
+        }),
+        onClick: function onClick(e) {
+          _this2.setState({
+            isDefaultValue: false,
+            dataSource: _toConsumableArray(dataSource.map(function (item) {
+              return _objectSpread2(_objectSpread2({}, item), {}, {
+                hidden: !e.target.checked
+              });
+            })),
+            sortDataSource: e.target.checked ? _toConsumableArray(dataSource.map(function (item) {
+              return _objectSpread2(_objectSpread2({}, item), {}, {
+                hidden: false
+              });
+            })) : []
+          });
+        }
+      }, "\u5168\u9009")), /*#__PURE__*/React.createElement("div", {
+        className: 'sort_table_column_all'
+      }, searchDataSource ? newSearchSource.map(function (item) {
+        return /*#__PURE__*/React.createElement(Checkbox, {
+          checked: !item.hidden,
+          onChange: function onChange(e) {
+            _this2.onChange(e, item.label);
+          }
+        }, item.label);
+      }) : dataSource.map(function (item) {
+        return /*#__PURE__*/React.createElement(Checkbox, {
+          checked: !item.hidden,
+          onChange: function onChange(e) {
+            _this2.onChange(e, item.label);
+          }
+        }, item.label);
+      }), !!newSearchSource.length && /*#__PURE__*/React.createElement("span", {
+        style: {
+          width: '144px'
+        }
+      }), !newSearchSource.length && /*#__PURE__*/React.createElement("div", {
+        className: 'sort_table_column_all_empty'
+      }, "\u672A\u67E5\u8BE2\u5230\u7ED3\u679C")))), /*#__PURE__*/React.createElement("div", {
+        className: 'sort_table_content_wrapper'
+      }, /*#__PURE__*/React.createElement("span", {
+        className: 'sort_table_content_count'
+      }, "\u5DF2\u9009\u5B57\u6BB5 ", /*#__PURE__*/React.createElement("span", null, "\uFF08\u5171", sortDataSource.length, "\u4E2A\uFF09")), /*#__PURE__*/React.createElement("div", {
+        className: 'sort_table_content'
+      }, /*#__PURE__*/React.createElement("span", {
+        style: {
+          paddingLeft: '10px'
+        }
+      }, /*#__PURE__*/React.createElement(Input, {
+        prefix: /*#__PURE__*/React.createElement(SearchOutlined, {
+          className: "site-form-item-icon"
+        }),
+        placeholder: "\u641C\u7D22",
+        allowClear: true,
+        onChange: this.onSearchSort,
+        style: {
+          width: 190
+        }
+      })), /*#__PURE__*/React.createElement(Table, {
+        pagination: false,
+        showHeader: false,
+        dataSource: onSearchSort ? sortDataSource.filter(function (item) {
+          var _item$label2;
+          return (item === null || item === void 0 ? void 0 : (_item$label2 = item.label) === null || _item$label2 === void 0 ? void 0 : _item$label2.indexOf(onSearchSort)) > -1;
+        }) : sortDataSource,
+        columns: this.columns,
+        rowKey: "name",
+        components: {
+          body: {
+            wrapper: this.DraggableContainer,
+            row: this.DraggableBodyRow
+          }
+        }
+      }))))), /*#__PURE__*/React.createElement("div", {
+        onClick: this.showModal,
+        style: {
+          fontSize: 14
+        }
+      }, "\u641C\u7D22\u9879\u8BBE\u7F6E"));
+    }
+  }]);
+  return SearchItemTable;
+}(React.Component);
+
+var _excluded$e = ["onResize", "width"];
 var MemoQueryTable = /*#__PURE__*/React.memo(QueryTable);
 var ResizeableTitle$2 = function ResizeableTitle(props) {
   var onResize = props.onResize,
     width = props.width,
-    restProps = _objectWithoutProperties(props, _excluded$d);
+    restProps = _objectWithoutProperties(props, _excluded$e);
   if (!width) {
     return /*#__PURE__*/React.createElement("th", _objectSpread2({}, restProps));
   }
@@ -17006,14 +17479,18 @@ var BsSulaQueryTable = (function (props) {
   var _useState11 = useState([]),
     _useState12 = _slicedToArray(_useState11, 2),
     showColumn = _useState12[0],
-    setShowColumns = _useState12[1];
+    setShowColumns = _useState12[1]; // 列字段
+  var _useState13 = useState([]),
+    _useState14 = _slicedToArray(_useState13, 2),
+    showSearchFields = _useState14[0],
+    setShowSearchFields = _useState14[1]; //搜索项字段
   var _props$isPage = props.isPage,
     pagination = props.pagination,
     tableCode = props.tableCode;
-  var _useState13 = useState('100vh'),
-    _useState14 = _slicedToArray(_useState13, 2),
-    height = _useState14[0],
-    setHeight = _useState14[1];
+  var _useState15 = useState('100vh'),
+    _useState16 = _slicedToArray(_useState15, 2),
+    height = _useState16[0],
+    setHeight = _useState16[1];
   var sortTableRef = useRef(null);
   var bsTableCode = tableCode || window.location.hash; //设置列字段的唯一标识
   // 获取table高度
@@ -17033,8 +17510,8 @@ var BsSulaQueryTable = (function (props) {
     if (isFull == undefined) isFull = false;
     return isFull;
   }
-  var getConfigFromlocalstorage = function getConfigFromlocalstorage() {
-    var config = localStorage.getItem(ENUM.BROWSER_CACHE.COLUMN_CONDITION) || '[]';
+  var getConfigFromlocalstorage = function getConfigFromlocalstorage(type) {
+    var config = localStorage.getItem(type) || '[]';
     var configArray = JSON.parse(config);
     var configSetting = configArray.filter(function (item) {
       return item.code === bsTableCode;
@@ -17090,7 +17567,7 @@ var BsSulaQueryTable = (function (props) {
       columns: _toConsumableArray(props.columns)
     }));
     var columns = props.columns;
-    var columnConfig = getConfigFromlocalstorage();
+    var columnConfig = getConfigFromlocalstorage(ENUM.BROWSER_CACHE.COLUMN_CONDITION);
     var showColumns = columnConfig.length ? columnConfig.map(function (item) {
       var inner = columns.filter(function (inneritem) {
         var innerKey = Array.isArray(inneritem.key || inneritem.dataIndex) ? JSON.stringify(inneritem.key || inneritem.dataIndex) : inneritem.key || inneritem.dataIndex;
@@ -17114,10 +17591,25 @@ var BsSulaQueryTable = (function (props) {
     });
     setShowColumns(_toConsumableArray(showColumns));
   };
+  var setInitialSearchFieldsInfo = function setInitialSearchFieldsInfo() {
+    //获取搜索字段的缓存配置
+    var fields = props.fields;
+    var searchFieldsConfig = getConfigFromlocalstorage(ENUM.BROWSER_CACHE.SEARCH_FIELDS_CONDITION);
+    var showSearchFields = searchFieldsConfig.length ? searchFieldsConfig.map(function (item) {
+      var inner = fields.filter(function (inneritem) {
+        var innerKey = Array.isArray(inneritem.name) ? JSON.stringify(inneritem.name) : inneritem.name;
+        var itemKey = Array.isArray(item.name) ? JSON.stringify(item.name) : item.name;
+        return innerKey && innerKey === itemKey;
+      })[0];
+      return _objectSpread2(_objectSpread2({}, inner), item);
+    }) : fields;
+    setShowSearchFields(_toConsumableArray(showSearchFields));
+  };
   //组件初始挂载
   useEffect(function () {
     getTableHeight();
     setInitialTableInfo();
+    setInitialSearchFieldsInfo();
     window.addEventListener('resize', function (e) {
       watchWinResize();
     });
@@ -17134,6 +17626,17 @@ var BsSulaQueryTable = (function (props) {
       JSON.stringify(newKeys) !== JSON.stringify(oldKeys) && setInitialTableInfo();
     }
   }, [props === null || props === void 0 ? void 0 : props.columns]);
+  useEffect(function () {
+    if ((props === null || props === void 0 ? void 0 : props.fields) && (value === null || value === void 0 ? void 0 : value.fields)) {
+      var newKeys = props.fields.map(function (d) {
+        return Array.isArray(d.name) ? JSON.stringify(d.name) : d.name;
+      });
+      var oldKeys = value.fields.map(function (d) {
+        return Array.isArray(d.name) ? JSON.stringify(d.name) : d.name;
+      });
+      JSON.stringify(newKeys) !== JSON.stringify(oldKeys) && setInitialSearchFieldsInfo();
+    }
+  }, [props === null || props === void 0 ? void 0 : props.fields]);
   useEffect(function () {
     setInitialTableInfo();
   }, [props === null || props === void 0 ? void 0 : props.refreshColumns]);
@@ -17245,16 +17748,28 @@ var BsSulaQueryTable = (function (props) {
     actionsRender = [].concat(_toConsumableArray(actionsRender), [{
       type: 'text',
       props: {
-        children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
-          title: "\u5217\u8BBE\u7F6E"
+        children: /*#__PURE__*/React.createElement("span", {
+          className: "ant-dropdown-link"
+        }, /*#__PURE__*/React.createElement(Dropdown, {
+          overlay: /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(Menu.Item, null, /*#__PURE__*/React.createElement(SortableTable$1, {
+            ref: sortTableRef,
+            setShowColumns: setShowColumns,
+            showColumn: showColumn,
+            datasource: (value === null || value === void 0 ? void 0 : value.columns) || [],
+            bsTableCode: bsTableCode
+          })), /*#__PURE__*/React.createElement(Menu.Item, null, /*#__PURE__*/React.createElement(SearchItemTable, {
+            ref: sortTableRef,
+            setShowSearchFields: setShowSearchFields,
+            showSearchFields: showSearchFields,
+            datasource: (value === null || value === void 0 ? void 0 : value.fields) || [],
+            bsTableCode: bsTableCode
+          }))),
+          placement: "bottom"
         }, /*#__PURE__*/React.createElement("span", {
           className: "ant-dropdown-link"
-        }, /*#__PURE__*/React.createElement(SortableTable$1, {
-          ref: sortTableRef,
-          setShowColumns: setShowColumns,
-          showColumn: showColumn,
-          datasource: (value === null || value === void 0 ? void 0 : value.columns) || [],
-          bsTableCode: bsTableCode
+        }, /*#__PURE__*/React.createElement("img", {
+          width: 32,
+          src: shezhi
         }))))
       }
     }, {
@@ -17338,6 +17853,7 @@ var BsSulaQueryTable = (function (props) {
   }, handleTimeValue()), {}, {
     tableProps: setTableProps(),
     columns: _toConsumableArray(showColumn),
+    fields: _toConsumableArray(showSearchFields),
     ref: props.forwardedRef || refs,
     isFullScreen: isFullScreen
   });
@@ -17360,7 +17876,7 @@ var BsSulaQueryTable = (function (props) {
       summary: props.summary,
       statusMapping: props.statusMapping
     });
-  }, [value, checkedList, showColumn, props.statusMapping]);
+  }, [value, checkedList, showColumn, props.statusMapping, showSearchFields]);
   return /*#__PURE__*/React.createElement(MemoQueryTable, _objectSpread2({}, memoConfig));
 });
 
@@ -19433,7 +19949,7 @@ var CustomerMenuHeader = function CustomerMenuHeader(_ref) {
 var css_248z$m = ".customer_menu_content {\n  color: #b1bad4;\n  background: #141620;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  height: 40px;\n  border-bottom: 1px solid #3d4047;\n}\n.customer_menu_content .ant-btn-link {\n  color: #b1bad4 !important;\n  font-size: 16px;\n  height: 36px;\n}\n.menu_item {\n  line-height: 30px;\n  height: 30px;\n  color: rgba(44, 47, 46);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.link_style:hover {\n  background-color: #e4e7ed;\n  cursor: pointer;\n  color: #1890ff;\n}\n.sub_menu_content {\n  box-shadow: 2px 0px 4px 0px rgba(185, 185, 185, 0.5);\n  position: fixed;\n  top: 50px;\n  left: 140px;\n  width: 200px;\n  height: 100%;\n  background-color: #fff;\n  padding-top: 10px;\n  z-index: 9999;\n}\n.tab_left_operate {\n  display: flex;\n  height: 28px;\n  align-items: center;\n}\n.tab_left_operate > div {\n  width: 28px;\n  font-size: 12px;\n  color: #2C2F2ECC;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-right: 1px solid #E4E4E4;\n  background-color: #fff;\n  cursor: pointer;\n}\n.tab_left_operate > div:last-child {\n  box-shadow: 2px -2px 4px 0px rgba(185, 185, 185, 0.9);\n  z-index: 99;\n}\n.tab_right_operate {\n  height: 28px;\n  width: 28px;\n  font-size: 12px;\n  color: #2C2F2ECC;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-right: 1px solid #E4E4E4;\n  background-color: #fff;\n  box-shadow: -2px -2px 4px 0px rgba(185, 185, 185, 0.9);\n  z-index: 99;\n  cursor: pointer;\n  position: relative;\n}\n";
 styleInject(css_248z$m);
 
-var _excluded$e = ["route"];
+var _excluded$f = ["route"];
 var TabPane = Tabs.TabPane;
 var UN_LISTTEN_DRP;
 var routerArray = [];
@@ -20231,7 +20747,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
       }); // 添加数据大屏
       var _this$props3 = this.props,
         route = _this$props3.route,
-        restPrpos = _objectWithoutProperties(_this$props3, _excluded$e);
+        restPrpos = _objectWithoutProperties(_this$props3, _excluded$f);
       var exist = route.routes.find(function (route) {
         return route.path === '/homePage/data-show';
       });
@@ -21027,10 +21543,10 @@ var index$6 = /*#__PURE__*/forwardRef(function (props, ref) {
   }))))));
 });
 
-var _excluded$f = ["children"];
+var _excluded$g = ["children"];
 var Drawer = (function (props) {
   var children = props.children,
-    restProps = _objectWithoutProperties(props, _excluded$f);
+    restProps = _objectWithoutProperties(props, _excluded$g);
   return /*#__PURE__*/React.createElement(Drawer$1, _objectSpread2({
     mask: true,
     closable: false,