@bit-sun/business-component 4.0.8 → 4.0.9

package/dist/index.js

@@ -15161,16 +15161,532 @@ var SortableTable$1 = /*#__PURE__*/function (_React$Component) {
   }]);
 }(React__default['default'].Component);
 
+var _excluded$f = ["className", "style"];
+var DragHandle$3 = reactSortableHoc.SortableHandle(function () {
+  return /*#__PURE__*/React__default['default'].createElement("img", {
+    width: 25,
+    src: drag
+  });
+});
+var SortableItem$3 = reactSortableHoc.SortableElement(function (props) {
+  return /*#__PURE__*/React__default['default'].createElement("tr", _objectSpread2({}, props));
+});
+var SortableBody$3 = reactSortableHoc.SortableContainer(function (props) {
+  return /*#__PURE__*/React__default['default'].createElement("tbody", _objectSpread2({}, props));
+});
+var SearchItemTable = /*#__PURE__*/function (_React$Component) {
+  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 = _callSuper(this, SearchItemTable, [].concat(args));
+    _this.state = {
+      dataSource: [],
+      columns: [],
+      sortDataSource: [],
+      setVisible: false,
+      searchDataSource: false,
+      onSearchSort: false,
+      isDefaultValue: false,
+      defaultValue: [],
+      bsTableCode: '' //设置table 列的标识
+    };
+    _this.patchUserSearchFieldsConfig = function (config) {
+      var appRequestConfig = _this.props.appRequestConfig;
+      var that = _this;
+      var configvalue = config ? config.map(function (item) {
+        return {
+          name: item.name,
+          hidden: item.hidden
+        };
+      }) : '';
+      requestUtil({
+        url: handleRequestUrl('/user', '/appConfig/saveQueryCriteria', appRequestConfig),
+        method: 'POST',
+        data: {
+          code: that.state.bsTableCode,
+          detail: configvalue ? JSON.stringify(configvalue) : ''
+        }
+      }).then(function (res) {
+        if (judgeIsRequestSuccess(res === null || res === void 0 ? void 0 : res.data)) {
+          _this.patchConfigToLocalstorage(configvalue);
+        } else {
+          antd.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 _this$props = _this.props,
+        setShowSearchFields = _this$props.setShowSearchFields,
+        _this$props$datasourc = _this$props.datasource,
+        datasource = _this$props$datasourc === void 0 ? [] : _this$props$datasourc;
+      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
+      });
+      if (configvalue) {
+        setShowSearchFields(_toConsumableArray(sortDataSource));
+      } else {
+        _this.setState({
+          isDefaultValue: true,
+          dataSource: _toConsumableArray(datasource.map(function (item) {
+            return _objectSpread2(_objectSpread2({}, item), {}, {
+              hidden: false
+            });
+          })),
+          sortDataSource: _toConsumableArray(datasource.map(function (item) {
+            return _objectSpread2(_objectSpread2({}, item), {}, {
+              hidden: false
+            });
+          }))
+        });
+        setShowSearchFields(_toConsumableArray(datasource));
+      }
+    };
+    _this.setInitValue = function () {
+      var _this$props2 = _this.props,
+        _this$props2$datasour = _this$props2.datasource,
+        datasource = _this$props2$datasour === void 0 ? [] : _this$props2$datasour,
+        _this$props2$showSear = _this$props2.showSearchFields,
+        showSearchFields = _this$props2$showSear === void 0 ? [] : _this$props2$showSear;
+      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__default['default'].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__default['default'].createElement("img", {
+          width: 24,
+          src: close
+        }));
+      }
+    }, {
+      title: 'Sort',
+      dataIndex: 'sort',
+      className: 'drag-visible',
+      render: function render() {
+        return /*#__PURE__*/React__default['default'].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) {
+        antd.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 = arrayMove.arrayMoveImmutable([].concat(sortDataSource), oldIndex, newIndex).filter(function (el) {
+          return !!el;
+        });
+        _this.setState({
+          sortDataSource: _toConsumableArray(newData),
+          isDefaultValue: false
+        });
+      }
+    };
+    _this.DraggableContainer = function (props) {
+      return /*#__PURE__*/React__default['default'].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$f);
+      var sortDataSource = _this.state.sortDataSource;
+      var index = sortDataSource.findIndex(function (x) {
+        return x.name === restProps['data-row-key'];
+      });
+      return /*#__PURE__*/React__default['default'].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.handleResetSetting = function () {
+      _this.patchUserSearchFieldsConfig('');
+    };
+    _this.onSearch = function (e) {
+      _this.setState({
+        searchDataSource: e.target.value
+      });
+    };
+    _this.onSearchSort = function (e) {
+      _this.setState({
+        onSearchSort: e.target.value
+      });
+    };
+    return _this;
+  }
+  _inherits(SearchItemTable, _React$Component);
+  return _createClass(SearchItemTable, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this$props3 = this.props,
+        datasource = _this$props3.datasource,
+        showSearchFields = _this$props3.showSearchFields,
+        bsTableCode = _this$props3.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__default['default'].createElement("div", {
+        className: 'sort_table_wrapper'
+      }, visible && (/*#__PURE__*/React__default['default'].createElement(antd.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__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(antd.Button, {
+          key: "back",
+          onClick: this.handleReset,
+          style: {
+            marginRight: 0
+          }
+        }, "\u6062\u590D\u9ED8\u8BA4"), /*#__PURE__*/React__default['default'].createElement(antd.Button, {
+          key: "back",
+          onClick: this.handleResetSetting
+        }, "\u91CD\u7F6E\u8BBE\u7F6E")), /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(antd.Button, {
+          key: "submit",
+          onClick: this.handleCancel,
+          style: {
+            marginRight: 0
+          }
+        }, "\u53D6\u6D88"), /*#__PURE__*/React__default['default'].createElement(antd.Button, {
+          key: "submit",
+          type: "primary",
+          onClick: this.handleOk
+        }, "\u786E\u8BA4"))]
+      }, /*#__PURE__*/React__default['default'].createElement("div", {
+        className: 'sort_table'
+      }, /*#__PURE__*/React__default['default'].createElement("div", {
+        className: 'sort_table_column_wrapper'
+      }, /*#__PURE__*/React__default['default'].createElement("span", {
+        className: 'sort_table_column_count'
+      }, "\u53EF\u9009\u5B57\u6BB5 ", /*#__PURE__*/React__default['default'].createElement("span", null, "\uFF08\u5171", dataSource.length, "\u4E2A\uFF09")), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: 'sort_table_column'
+      }, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+        prefix: /*#__PURE__*/React__default['default'].createElement(icons.SearchOutlined, {
+          className: "site-form-item-icon"
+        }),
+        placeholder: "\u641C\u7D22",
+        allowClear: true,
+        onChange: this.onSearch,
+        style: {
+          width: 540
+        }
+      }), /*#__PURE__*/React__default['default'].createElement("div", null, !searchDataSource && (/*#__PURE__*/React__default['default'].createElement(antd.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__default['default'].createElement("div", {
+        className: 'sort_table_column_all'
+      }, searchDataSource ? newSearchSource.map(function (item) {
+        return /*#__PURE__*/React__default['default'].createElement(antd.Checkbox, {
+          checked: !item.hidden,
+          onChange: function onChange(e) {
+            _this2.onChange(e, item.label);
+          }
+        }, item.label);
+      }) : dataSource.map(function (item) {
+        return /*#__PURE__*/React__default['default'].createElement(antd.Checkbox, {
+          checked: !item.hidden,
+          onChange: function onChange(e) {
+            _this2.onChange(e, item.label);
+          }
+        }, item.label);
+      }), !!newSearchSource.length && (/*#__PURE__*/React__default['default'].createElement("span", {
+        style: {
+          width: '144px'
+        }
+      })), !newSearchSource.length && (/*#__PURE__*/React__default['default'].createElement("div", {
+        className: 'sort_table_column_all_empty'
+      }, "\u672A\u67E5\u8BE2\u5230\u7ED3\u679C"))))), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: 'sort_table_content_wrapper'
+      }, /*#__PURE__*/React__default['default'].createElement("span", {
+        className: 'sort_table_content_count'
+      }, "\u5DF2\u9009\u5B57\u6BB5 ", /*#__PURE__*/React__default['default'].createElement("span", null, "\uFF08\u5171", sortDataSource.length, "\u4E2A\uFF09")), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: 'sort_table_content'
+      }, /*#__PURE__*/React__default['default'].createElement("span", {
+        style: {
+          paddingLeft: '10px'
+        }
+      }, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+        prefix: /*#__PURE__*/React__default['default'].createElement(icons.SearchOutlined, {
+          className: "site-form-item-icon"
+        }),
+        placeholder: "\u641C\u7D22",
+        allowClear: true,
+        onChange: this.onSearchSort,
+        style: {
+          width: 190
+        }
+      })), /*#__PURE__*/React__default['default'].createElement(antd.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__default['default'].createElement("div", {
+        onClick: this.showModal,
+        style: {
+          fontSize: 14,
+          textAlign: 'center',
+          border: '0.67px solid #D9D9D9',
+          width: '24px',
+          height: '24px',
+          lineHeight: '20px'
+        }
+      }, /*#__PURE__*/React__default['default'].createElement("img", {
+        style: {
+          width: '20px',
+          height: '20px'
+        },
+        src: shezhi
+      })));
+    }
+  }]);
+}(React__default['default'].Component);
+
 var css_248z$g = "#bs-sula-query-table .ant-table-title + .ant-table-container table {\n  visibility: unset !important;\n}\n";
 styleInject(css_248z$g);
 
