@hw-component/table 1.9.61 → 1.9.63

package/es/HTableBody/RowSelection.js

@@ -1,172 +0,0 @@
-// welcome to hoo hoo hoo
-import _toConsumableArray from '@babel/runtime-corejs3/helpers/toConsumableArray';
-import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
-import _keysInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/keys';
-import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
-import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/index-of';
-import _spliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/splice';
-import { jsx } from 'react/jsx-runtime';
-import { useHTableContext } from '../context.js';
-import { Dropdown, Checkbox, Menu } from 'antd';
-import { useMemo } from 'react';
-
-var RowSelectionTitle = function RowSelectionTitle(_ref) {
-  var _ref$allPageCheck = _ref.allPageCheck,
-    allPageCheck = _ref$allPageCheck === void 0 ? true : _ref$allPageCheck,
-    onChange = _ref.onChange,
-    getCheckboxProps = _ref.getCheckboxProps;
-  var _useHTableContext = useHTableContext(),
-    data = _useHTableContext.data,
-    selectedRowData = _useHTableContext.selectedRowData,
-    rowOnChange = _useHTableContext.rowOnChange,
-    allSelectChange = _useHTableContext.allSelectChange,
-    _useHTableContext$row = _useHTableContext.rowKey,
-    rowKey = _useHTableContext$row === void 0 ? "id" : _useHTableContext$row;
-  var _ref2 = data || {},
-    _ref2$records = _ref2.records,
-    records = _ref2$records === void 0 ? [] : _ref2$records;
-  var newData = records === null || records === void 0 ? void 0 : _filterInstanceProperty(records).call(records, function (item) {
-    var _ref3 = (getCheckboxProps === null || getCheckboxProps === void 0 ? void 0 : getCheckboxProps(item)) || {},
-      _ref3$disabled = _ref3.disabled,
-      disabled = _ref3$disabled === void 0 ? false : _ref3$disabled;
-    return !disabled;
-  });
-  var keys = _keysInstanceProperty(selectedRowData),
-    selectAll = selectedRowData.selectAll;
-  var allCheck = function allCheck() {
-    var setKeys = _mapInstanceProperty(newData).call(newData, function (item, index) {
-      return typeof rowKey === "function" ? rowKey(item, index) : item[rowKey];
-    });
-    rowOnChange(setKeys, newData);
-    onChange === null || onChange === void 0 || onChange(setKeys, newData);
-  };
-  var allCancel = function allCancel() {
-    rowOnChange([], []);
-    onChange === null || onChange === void 0 || onChange([], []);
-  };
-  var checkChange = function checkChange(e) {
-    var checked = e.target.checked;
-    if (checked) {
-      allCheck();
-      return;
-    }
-    allCancel();
-  };
-  var change = function change(_ref4) {
-    var key = _ref4.key;
-    if (key === "check") {
-      allCheck();
-      return;
-    }
-    if (key === "cancel") {
-      allCancel();
-      return;
-    }
-    if (key === "checkAll") {
-      allSelectChange === null || allSelectChange === void 0 || allSelectChange(true);
-      onChange === null || onChange === void 0 || onChange([], []);
-      return;
-    }
-    allSelectChange === null || allSelectChange === void 0 || allSelectChange(false);
-    onChange === null || onChange === void 0 || onChange([], []);
-  };
-  var len = (keys === null || keys === void 0 ? void 0 : keys.length) || 0;
-  var dataLen = (newData === null || newData === void 0 ? void 0 : newData.length) || 0;
-  var checked = len === dataLen && len !== 0;
-  var configItems = useMemo(function () {
-    var fsArray = checked ? {
-      label: "取消此页数据",
-      key: "cancel"
-    } : {
-      label: "选择此页数据",
-      key: "check"
-    };
-    var enArray = selectAll ? {
-      label: "取消全部数据",
-      key: "cancelAll"
-    } : {
-      label: "选择全部数据",
-      key: "checkAll"
-    };
-    return [fsArray, enArray];
-  }, [checked, selectAll]);
-  var menu = function menu() {
-    var MenuEle = Menu;
-    return jsx(MenuEle, {
-      onClick: change,
-      items: configItems
-    });
-  };
-  var disabled = dataLen === 0;
-  if (allPageCheck) {
-    return jsx(Dropdown, {
-      overlay: menu,
-      arrow: true,
-      placement: "bottom",
-      disabled: disabled,
-      children: jsx(Checkbox, {
-        checked: checked,
-        onChange: checkChange,
-        disabled: disabled
-      })
-    });
-  }
-  return jsx(Checkbox, {
-    checked: checked,
-    onChange: checkChange,
-    disabled: disabled
-  });
-};
-var RowSelectionBox = function RowSelectionBox(_ref5) {
-  var data = _ref5.data,
-    onChange = _ref5.onChange,
-    index = _ref5.index,
-    getCheckboxProps = _ref5.getCheckboxProps;
-  var _useHTableContext2 = useHTableContext(),
-    selectedRowData = _useHTableContext2.selectedRowData,
-    rowOnChange = _useHTableContext2.rowOnChange,
-    _useHTableContext2$ro = _useHTableContext2.rowKey,
-    rowKey = _useHTableContext2$ro === void 0 ? "id" : _useHTableContext2$ro;
-  var _selectedRowData$rowD = selectedRowData.rowData,
-    rowData = _selectedRowData$rowD === void 0 ? [] : _selectedRowData$rowD,
-    _selectedRowData$keys = _keysInstanceProperty(selectedRowData),
-    keys = _selectedRowData$keys === void 0 ? [] : _selectedRowData$keys;
-  var key = typeof rowKey === "function" ? rowKey(data, index) : data[rowKey];
-  var add = function add() {
-    var newKeys = _toConsumableArray(keys);
-    var newRowData = _toConsumableArray(rowData);
-    newKeys.push(key);
-    newRowData.push(data);
-    rowOnChange(newKeys, newRowData);
-    onChange === null || onChange === void 0 || onChange(newKeys, newRowData);
-  };
-  var cancel = function cancel() {
-    var newKeys = _toConsumableArray(keys);
-    var newRowData = _toConsumableArray(rowData);
-    var keyIndex = _indexOfInstanceProperty(newKeys).call(newKeys, key);
-    _spliceInstanceProperty(newKeys).call(newKeys, keyIndex, 1);
-    _spliceInstanceProperty(newRowData).call(newRowData, keyIndex, 1);
-    rowOnChange(newKeys, newRowData);
-    onChange === null || onChange === void 0 || onChange(newKeys, newRowData);
-  };
-  var check = function check(e) {
-    var checked = e.target.checked;
-    if (checked) {
-      add();
-      return;
-    }
-    cancel();
-  };
-  var _ref6 = (getCheckboxProps === null || getCheckboxProps === void 0 ? void 0 : getCheckboxProps(data)) || {},
-    _ref6$disabled = _ref6.disabled,
-    disabled = _ref6$disabled === void 0 ? false : _ref6$disabled;
-  var checked = _indexOfInstanceProperty(keys).call(keys, key) !== -1;
-  return jsx(Checkbox, {
-    checked: checked,
-    onChange: check,
-    disabled: disabled
-  });
-};
-
-export { RowSelectionBox, RowSelectionTitle };
-// powered by hdj

