@hw-component/table 1.9.37 → 1.9.39

package/src/components/HTableHeader/hooks.tsx

@@ -1,196 +0,0 @@
-import type { FormConfigDataItemProviderModal, IHeaderProps } from "./modal";
-import React, { useEffect, useState } from "react";
-import type { HItemProps } from "@hw-component/form/es/Form/modal";
-import type { ColProps } from "antd";
-import { useClassName } from "../hooks";
-import type { HFormInstance } from "@hw-component/form/es/Form/modal";
-import { DefaultSubComponent } from "../HTableHeader/defaultSubComponent";
-import { useHTableContext } from "../context";
-import type { HTableInstance } from "../modal";
-import { renderData } from "./defaultFormRender";
-const sizeObj = {
-  xl: {
-    min: 1200,
-    max: 1600,
-  },
-  xxl: {
-    min: 1600,
-  },
-  lg: {
-    min: 992,
-    max: 1200,
-  },
-  md: {
-    min: 768,
-    max: 992,
-  },
-  sm: {
-    min: 576,
-    max: 768,
-  },
-  xs: {
-    max: 576,
-  },
-};
-const defaultSubItem = {
-  type: "submit",
-  itemProps: {
-    position: "end",
-  },
-  style: {
-    padding: 0,
-    marginLeft: -20,
-  },
-  render: (item: HItemProps, node: React.ReactNode, form: HFormInstance) => {
-    return <DefaultSubComponent form={form} />;
-  },
-};
-
-const getCuSpanMaxNum = (searchSpan: ColProps = { span: 6 }) => {
-  const clientWidth = document.documentElement.clientWidth;
-  const keys = Object.keys(sizeObj);
-  const index = keys.findIndex((value) => {
-    const { min = 0, max = Number.MAX_VALUE } = sizeObj[value];
-    return clientWidth >= min && clientWidth < max;
-  });
-  const cuKey = keys[index];
-  const cuSpan = searchSpan[cuKey] || searchSpan.span;
-  return 24 / cuSpan;
-};
-const formConfigDataItemProvider = (
-  {
-    searchType,
-    title,
-    name,
-    dataIndex,
-    itemProps = {},
-    searchRender,
-    childrenDataIndex,
-    showSearch,
-    hideInTable,
-    align,
-    searchLabel,
-    titleStr,
-    ...props
-  }: FormConfigDataItemProviderModal,
-  table: HTableInstance
-): HItemProps => {
-  const { allowClear = true } = itemProps as any;
-
-  return {
-    ...props,
-    itemProps: {
-      ...itemProps,
-      allowClear,
-    },
-    label: searchLabel || titleStr || title,
-    type: searchType,
-    name: name || (dataIndex as string),
-    render: (item, node, form) => {
-      if (searchRender) {
-        return searchRender(item, node, form, table);
-      }
-      const defaultRender = renderData[searchType || ""];
-
-      return defaultRender ? defaultRender(item) : node;
-    },
-  };
-};
-const mkNewConfig = ({ configData = [], table }: IHeaderProps) => {
-  let subConfigData: HItemProps | undefined;
-  const realConfigData: HItemProps[] = [];
-  configData.forEach((value) => {
-    const { searchType, showSearch } = value;
-    if (!showSearch) {
-      return false;
-    }
-    if (searchType === "submit") {
-      subConfigData = formConfigDataItemProvider(
-        value,
-        table as HTableInstance
-      );
-      return false;
-    }
-    realConfigData.push(
-      formConfigDataItemProvider(value, table as HTableInstance)
-    );
-  });
-  return {
-    realConfigData,
-    subConfigData,
-  };
-};
-const filterHideFormItem = (
-  configData: HItemProps[],
-  className: string,
-  searchSpan?: ColProps
-) => {
-  const maxNum = getCuSpanMaxNum(searchSpan);
-  const len = configData.length;
-  const startIndex = maxNum - 1;
-  if (len <= startIndex) {
-    return {
-      lessData: configData,
-      hideData: [],
-    };
-  }
-  const index = startIndex === 0 ? 1 : startIndex;
-  const lessData = configData.slice(0, index);
-  const bigData = configData.slice(index);
-  const hideData = bigData.map((value) => {
-    return {
-      ...value,
-      className,
-    };
-  });
-  return {
-    lessData,
-    hideData,
-  };
-};
-export const useHideMoreTitle = ({
-  searchSpan,
-  configData,
-  table,
-}: IHeaderProps) => {
-  const [formConfigData, setFormConfigData] = useState<HItemProps[]>([]);
-  const [subData, setSubData] = useState<HItemProps>(defaultSubItem as any);
-  const { headerOpen, setHeaderOpen } = useHTableContext();
-  const className = useClassName("hw-table-header-item-hide");
-  const mkNewFn = () => {
-    const { realConfigData, subConfigData } = mkNewConfig({
-      searchSpan,
-      configData,
-      table,
-    });
-    const changeClassName = headerOpen ? "" : className;
-    const { lessData, hideData } = filterHideFormItem(
-      realConfigData,
-      changeClassName,
-      searchSpan
-    );
-    if (subConfigData) {
-      setSubData(subConfigData);
-    }
-    setHeaderOpen((oldVal) => {
-      if (hideData.length === 0) {
-        return undefined;
-      }
-      if (typeof oldVal === "undefined") {
-        return false;
-      }
-      return oldVal;
-    });
-    setFormConfigData([...lessData, ...hideData]);
-  };
-  useEffect(() => {
-    mkNewFn();
-  }, [configData, searchSpan, headerOpen]);
-  useEffect(() => {
-    window.addEventListener("resize", mkNewFn);
-    return () => {
-      window.removeEventListener("resize", mkNewFn);
-    };
-  }, [configData, searchSpan, headerOpen]);
-  return [...formConfigData, subData];
-};