@hw-component/table 1.9.62 → 1.9.64

package/src/components/HTableBody/RowCheckBoxSelection.tsx

@@ -1,151 +0,0 @@
-import { useHTableContext } from "../context";
-import { Checkbox, Dropdown, Menu } from "antd";
-import { useMemo } from "react";
-import type { HRowSelection } from "../modal";
-
-export const RowCheckBoxSelectionTitle = ({
-  allPageCheck = true,
-  onChange,
-  getCheckboxProps,
-}: HRowSelection) => {
-  const {
-    data,
-    selectedRowData,
-    rowOnChange,
-    allSelectChange,
-    rowKey = "id",
-  } = useHTableContext();
-  const { records = [] } = data || {};
-  const newData = records?.filter((item) => {
-    const { disabled = false } = getCheckboxProps?.(item) || {};
-    return !disabled;
-  });
-  const { keys, selectAll } = selectedRowData;
-  const allCheck = () => {
-    const setKeys = newData.map((item, index) => {
-      return typeof rowKey === "function"
-        ? rowKey(item, index)
-        : item[rowKey as string];
-    });
-    rowOnChange(setKeys, newData);
-    onChange?.(setKeys, newData);
-  };
-  const allCancel = () => {
-    rowOnChange([], []);
-    onChange?.([], []);
-  };
-  const checkChange = (e) => {
-    const checked = e.target.checked;
-    if (checked) {
-      allCheck();
-      return;
-    }
-    allCancel();
-  };
-  const change = ({ key }) => {
-    if (key === "check") {
-      allCheck();
-      return;
-    }
-    if (key === "cancel") {
-      allCancel();
-      return;
-    }
-    if (key === "checkAll") {
-      allSelectChange?.(true);
-      onChange?.([], []);
-      return;
-    }
-    allSelectChange?.(false);
-    onChange?.([], []);
-  };
-  const len = keys?.length || 0;
-  const dataLen = newData?.length || 0;
-  const checked = len === dataLen && len !== 0;
-  const configItems = useMemo(() => {
-    const fsArray = checked
-      ? {
-          label: "取消此页数据",
-          key: "cancel",
-        }
-      : {
-          label: "选择此页数据",
-          key: "check",
-        };
-    const enArray = selectAll
-      ? {
-          label: "取消全部数据",
-          key: "cancelAll",
-        }
-      : {
-          label: "选择全部数据",
-          key: "checkAll",
-        };
-    return [fsArray, enArray];
-  }, [checked, selectAll]);
-
-  const menu = () => {
-    const MenuEle = Menu as any;
-    return <MenuEle onClick={change} items={configItems} />;
-  };
-  const disabled = dataLen === 0;
-  if (allPageCheck) {
-    return (
-      <Dropdown overlay={menu} arrow placement={"bottom"} disabled={disabled}>
-        <Checkbox
-          checked={checked}
-          onChange={checkChange}
-          disabled={disabled}
-        />
-      </Dropdown>
-    );
-  }
-  return (
-    <Checkbox checked={checked} onChange={checkChange} disabled={disabled} />
-  );
-};
-
-interface RowSelectionBoxProps {
-  data: any;
-  onChange?: HRowSelection["onChange"];
-  getCheckboxProps?: HRowSelection["getCheckboxProps"];
-  index: number;
-}
-export const RowCheckBoxSelection = ({
-  data,
-  onChange,
-  index,
-  getCheckboxProps,
-}: RowSelectionBoxProps) => {
-  const { selectedRowData, rowOnChange, rowKey = "id" } = useHTableContext();
-  const { rowData = [], keys = [] } = selectedRowData;
-  const key = typeof rowKey === "function" ? rowKey(data, index) : data[rowKey];
-  const add = () => {
-    const newKeys = [...keys];
-    const newRowData = [...rowData];
-    newKeys.push(key);
-    newRowData.push(data);
-    rowOnChange(newKeys, newRowData);
-    onChange?.(newKeys, newRowData);
-  };
-  const cancel = () => {
-    const newKeys = [...keys];
-    const newRowData = [...rowData];
-    const keyIndex = newKeys.indexOf(key);
-    newKeys.splice(keyIndex, 1);
-    newRowData.splice(keyIndex, 1);
-    rowOnChange(newKeys, newRowData);
-    onChange?.(newKeys, newRowData);
-  };
-  const check = (e) => {
-    const checked = e.target.checked;
-    if (checked) {
-      add();
-      return;
-    }
-    cancel();
-  };
-  const { disabled = false } = getCheckboxProps?.(data) || {};
-  const checked = keys.indexOf(key) !== -1;
-  return <Checkbox checked={checked} onChange={check} disabled={disabled} />;
-};