-var _excluded$f = ["onResize", "width"];
+var _excluded$g = ["onResize", "width"];
 var MemoQueryTable = /*#__PURE__*/React__default['default'].memo(bssula.QueryTable);
 var Text$2 = antd.Typography.Text;
 var ResizeableTitle$2 = function ResizeableTitle(props) {
   var onResize = props.onResize,
     width = props.width,
-    restProps = _objectWithoutProperties(props, _excluded$f);
+    restProps = _objectWithoutProperties(props, _excluded$g);
   if (!width) {
     return /*#__PURE__*/React__default['default'].createElement("th", _objectSpread2({}, restProps));
   }
@@ -15184,7 +15700,7 @@ var ResizeableTitle$2 = function ResizeableTitle(props) {
   }, /*#__PURE__*/React__default['default'].createElement("th", _objectSpread2({}, restProps)));
 };
 var BsSulaQueryTable = (function (props) {
-  var _sortTableRef$current3, _props$expandable, _value$exportConfig6;
+  var _props$expandable, _sortTableRef$current3, _value$exportConfig6;
   var bsTableCode = (props === null || props === void 0 ? void 0 : props.tableCode) || window.location.hash; //设置列字段的唯一标识
   // 获取 table columns中所有的 key  防止有的地方是 dataindex
   var checkedList = React$1.useMemo(function () {
@@ -15630,14 +16146,14 @@ var BsSulaQueryTable = (function (props) {
     return cols;
   };
   var config = _objectSpread2(_objectSpread2({
-    visibleFieldsCount: 3,
+    visibleFieldsCount: 7,
     tableWrapperStyle: {
       padding: '10px'
       // background: '#f3f3f3',
     },
     setVisibleColumn: setVisibleColumn,
     itemLayout: {
-      span: 8,
+      span: 6,
       labelCol: {
         // label标签布局；可设置 span、offset
         span: 8
@@ -15650,29 +16166,7 @@ var BsSulaQueryTable = (function (props) {
     rowSelection: false
   }, handleTimeValue()), {}, {
     tableProps: setTableProps(),
-    columns: [].concat(_toConsumableArray(getColumns()), [{
-      key: 'setting',
-      title: /*#__PURE__*/React__default['default'].createElement("span", {
-        className: "ant-dropdown-link"
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
-        onClick: sortTableRef === null || sortTableRef === void 0 ? void 0 : (_sortTableRef$current3 = sortTableRef.current) === null || _sortTableRef$current3 === void 0 ? void 0 : _sortTableRef$current3.showModal,
-        className: "ant-dropdown-link"
-      }, /*#__PURE__*/React__default['default'].createElement("img", {
-        style: {
-          position: 'relative',
-          left: '-7px'
-        },
-        width: 24,
-        src: shezhi
-      }))),
-      width: '24px',
-      fixed: 'right',
-      render: function render(_ref3) {
-        var text = _ref3.text,
-          record = _ref3.record;
-        return ' ';
-      }
-    }]),
+    columns: _toConsumableArray(getColumns()),
     fields: _toConsumableArray(showSearchFields),
     ref: props.forwardedRef || refs,
     isFullScreen: isFullScreen
@@ -15753,9 +16247,32 @@ var BsSulaQueryTable = (function (props) {
       isBsSulaQueryTable: true
     });
   }, [checkedList, showColumn, props.statusMapping, showSearchFields, expandedRowKeys]);
+  var columnsDom = /*#__PURE__*/React__default['default'].createElement("span", {
+    className: "ant-dropdown-link"
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    onClick: sortTableRef === null || sortTableRef === void 0 ? void 0 : (_sortTableRef$current3 = sortTableRef.current) === null || _sortTableRef$current3 === void 0 ? void 0 : _sortTableRef$current3.showModal,
+    className: "ant-dropdown-link"
+  }, /*#__PURE__*/React__default['default'].createElement("img", {
+    style: {
+      position: 'relative',
+      left: '-7px'
+    },
+    width: 24,
+    src: shezhi
+  })));
+  var queryFieldsDom = /*#__PURE__*/React__default['default'].createElement(SearchItemTable, {
+    ref: searchTableRef,
+    setShowSearchFields: setShowSearchFields,
+    showSearchFields: showSearchFields,
+    datasource: (value === null || value === void 0 ? void 0 : value.fields) || [],
+    bsTableCode: bsTableCode
+  });
   return /*#__PURE__*/React__default['default'].createElement("div", {
     id: "bs-sula-query-table"
-  }, /*#__PURE__*/React__default['default'].createElement(MemoQueryTable, _objectSpread2({}, memoConfig)), /*#__PURE__*/React__default['default'].createElement(SortableTable$1, {
+  }, /*#__PURE__*/React__default['default'].createElement(MemoQueryTable, _objectSpread2(_objectSpread2({}, memoConfig), {}, {
+    columnsDom: columnsDom,
+    queryFieldsDom: queryFieldsDom
+  })), /*#__PURE__*/React__default['default'].createElement(SortableTable$1, {
     ref: sortTableRef,
     setShowColumns: setShowColumns,
     showColumn: showColumn,
@@ -18133,7 +18650,7 @@ var NoFoundPage = function NoFoundPage(props) {
   }));
 };
 
-var _excluded$g = ["route"];
+var _excluded$h = ["route"];
 var TabPane = antd.Tabs.TabPane;
 var getId = function getId(str) {
   // 找到最后一个 / 的位置
@@ -19062,7 +19579,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
       }); // 添加数据大屏
       var _this$props3 = this.props,
         route = _this$props3.route,
-        restPrpos = _objectWithoutProperties(_this$props3, _excluded$g);
+        restPrpos = _objectWithoutProperties(_this$props3, _excluded$h);
       var exist = route.routes.find(function (route) {
         return route.path === '/homePage/data-show';
       });
@@ -20031,10 +20548,10 @@ var index$6 = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
   }))))));
 });
 
