@hw-component/table 0.0.4-beta-v10 → 0.0.4-beta-v16

package/es/HTableBody/AlertMsg.d.ts

@@ -0,0 +1,6 @@
+import type { ActionRenderFn } from "../modal";
+interface IProps {
+    actionRender?: ActionRenderFn;
+}
+declare const _default: ({ actionRender }: IProps) => JSX.Element;
+export default _default;

package/es/HTableBody/AlertMsg.js

@@ -0,0 +1,48 @@
+// welcome to hoo hoo hoo
+import _keysInstanceProperty from '@babel/runtime-corejs3/core-js/instance/keys';
+import _Number$parseInt from '@babel/runtime-corejs3/core-js/number/parse-int';
+import _Number$isNaN from '@babel/runtime-corejs3/core-js/number/is-nan';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Typography, Row, Button } from 'antd';
+import { useHTableContext } from '../context.js';
+
+var Text = Typography.Text,
+  Link = Typography.Link;
+var AlertMsg = (function (_ref) {
+  var actionRender = _ref.actionRender;
+  var _useHTableContext = useHTableContext(),
+    data = _useHTableContext.data,
+    selectedRowData = _useHTableContext.selectedRowData,
+    rowOnChange = _useHTableContext.rowOnChange,
+    tableInstance = _useHTableContext.tableInstance;
+  var _ref2 = data || {},
+    _ref2$total = _ref2.total,
+    total = _ref2$total === void 0 ? "0" : _ref2$total;
+  var _selectedRowData$keys = _keysInstanceProperty(selectedRowData),
+    keys = _selectedRowData$keys === void 0 ? [] : _selectedRowData$keys,
+    selectAll = selectedRowData.selectAll;
+  var totalNum = _Number$parseInt(total, 10);
+  var showTotalNum = _Number$isNaN(totalNum) ? 0 : totalNum;
+  var num = selectAll ? showTotalNum : keys.length;
+  return jsxs(Row, {
+    justify: "space-between",
+    align: "middle",
+    children: [jsxs(Text, {
+      children: ["\u5DF2\u9009\u62E9", jsx(Link, {
+        children: num
+      }), "\u6761"]
+    }), jsxs("div", {
+      children: [actionRender === null || actionRender === void 0 ? void 0 : actionRender(selectedRowData, tableInstance), jsx(Button, {
+        type: "link",
+        size: "small",
+        onClick: function onClick() {
+          rowOnChange([], []);
+        },
+        children: "\u53D6\u6D88\u9009\u62E9"
+      })]
+    })]
+  });
+});
+
+export { AlertMsg as default };
+// powered by hdj

package/es/HTableBody/RowSelection.d.ts

@@ -0,0 +1,9 @@
+interface IRowSelectionTitleProps {
+    allPageCheck?: boolean;
+}
+export declare const RowSelectionTitle: ({ allPageCheck, }: IRowSelectionTitleProps) => JSX.Element;
+interface RowSelectionBoxProps {
+    data: any;
+}
+export declare const RowSelectionBox: ({ data }: RowSelectionBoxProps) => JSX.Element;
+export {};

package/es/HTableBody/RowSelection.js

@@ -0,0 +1,135 @@
+// welcome to hoo hoo hoo
+import _toConsumableArray from '@babel/runtime-corejs3/helpers/toConsumableArray';
+import _keysInstanceProperty from '@babel/runtime-corejs3/core-js/instance/keys';
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js/instance/map';
+import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js/instance/index-of';
+import _spliceInstanceProperty from '@babel/runtime-corejs3/core-js/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;
+  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 keys = _keysInstanceProperty(selectedRowData),
+    selectAll = selectedRowData.selectAll;
+  var allCheck = function allCheck() {
+    var setKeys = _mapInstanceProperty(records).call(records, function (item) {
+      return item[rowKey];
+    });
+    rowOnChange(setKeys, records);
+  };
+  var allCancel = function allCancel() {
+    rowOnChange([], []);
+  };
+  var checkChange = function checkChange(e) {
+    var checked = e.target.checked;
+    if (checked) {
+      allCheck();
+      return;
+    }
+    allCancel();
+  };
+  var change = function change(_ref3) {
+    var key = _ref3.key;
+    if (key === "check") {
+      allCheck();
+      return;
+    }
+    if (key === "cancel") {
+      allCancel();
+      return;
+    }
+    if (key === "checkAll") {
+      allSelectChange === null || allSelectChange === void 0 || allSelectChange(true);
+      return;
+    }
+    allSelectChange === null || allSelectChange === void 0 || allSelectChange(false);
+  };
+  var len = keys === null || keys === void 0 ? void 0 : keys.length;
+  var checked = len === records.length && 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
+    });
+  };
+  if (allPageCheck) {
+    return jsx(Dropdown, {
+      overlay: menu,
+      arrow: true,
+      placement: "bottom",
+      children: jsx(Checkbox, {
+        checked: checked,
+        onChange: checkChange
+      })
+    });
+  }
+  return jsx(Checkbox, {
+    checked: checked,
+    onChange: checkChange
+  });
+};
+var RowSelectionBox = function RowSelectionBox(_ref4) {
+  var data = _ref4.data;
+  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 = data[rowKey];
+  var check = function check(e) {
+    var checked = e.target.checked;
+    var newKeys = _toConsumableArray(keys);
+    var newRowData = _toConsumableArray(rowData);
+    if (checked) {
+      newKeys.push(key);
+      newRowData.push(data);
+      rowOnChange(newKeys, newRowData);
+      return;
+    }
+    var index = _indexOfInstanceProperty(newKeys).call(newKeys, key);
+    _spliceInstanceProperty(newKeys).call(newKeys, index, 1);
+    _spliceInstanceProperty(newRowData).call(newRowData, index, 1);
+  };
+  return jsx(Checkbox, {
+    checked: _indexOfInstanceProperty(keys).call(keys, key) !== -1,
+    onChange: check
+  });
+};
+
+export { RowSelectionBox, RowSelectionTitle };
+// powered by hdj