import _Tab from "@alifd/next/es/tab";
import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
import { Component } from 'react';
import style from "./index.module.scss";
var XtFormSetter = /*#__PURE__*/function (_Component) {
  _inheritsLoose(XtFormSetter, _Component);
  function XtFormSetter() {
    return _Component.apply(this, arguments) || this;
  }
  var _proto = XtFormSetter.prototype;
  /*
  state={
      tabList: [
          {
              title: '推荐',
              ctg_id: 1, // id
              is_show: 1, // 是否显示
              sort_by: 0 // 排序
          },
          {
              title: '投票',
              ctg_id: 2,
              is_show: 1,
              sort_by: 1
          },
          {
              title: '报名',
              ctg_id: 2,
              is_show: 0,
              sort_by: 2
          },
          {
              title: '问卷',
              ctg_id: 2,
              is_show: 1,
              sort_by: 3
          },
          {
              title: '测评',
              ctg_id: 2,
              is_show: 1,
              sort_by: 4
          },
          {
              title: '活动',
              ctg_id: 2,
              is_show: 1,
              sort_by: 5
          },
          {
              title: '调查',
              ctg_id: 2,
              is_show: 1,
              sort_by: 7
          },
          {
              title: '流调',
              ctg_id: 2,
              is_show: 1,
              sort_by: 8
          }
      ],
      tabValue: 1,
      tplList: [
          {
              ctg_id: 3, // 分类 id
              tpl_id: 1, // 模板 id
              title: "客户满意度调查", // 模板标题
              sub_title: '风雨兼程 砥砺前行', // 副标题
              schema: "[]", // 模板内容
              is_hot: 1, // 是否推荐
              is_bigshrimp: 1, // 是否大虾推荐
              is_show: 1, // 是否显示
              tag: '',
              sort_by: 1 // 排序
          },
          {
              ctg_id: 3, // 分类 id
              tpl_id: 2, // 模板 id
              title: "客户满意度调查", // 模板标题
              sub_title: '风雨兼程 砥砺前行', // 副标题
              schema: "[]", // 模板内容
              is_hot: 1, // 是否推荐
              is_bigshrimp: 1, // 是否大虾推荐
              is_show: 1, // 是否显示
              sort_by: 2 // 排序
          },
          {
              ctg_id: 3, // 分类 id
              tpl_id: 3, // 模板 id
              title: "客户满意度调查", // 模板标题
              sub_title: '风雨兼程 砥砺前行', // 副标题
              schema: "[]", // 模板内容
              is_hot: 1, // 是否推荐
              is_bigshrimp: 1, // 是否大虾推荐
              is_show: 1, // 是否显示
              sort_by: 3 // 排序
          },
          {
              ctg_id: 3, // 分类 id
              tpl_id: 4, // 模板 id
              title: "客户满意度调查", // 模板标题
              sub_title: '风雨兼程 砥砺前行', // 副标题
              schema: "[]", // 模板内容
              is_hot: 1, // 是否推荐
              is_bigshrimp: 1, // 是否大虾推荐
              is_show: 1, // 是否显示
              sort_by: 4 // 排序
          },
          {
              ctg_id: 3, // 分类 id
              tpl_id: 5, // 模板 id
              title: "客户满意度调查", // 模板标题
              sub_title: '风雨兼程 砥砺前行', // 副标题
              schema: "[]", // 模板内容
              is_hot: 1, // 是否推荐
              is_bigshrimp: 1, // 是否大虾推荐
              is_show: 1, // 是否显示
              sort_by: 5 // 排序
          },
          {
              ctg_id: 3, // 分类 id
              tpl_id: 6, // 模板 id
              title: "客户满意度调查", // 模板标题
              sub_title: '风雨兼程 砥砺前行', // 副标题
              schema: "[]", // 模板内容
              is_hot: 1, // 是否推荐
              is_bigshrimp: 1, // 是否大虾推荐
              is_show: 1, // 是否显示
              sort_by: 6 // 排序
          },
          {
              ctg_id: 3, // 分类 id
              tpl_id: 7, // 模板 id
              title: "客户满意度调查", // 模板标题
              sub_title: '风雨兼程 砥砺前行', // 副标题
              schema: "[]", // 模板内容
              is_hot: 1, // 是否推荐
              is_bigshrimp: 1, // 是否大虾推荐
              is_show: 1, // 是否显示
              sort_by: 7 // 排序
          }
      ],
      tplValue: 1
  }
  */
  // static getDerivedStateFromProps(props) {
  //     const {
  //         formData
  //     } = props
  //
  //     const {tpl: compTpl} = formData || {tpl: []}
  //     const tplList = compTpl?.tabList.slice(0, 5)
  //     const tplListMore = compTpl?.tabList.slice(5, compTpl.length)
  //
  //     console.log(tplList, tplListMore)
  //
  // }
  _proto.render = function render() {
    var _this$props = this.props,
      menuClick = _this$props.menuClick,
      tabChange = _this$props.tabChange,
      tplChange = _this$props.tplChange,
      formData = _this$props.formData;
    var _ref = formData || {
        tpl: {}
      },
      compTpl = _ref.tpl; // {tpl: { tabList: [], ctg_id: [], tplList: [], tpl_id: []}}
    return /*#__PURE__*/React.createElement("div", {
      className: style.menu
    }, /*#__PURE__*/React.createElement("div", {
      className: style['tip-group']
    }, /*#__PURE__*/React.createElement(_Tab, {
      defaultActiveKey: "-9999",
      onChange: function onChange(ctgId) {
        return tabChange(ctgId);
      }
    }, compTpl.tabList.map(function (item) {
      var _item$tplList;
      return /*#__PURE__*/React.createElement(_Tab.Item, {
        key: item.ctg_id,
        title: item.title
      }, /*#__PURE__*/React.createElement("div", {
        className: style['tab-item'],
        onClick: function onClick() {
          return menuClick({/*空白模板*/});
        }
      }, /*#__PURE__*/React.createElement("div", {
        className: style['tab-item-empty-tpl']
      }, /*#__PURE__*/React.createElement("span", {
        className: "xiatu-rich xt-tianjia"
      }))), (_item$tplList = item.tplList) === null || _item$tplList === void 0 ? void 0 : _item$tplList.map(function (res, idx) {
        var _ref2;
        return /*#__PURE__*/React.createElement("div", {
          className: style['tab-item'] + " " + (res.active ? style['tab-item-active'] : ''),
          onClick: function onClick() {
            return menuClick(res);
          },
          key: item.ctg_id + "_" + res.ctg_id + "_" + res.tpl_id
        }, /*#__PURE__*/React.createElement("span", {
          "class": "xiatu-rich xt-done"
        }), /*#__PURE__*/React.createElement("div", {
          className: style['tab-item-tip'] + " " + (res['is_bigshrimp'] ? style['expert-recom'] : '')
        }, /*#__PURE__*/React.createElement("span", {
          className: "xiatu-rich xt-diamond"
        }), res['is_bigshrimp'] ? '' : res.ctg_title, /*#__PURE__*/React.createElement("span", {
          className: style['tab-item-class']
        })), /*#__PURE__*/React.createElement("div", {
          className: style['tab-item-title']
        }, "#", res.ctg_title, "\uFF03", res.title), /*#__PURE__*/React.createElement("div", {
          className: style['tab-item-subtitle']
        }, res.sub_title), /*#__PURE__*/React.createElement("div", {
          className: style['tab-item-tips']
        }, (Array.isArray(res === null || res === void 0 ? void 0 : res.tag) ? res.tag : ((_ref2 = (res === null || res === void 0 ? void 0 : res.tag) || '') === null || _ref2 === void 0 ? void 0 : _ref2.match(/[^,]+/g)) || []).map(function (tags, idx) {
          return /*#__PURE__*/React.createElement("div", {
            className: style['tab-item-tips-item'],
            key: idx
          }, tags);
        })));
      }));
    }))));
  };
  return XtFormSetter;
}(Component);
XtFormSetter.displayName = 'XtFormSetter';
export { XtFormSetter as default };