-var _excluded$h = ["children"];
+var _excluded$i = ["children"];
 var Drawer = (function (props) {
   var children = props.children,
-    restProps = _objectWithoutProperties(props, _excluded$h);
+    restProps = _objectWithoutProperties(props, _excluded$i);
   return /*#__PURE__*/React__default['default'].createElement(antd.Drawer, _objectSpread2({
     mask: true,
     closable: false,
@@ -28813,7 +29330,7 @@ var formatListName = function formatListName(list, columns) {
   });
 };
 
-var _excluded$i = ["sorter"];
+var _excluded$j = ["sorter"];
 /**
  * 删掉查询条件的qp- 和 -eq等
  * @param {object} data
@@ -28896,7 +29413,7 @@ var remoteFetch = function remoteFetch(requestConfig, coloumns) {
       var _requestConfig$method;
       var params = _ref.params;
       var sorter = params.sorter,
-        paramsTemp = _objectWithoutProperties(params, _excluded$i);
+        paramsTemp = _objectWithoutProperties(params, _excluded$j);
       var queryParams = _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, requestConfig.params), requestConfig.body), ___default['default'].omit(paramsTemp, ['filters', 'current'])), (paramsTemp === null || paramsTemp === void 0 ? void 0 : paramsTemp.filters) || {}), {
         currentPage: (paramsTemp === null || paramsTemp === void 0 ? void 0 : paramsTemp.currentPage) || paramsTemp.current || 1
       });
@@ -36037,14 +36554,14 @@ var index$7 = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
 var css_248z$v = ".bs-collapse-wrap {\n  border-radius: 4px;\n  overflow: hidden;\n}\n.bs-collapse-wrap .bs-collapse-header-wrap {\n  background: #fff;\n}\n.bs-collapse-wrap .bs-collapse-icon {\n  color: #b6b6b6;\n  transition: transform 0.3s;\n}\n.bs-collapse-wrap .bs-guidewrap-icon-toogle {\n  transform: rotate(180deg);\n}\n.bs-collapse-wrap .bs-collapse-header-title {\n  font-weight: 500;\n  font-size: 14px;\n  color: #000000;\n}\n.bs-collapse-wrap .bs-collapse-header-divider {\n  width: 3px;\n  height: 20px;\n  background: #005cff;\n}\n.bs-collapse-header-boder .ant-collapse .ant-collapse-item > .ant-collapse-header {\n  border-bottom: 1px solid #f0f0f0;\n  padding: 8px 16px;\n}\n";
 styleInject(css_248z$v);
 
-var _excluded$j = ["titleExtra", "header", "showArrow"];
+var _excluded$k = ["titleExtra", "header", "showArrow"];
 var Panel = antd.Collapse.Panel;
 var ExtendedPanel = function ExtendedPanel(_ref) {
   var titleExtra = _ref.titleExtra,
     header = _ref.header,
     _ref$showArrow = _ref.showArrow,
     showArrow = _ref$showArrow === void 0 ? false : _ref$showArrow,
-    props = _objectWithoutProperties(_ref, _excluded$j);
+    props = _objectWithoutProperties(_ref, _excluded$k);
   var renderHeader = function renderHeader() {
     return /*#__PURE__*/React__default['default'].createElement(antd.Space, {
       align: "center"
@@ -36068,11 +36585,11 @@ var ExtendedPanel = function ExtendedPanel(_ref) {
   }), props.children);
 };
 
-var _excluded$k = ["children", "bordered"];
+var _excluded$l = ["children", "bordered"];
 var ExtendedCollapse = function ExtendedCollapse(props) {
   var children = props.children,
     bordered = props.bordered,
-    restProps = _objectWithoutProperties(props, _excluded$k);
+    restProps = _objectWithoutProperties(props, _excluded$l);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: classNames__default['default']({
       'bs-collapse-wrap': true,