var __assign = this && this.__assign || function () {
  __assign = Object.assign || function (t) {
    for (var s, i = 1, n = arguments.length; i < n; i++) {
      s = arguments[i];

      for (var p in s) {
        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
      }
    }

    return t;
  };

  return __assign.apply(this, arguments);
};

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import * as React from 'react';
import map from 'lodash/map';
import Scrollbar from "../../../scrollbar";
import TiledFieldItem from "./TiledFieldItem";
import TiledFilterFooter from "./TiledFooter";
import { getFieldFilter } from "../index";
export var prefixCls = "dmc-global-filter-tf";
var TiledFilter = /*#__PURE__*/React.forwardRef(function (_a, ref) {
  var originFieldCount = _a.fieldCount,
      changeItem = _a.changeItem,
      //开始分析
  startAnalysis = _a.startAnalysis,
      fieldList = _a.list,
      fieldValueObj = _a.fieldValueObj,
      onOpen = _a.onOpen,
      suppFilter = _a.suppFilter,
      startAnalysisProps = _a.startAnalysisProps,
      textLabels = _a.textLabels,
      renderRestLabel = _a.renderRestLabel,
      clearFilter = _a.clearFilter;
  console.log('🚀 ~ file: Tiled.tsx ~ line 46 ~ clearFilter', clearFilter);
  var fieldCount = originFieldCount !== null && originFieldCount !== void 0 ? originFieldCount : 0;
  var isNeedMore = fieldList.length > fieldCount; //展开收起，展开收起的前提是字段个数是否超过限制个数

  var _b = React.useState(isNeedMore),
      isOpen = _b[0],
      setIsOpen = _b[1];

  var changeOpen = React.useCallback(function () {
    setIsOpen(function (o) {
      var nextVal = !o;
      onOpen && onOpen(o);
      return nextVal;
    });
  }, [onOpen]);
  var sliceList = React.useMemo(function () {
    //显示的字段条数，展开就显示所有，不然就只显示当前限制的个数
    var displayFieldCount = isOpen ? fieldCount : fieldList.length;
    return isOpen ? fieldList.slice(0, displayFieldCount) : fieldList;
  }, [fieldCount, fieldList, isOpen]);
  return _jsxs(React.Fragment, {
    children: [_jsx("div", __assign({
      className: prefixCls
    }, {
      children: _jsx(Scrollbar, {
        children: _jsx("div", __assign({
          ref: ref
        }, {
          children: map(sliceList, function (field) {
            var filter = getFieldFilter(field.detail, suppFilter);
            return _jsx(TiledFieldItem, {
              field: field,
              fieldFilter: filter,
              changeItem: changeItem,
              options: fieldValueObj[field.detail.uuid],
              textLabels: textLabels,
              renderRestLabel: renderRestLabel
            }, field.detail.uuid);
          })
        }), void 0)
      }, "Tiled-scrollbar")
    }), void 0), (isNeedMore || (startAnalysisProps === null || startAnalysisProps === void 0 ? void 0 : startAnalysisProps.isConfirmFilter) || clearFilter) && _jsx(TiledFilterFooter, {
      isOpen: isOpen,
      changeOpen: changeOpen,
      startAnalysis: startAnalysis,
      isNeedMore: isNeedMore,
      startAnalysisProps: startAnalysisProps,
      textLabels: textLabels,
      clearFilter: clearFilter
    }, void 0)]
  }, void 0);
});
export default TiledFilter;

