@lemon-fe/kits 1.0.0-127 → 1.0.0-129

package/es/components/Filter/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import type { ComponentOption, FilterProps } from './typings';
 declare function Filter<T extends Record<string, any> = Record<string, any>>(props: FilterProps<T>): JSX.Element;
 declare namespace Filter {
@@ -12,5 +12,4 @@ declare namespace Filter {
     }) => void | Promise<void>) => void;
     var defaultProps: Partial<FilterProps<Record<string, any>>>;
 }
-declare const _default: React.MemoExoticComponent<typeof Filter>;
-export default _default;
+export default Filter;

package/es/components/Filter/index.js

@@ -38,7 +38,7 @@ import { useDebounce, useRequest } from '@lemon-fe/hooks';
 import { Button, Checkbox, Form, Input, Popover, Space, Modal, message, Select, Empty, InputNumber } from 'antd';
 import classNames from 'classnames';
 import ResizeObserver from 'rc-resize-observer';
-import React, { memo, useEffect, useMemo, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import Dropdown from "../Dropdown";
 import DurationPicker from "../DurationPicker";
 import FormLayout from "../FormLayout";
@@ -675,4 +675,4 @@ function Filter(props) {
 Filter.setComponents = setComponents;
 Filter.setStorage = setStorage;
 Filter.defaultProps = {};
-export default /*#__PURE__*/memo(Filter);
+export default Filter;

package/es/hooks/useBatchOperator/index.d.ts

@@ -2,7 +2,7 @@ import { type ReactElement } from 'react';
 import type { Key } from 'react';
 import type { ColType, DataGridProps } from "../../components/DataGrid/typings";
 declare type Result<ResultType> = Error | symbol | ResultType;
-export default function useBatchOperate<RecordType extends Record<string, any> = Record<string, any>, ResultType = any>(options: {
+interface Props<RecordType extends Record<string, any> = Record<string, any>, ResultType = any> {
     modalTitle: string;
     handler: (record: RecordType) => Promise<ResultType>;
     columns?: ColType<RecordType>[];
@@ -36,8 +36,9 @@ export default function useBatchOperate<RecordType extends Record<string, any> =
         reload: () => any;
     }) => ReactElement | string | number | null;
     isError?: (result: ResultType) => boolean;
-}): {
-    node: JSX.Element;
+}
+export default function useBatchOperate<RecordType extends Record<string, any> = Record<string, any>, ResultType = any>(options: Props<RecordType, ResultType>): {
     run: (rows: RecordType[]) => void;
+    node: null;
 };
 export {};

package/es/hooks/useBatchOperator/index.js

@@ -1,5 +1,7 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -31,29 +33,34 @@ import { useThrottle } from '@lemon-fe/hooks';
 import { Modal, Row, Spin } from 'antd';
 import { get } from 'lodash';
 import React, { useMemo, useState, useRef, useEffect } from 'react';
+import { render } from 'react-dom';
+import { unmountComponentAtNode } from 'react-dom';
 import Actions from "../../components/Actions";
 import DataGrid from "../../components/DataGrid";
 import Icons from "../../components/Icons";
 import Layout from "../../components/Layout";
 import Section from "../../components/Section";
 var loading = Symbol('loading');
-export default function useBatchOperate(options) {
-  var _options$modalTitle = options.modalTitle,
-      modalTitle = _options$modalTitle === void 0 ? '批量操作' : _options$modalTitle,
-      handler = options.handler,
-      columns = options.columns,
-      onClose = options.onClose,
-      onBeforeClose = options.onBeforeClose,
-      rowKey = options.rowKey,
-      renderResult = options.renderResult,
-      isError = options.isError;
-
-  var _useState = useState(false),
+
+function BatchOperate(props) {
+  var rows = props.rows,
+      _props$modalTitle = props.modalTitle,
+      modalTitle = _props$modalTitle === void 0 ? '批量操作' : _props$modalTitle,
+      handler = props.handler,
+      columns = props.columns,
+      onClose = props.onClose,
+      onBeforeClose = props.onBeforeClose,
+      rowKey = props.rowKey,
+      renderResult = props.renderResult,
+      isError = props.isError,
+      _afterClose = props.afterClose;
+
+  var _useState = useState(true),
       _useState2 = _slicedToArray(_useState, 2),
       visible = _useState2[0],
       setVisible = _useState2[1];
 
-  var _useState3 = useState([]),
+  var _useState3 = useState(rows),
       _useState4 = _slicedToArray(_useState3, 2),
       data = _useState4[0],
       setData = _useState4[1];
@@ -209,11 +216,6 @@ export default function useBatchOperate(options) {
     }, _callee2, null, [[6, 13]]);
   })), 500);
 
-  var run = function run(rows) {
-    setVisible(true);
-    setData(rows);
-  };
-
   var handleClose = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
       var value;
@@ -394,11 +396,11 @@ export default function useBatchOperate(options) {
     });
     return cols;
   }, [columns, paused, active]);
-  var node = /*#__PURE__*/React.createElement(Modal, {
+  return /*#__PURE__*/React.createElement(Modal, {
     title: modalTitle,
-    open: visible,
     width: 1000,
     centered: true,
+    open: visible,
     onCancel: handleClose,
     footer: null,
     maskClosable: false,
@@ -411,6 +413,8 @@ export default function useBatchOperate(options) {
       setPaused(true);
       setActive(-1);
       setData([]);
+
+      _afterClose();
     },
     keyboard: false
   }, /*#__PURE__*/React.createElement(Layout, {
@@ -445,8 +449,22 @@ export default function useBatchOperate(options) {
     columns: mCols,
     rowKey: rowKey
   }))));
+}
+
+export default function useBatchOperate(options) {
+  var run = function run(rows) {
+    var root = document.createDocumentFragment();
+    render( /*#__PURE__*/React.createElement(BatchOperate, _extends({
+      rows: rows
+    }, options, {
+      afterClose: function afterClose() {
+        unmountComponentAtNode(root);
+      }
+    })), root);
+  };
+
   return {
-    node: node,
-    run: run
+    run: run,
+    node: null
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/kits",
-  "version": "1.0.0-127",
+  "version": "1.0.0-129",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",