package/lib/HTableBody/RowSelection.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import type { HRowSelection } from "../modal";
-export declare const RowSelectionTitle: ({ allPageCheck, onChange, getCheckboxProps, }: HRowSelection) => JSX.Element;
-interface RowSelectionBoxProps {
-    data: any;
-    onChange?: HRowSelection["onChange"];
-    getCheckboxProps?: HRowSelection["getCheckboxProps"];
-    index: number;
-}
-export declare const RowSelectionBox: ({ data, onChange, index, getCheckboxProps, }: RowSelectionBoxProps) => JSX.Element;
-export {};

package/lib/HTableBody/RowSelection.js

@@ -1,174 +0,0 @@
-'use strict';
-
-var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
-var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
-var _keysInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/keys');
-var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
-var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
-var _spliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/splice');
-var jsxRuntime = require('react/jsx-runtime');
-var context = require('../context.js');
-var antd = require('antd');
-var React = require('react');
-
-var RowSelectionTitle = function RowSelectionTitle(_ref) {
-  var _ref$allPageCheck = _ref.allPageCheck,
-    allPageCheck = _ref$allPageCheck === void 0 ? true : _ref$allPageCheck,
-    onChange = _ref.onChange,
-    getCheckboxProps = _ref.getCheckboxProps;
-  var _useHTableContext = context.useHTableContext(),
-    data = _useHTableContext.data,
-    selectedRowData = _useHTableContext.selectedRowData,
-    rowOnChange = _useHTableContext.rowOnChange,
-    allSelectChange = _useHTableContext.allSelectChange,
-    _useHTableContext$row = _useHTableContext.rowKey,
-    rowKey = _useHTableContext$row === void 0 ? "id" : _useHTableContext$row;
-  var _ref2 = data || {},
-    _ref2$records = _ref2.records,
-    records = _ref2$records === void 0 ? [] : _ref2$records;
-  var newData = records === null || records === void 0 ? void 0 : _filterInstanceProperty(records).call(records, function (item) {
-    var _ref3 = (getCheckboxProps === null || getCheckboxProps === void 0 ? void 0 : getCheckboxProps(item)) || {},
-      _ref3$disabled = _ref3.disabled,
-      disabled = _ref3$disabled === void 0 ? false : _ref3$disabled;
-    return !disabled;
-  });
-  var keys = _keysInstanceProperty(selectedRowData),
-    selectAll = selectedRowData.selectAll;
-  var allCheck = function allCheck() {
-    var setKeys = _mapInstanceProperty(newData).call(newData, function (item, index) {
-      return typeof rowKey === "function" ? rowKey(item, index) : item[rowKey];
-    });
-    rowOnChange(setKeys, newData);
-    onChange === null || onChange === void 0 || onChange(setKeys, newData);
-  };
-  var allCancel = function allCancel() {
-    rowOnChange([], []);
-    onChange === null || onChange === void 0 || onChange([], []);
-  };
-  var checkChange = function checkChange(e) {
-    var checked = e.target.checked;
-    if (checked) {
-      allCheck();
-      return;
-    }
-    allCancel();
-  };
-  var change = function change(_ref4) {
-    var key = _ref4.key;
-    if (key === "check") {
-      allCheck();
-      return;
-    }
-    if (key === "cancel") {
-      allCancel();
-      return;
-    }
-    if (key === "checkAll") {
-      allSelectChange === null || allSelectChange === void 0 || allSelectChange(true);
-      onChange === null || onChange === void 0 || onChange([], []);
-      return;
-    }
-    allSelectChange === null || allSelectChange === void 0 || allSelectChange(false);
-    onChange === null || onChange === void 0 || onChange([], []);
-  };
-  var len = (keys === null || keys === void 0 ? void 0 : keys.length) || 0;
-  var dataLen = (newData === null || newData === void 0 ? void 0 : newData.length) || 0;
-  var checked = len === dataLen && len !== 0;
-  var configItems = React.useMemo(function () {
-    var fsArray = checked ? {
-      label: "取消此页数据",
-      key: "cancel"
-    } : {
-      label: "选择此页数据",
-      key: "check"
-    };
-    var enArray = selectAll ? {
-      label: "取消全部数据",
-      key: "cancelAll"
-    } : {
-      label: "选择全部数据",
-      key: "checkAll"
-    };
-    return [fsArray, enArray];
-  }, [checked, selectAll]);
-  var menu = function menu() {
-    var MenuEle = antd.Menu;
-    return jsxRuntime.jsx(MenuEle, {
-      onClick: change,
-      items: configItems
-    });
-  };
-  var disabled = dataLen === 0;
-  if (allPageCheck) {
-    return jsxRuntime.jsx(antd.Dropdown, {
-      overlay: menu,
-      arrow: true,
-      placement: "bottom",
-      disabled: disabled,
-      children: jsxRuntime.jsx(antd.Checkbox, {
-        checked: checked,
-        onChange: checkChange,
-        disabled: disabled
-      })
-    });
-  }
-  return jsxRuntime.jsx(antd.Checkbox, {
-    checked: checked,
-    onChange: checkChange,
-    disabled: disabled
-  });
-};
-var RowSelectionBox = function RowSelectionBox(_ref5) {
-  var data = _ref5.data,
-    onChange = _ref5.onChange,
-    index = _ref5.index,
-    getCheckboxProps = _ref5.getCheckboxProps;
-  var _useHTableContext2 = context.useHTableContext(),
-    selectedRowData = _useHTableContext2.selectedRowData,
-    rowOnChange = _useHTableContext2.rowOnChange,
-    _useHTableContext2$ro = _useHTableContext2.rowKey,
-    rowKey = _useHTableContext2$ro === void 0 ? "id" : _useHTableContext2$ro;
-  var _selectedRowData$rowD = selectedRowData.rowData,
-    rowData = _selectedRowData$rowD === void 0 ? [] : _selectedRowData$rowD,
-    _selectedRowData$keys = _keysInstanceProperty(selectedRowData),
-    keys = _selectedRowData$keys === void 0 ? [] : _selectedRowData$keys;
-  var key = typeof rowKey === "function" ? rowKey(data, index) : data[rowKey];
-  var add = function add() {
-    var newKeys = _toConsumableArray(keys);
-    var newRowData = _toConsumableArray(rowData);
-    newKeys.push(key);
-    newRowData.push(data);
-    rowOnChange(newKeys, newRowData);
-    onChange === null || onChange === void 0 || onChange(newKeys, newRowData);
-  };
-  var cancel = function cancel() {
-    var newKeys = _toConsumableArray(keys);
-    var newRowData = _toConsumableArray(rowData);
-    var keyIndex = _indexOfInstanceProperty(newKeys).call(newKeys, key);
-    _spliceInstanceProperty(newKeys).call(newKeys, keyIndex, 1);
-    _spliceInstanceProperty(newRowData).call(newRowData, keyIndex, 1);
-    rowOnChange(newKeys, newRowData);
-    onChange === null || onChange === void 0 || onChange(newKeys, newRowData);
-  };
-  var check = function check(e) {
-    var checked = e.target.checked;
-    if (checked) {
-      add();
-      return;
-    }
-    cancel();
-  };
-  var _ref6 = (getCheckboxProps === null || getCheckboxProps === void 0 ? void 0 : getCheckboxProps(data)) || {},
-    _ref6$disabled = _ref6.disabled,
-    disabled = _ref6$disabled === void 0 ? false : _ref6$disabled;
-  var checked = _indexOfInstanceProperty(keys).call(keys, key) !== -1;
-  return jsxRuntime.jsx(antd.Checkbox, {
-    checked: checked,
-    onChange: check,
-    disabled: disabled
-  });
-};
-
-exports.RowSelectionBox = RowSelectionBox;
-exports.RowSelectionTitle = RowSelectionTitle;
-// powered by h

package/src/components/HTableBody/RowSelection.tsx

@@ -1,150 +0,0 @@
-import { useHTableContext } from "../context";
-import { Checkbox, Dropdown, Menu } from "antd";
-import { useEffect, useMemo } from "react";
-import type { HRowSelection } from "../modal";
-export const RowSelectionTitle = ({
-  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 RowSelectionBox = ({
-  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} />;
-};