"use strict";

var __assign = void 0 && (void 0).__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);
};

var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
  if (k2 === undefined) k2 = k;
  Object.defineProperty(o, k2, {
    enumerable: true,
    get: function get() {
      return m[k];
    }
  });
} : function (o, m, k, k2) {
  if (k2 === undefined) k2 = k;
  o[k2] = m[k];
});

var __setModuleDefault = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
  Object.defineProperty(o, "default", {
    enumerable: true,
    value: v
  });
} : function (o, v) {
  o["default"] = v;
});

var __importStar = void 0 && (void 0).__importStar || function (mod) {
  if (mod && mod.__esModule) return mod;
  var result = {};
  if (mod != null) for (var k in mod) {
    if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
  }

  __setModuleDefault(result, mod);

  return result;
};

var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
  return mod && mod.__esModule ? mod : {
    "default": mod
  };
};

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.prefixCls = void 0;

var jsx_runtime_1 = require("react/jsx-runtime");

var React = __importStar(require("react"));

var map_1 = __importDefault(require("lodash/map"));

var scrollbar_1 = __importDefault(require("../../../scrollbar"));

var TiledFieldItem_1 = __importDefault(require("./TiledFieldItem"));

var TiledFooter_1 = __importDefault(require("./TiledFooter"));

var index_1 = require("../index");

exports.prefixCls = "dmc-global-filter-tf";
var TiledFilter = 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 jsx_runtime_1.jsxs(React.Fragment, {
    children: [jsx_runtime_1.jsx("div", __assign({
      className: exports.prefixCls
    }, {
      children: jsx_runtime_1.jsx(scrollbar_1["default"], {
        children: jsx_runtime_1.jsx("div", __assign({
          ref: ref
        }, {
          children: map_1["default"](sliceList, function (field) {
            var filter = index_1.getFieldFilter(field.detail, suppFilter);
            return jsx_runtime_1.jsx(TiledFieldItem_1["default"], {
              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_runtime_1.jsx(TiledFooter_1["default"], {
      isOpen: isOpen,
      changeOpen: changeOpen,
      startAnalysis: startAnalysis,
      isNeedMore: isNeedMore,
      startAnalysisProps: startAnalysisProps,
      textLabels: textLabels,
      clearFilter: clearFilter
    }, void 0)]
  }, void 0);
});
exports["default"] = TiledFilter;

