import { Spin } from "antd";
import { WeaSwitch } from "comsMobx";
import { WeaAlertPage, WeaFormItem, WeaHelpfulTip, WeaLocaleProvider, WeaSearchGroup } from "ecCom";

const getLabel = WeaLocaleProvider.getLabel;

// 获取condition的domKey值
export const getConditionDomkeys = (condition) => {
  let domkeyList = [];
  _.forEach(condition, item => {
    const tmpV = _.reduce(item.items, (pre, cur) => {
      return [...pre, cur["domkey"][0]];
    }, []);
    domkeyList = domkeyList.concat(tmpV);
  });
  return domkeyList;
};

// 渲染form表单: 一般对form的渲染都统一使用该方法
export const getSearchs = (form, condition, col, isCenter, onChange = () => void (0), title) => {
  const { isFormInit } = form;
  const formParams = form.getFormParams();
  let group = [];
  isFormInit && condition && condition.map(c => {
    let items = [];
    c.items.map(fields => {
      items.push({
        com: (
          <WeaFormItem
            label={`${fields.label}`} // label 标签的文本
            labelCol={{ span: `${fields.labelcol}` }} // label标签占一行比例
            wrapperCol={{ span: `${fields.fieldcol}` }} // 右侧控件占一行比例
            error={form.getError(fields)} // 错误提示: 处理表单中有必填项,保存的校验
            tipPosition="bottom" // 错误提示的显示位置: top/bottom
          >
            <WeaSwitch
              fieldConfig={fields}
              form={form}
              formParams={formParams}
              onChange={onChange}
            />
            {
              fields.helpfulTitle &&
              <WeaHelpfulTip title={fields.helpfulTitle} style={{ position: "absolute", right: "-20px", top: "25%" }}/>
            }
          </WeaFormItem>),
        colSpan: 1
      });
    });
    group.push(
      <WeaSearchGroup
        col={col || 1} // 高级搜索列布局列数
        needTigger={true} // 是否开启收缩
        title={c.title || title} // 高级搜索标题
        showGroup={c.defaultshow} // 是否开启面板
        items={items} // 条目数组数据
        center={isCenter || false} // 内容是否居中：一般弹框需要
      />);
  });
  return group;
};

// 页面加载中效果处理
export const renderLoading = (loading) => (
  <div className="wea-demo-loading">
    <Spin spinning={loading}/>
  </div>
);

// 无权限处理
export const renderNoright = () => (
  <WeaAlertPage>
    <div>
      {getLabel(2012, "对不起，您暂时没有权限！")}
    </div>
  </WeaAlertPage>
);

// 暂无数据处理
export const renderNoData = () => (
  <WeaAlertPage>
    <div>
      暂无数据
    </div>
  </WeaAlertPage>
);

//分页计算
export function calcPageNo(total, pageNo = 1, pageSize = 10, selectDelDataLen = 1) {
  const totalPage = Math.ceil((total - selectDelDataLen) / pageSize); // 总页数
  pageNo = pageNo > totalPage ? totalPage : pageNo;
  pageNo = pageNo < 1 ? 1 : pageNo;
  return pageNo;
}

//金额格式化
export const format_with_regex = (number) => {
  return !(number + "").includes(".")
    ? // 就是说1-3位后面一定要匹配3位
    (number + "").replace(/\d{1,3}(?=(\d{3})+$)/g, (match) => {
      return match + ",";
    })
    : (number + "").replace(/\d{1,3}(?=(\d{3})+(\.))/g, (match) => {
      return match + ",";
    });
};