@zat-design/sisyphus-react 3.0.13

package/lib/ProTooltip/index.js

@@ -0,0 +1,101 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _ahooks = require("ahooks");
+var _antd = require("antd");
+var _react = _interopRequireWildcard(require("react"));
+var _classnames2 = _interopRequireDefault(require("classnames"));
+require("./style/index.less");
+var _excluded = ["text", "width", "line", "isResponsiveWidth", "className", "style"];
+var ProTooltip = function ProTooltip(props) {
+  var ref = (0, _react.useRef)();
+  var childRef = (0, _react.useRef)();
+  var text = props.text,
+    _props$width = props.width,
+    width = _props$width === void 0 ? '120px' : _props$width,
+    _props$line = props.line,
+    line = _props$line === void 0 ? 1 : _props$line,
+    _props$isResponsiveWi = props.isResponsiveWidth,
+    isResponsiveWidth = _props$isResponsiveWi === void 0 ? false : _props$isResponsiveWi,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var content = text !== null && text !== void 0 ? text : '-';
+  var isMultiLine = Number(line) > 1;
+  var _useState = (0, _react.useState)(width),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    localWidth = _useState2[0],
+    setLocalWidth = _useState2[1];
+  var _useState3 = (0, _react.useState)(true),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isShowToolTip = _useState4[0],
+    setIsShowToolTip = _useState4[1];
+  var _useState5 = (0, _react.useState)(),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    parentElement = _useState6[0],
+    setParentElement = _useState6[1];
+  var size = (0, _ahooks.useSize)(parentElement);
+  var multiStyle = isMultiLine ? {
+    WebkitLineClamp: line
+  } : {};
+  (0, _react.useEffect)(function () {
+    if (isResponsiveWidth && parentElement) {
+      var cWidth = parentElement.clientWidth - 32;
+      var contentDom = childRef.current;
+      setIsShowToolTip(contentDom.scrollWidth > contentDom.offsetWidth);
+      setLocalWidth(cWidth);
+    }
+    !isResponsiveWidth && setLocalWidth(width);
+  }, [isResponsiveWidth, size]);
+  (0, _react.useEffect)(function () {
+    var localDom = ref.current;
+    setParentElement(localDom.parentElement);
+    var contentDom = childRef.current;
+    setIsShowToolTip(contentDom.scrollWidth > contentDom.offsetWidth);
+  }, []);
+  var cls = (0, _classnames2.default)((0, _defineProperty2.default)({
+    'pro-tooltip': true
+  }, "".concat(className), className));
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: cls,
+    ref: ref,
+    style: (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), multiStyle), {}, {
+      width: localWidth
+    })
+  }, isResponsiveWidth && isShowToolTip ? /*#__PURE__*/_react.default.createElement(_antd.Tooltip, (0, _objectSpread2.default)({
+    title: text
+  }, restProps), /*#__PURE__*/_react.default.createElement("div", {
+    className: isMultiLine ? 'multiLine' : 'singleLine',
+    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, multiStyle), {}, {
+      width: localWidth
+    }),
+    ref: childRef
+  }, content)) : isResponsiveWidth ? /*#__PURE__*/_react.default.createElement("div", {
+    className: isMultiLine ? 'multiLine' : 'singleLine',
+    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, multiStyle), {}, {
+      width: localWidth
+    }),
+    ref: childRef
+  }, content) : /*#__PURE__*/_react.default.createElement(_antd.Tooltip, (0, _objectSpread2.default)({
+    title: text
+  }, restProps), /*#__PURE__*/_react.default.createElement("div", {
+    className: isMultiLine ? 'multiLine' : 'singleLine',
+    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, multiStyle), {}, {
+      width: localWidth
+    }),
+    ref: childRef
+  }, content)));
+};
+var _default = ProTooltip;
+exports.default = _default;

package/lib/ProTooltip/propsType.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface ProTooltipPropsType {
+    text?: string | React.ReactNode;
+    width?: string;
+    line?: number;
+    isResponsiveWidth?: Boolean;
+    className?: string;
+    /** 样式 */
+    style?: React.CSSProperties;
+}
+export interface RefObjectPropsType<T> {
+    readonly current: T | null;
+}

package/lib/ProTooltip/propsType.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/ProTooltip/style/index.less

@@ -0,0 +1,22 @@
+.pro-tooltip {
+  cursor: pointer;
+
+  .singleLine {
+    overflow     : hidden;
+    white-space  : nowrap;
+    text-overflow: ellipsis;
+
+    &>* {
+      overflow     : hidden;
+      white-space  : nowrap;
+      text-overflow: ellipsis;
+    }
+  }
+
+  .multiLine {
+    display           : -webkit-box;
+    overflow          : hidden;
+    -webkit-box-orient: vertical;
+  }
+
+}

package/lib/ProTransferModal/components/SortableItem/index.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+interface SortableItemProps {
+    drag?: boolean;
+    label: string;
+    item: any;
+    style?: any;
+    onClose: (e: any) => void;
+}
+declare const SortableItem: FC<SortableItemProps>;
+export default SortableItem;

package/lib/ProTransferModal/components/SortableItem/index.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
+var _sortable = require("@dnd-kit/sortable");
+var _utilities = require("@dnd-kit/utilities");
+var _reactSvg = require("react-svg");
+var _index = require("../../../index");
+var _disabled = _interopRequireDefault(require("../../../assets/disabled.svg"));
+var _drag = _interopRequireDefault(require("../../../assets/drag.svg"));
+var SortableItem = function SortableItem(props) {
+  var drag = props.drag,
+    label = props.label,
+    item = props.item,
+    _onClose = props.onClose;
+  var data = (0, _sortable.useSortable)({
+    id: props['data-row-key'],
+    disabled: item.disabled
+  });
+  var attributes = data.attributes,
+    listeners = data.listeners,
+    setNodeRef = data.setNodeRef,
+    transform = data.transform,
+    transition = data.transition,
+    isDragging = data.isDragging;
+  var style = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props.style), {}, {
+    transform: _utilities.CSS.Transform.toString(transform && (0, _objectSpread2.default)((0, _objectSpread2.default)({}, transform), {}, {
+      scaleY: 1
+    })),
+    transition: transition
+  }, isDragging ? {
+    position: 'relative',
+    zIndex: 9999
+  } : {});
+  return /*#__PURE__*/_react.default.createElement("li", (0, _objectSpread2.default)({
+    ref: item.disabled ? null : setNodeRef,
+    style: style,
+    className: "checked-item ".concat(item.disabled ? 'disabled' : '')
+  }, item.disabled ? {} : attributes), /*#__PURE__*/_react.default.createElement(_antd.Tag, {
+    closable: true,
+    onClose: function onClose(e) {
+      return _onClose(e);
+    }
+  }, drag ? item.disabled ? /*#__PURE__*/_react.default.createElement(_reactSvg.ReactSVG, {
+    className: "disabled-icon",
+    src: _disabled.default
+  }) : /*#__PURE__*/_react.default.createElement(_reactSvg.ReactSVG, (0, _objectSpread2.default)({
+    className: "drag-icon",
+    src: _drag.default
+  }, listeners)) : null, /*#__PURE__*/_react.default.createElement(_index.ProTooltip, {
+    isResponsiveWidth: !drag,
+    width: drag ? undefined : 120,
+    text: label
+  }, label)));
+};
+var _default = SortableItem;
+exports.default = _default;

package/lib/ProTransferModal/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ProTransferModalProps } from './propsType';
+declare const ProTransferModal: FC<ProTransferModalProps>;
+export default ProTransferModal;

package/lib/ProTransferModal/index.js

@@ -0,0 +1,334 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _antd = require("antd");
+var _icons = require("@ant-design/icons");
+var _core = require("@dnd-kit/core");
+var _sortable = require("@dnd-kit/sortable");
+var _empty = _interopRequireDefault(require("../assets/empty.png"));
+var _SortableItem = _interopRequireDefault(require("./components/SortableItem"));
+var ProTransferModal = function ProTransferModal(props) {
+  var _props$defaultValue = props.defaultValue,
+    defaultValue = _props$defaultValue === void 0 ? [] : _props$defaultValue,
+    fieldNames = props.fieldNames,
+    children = props.children,
+    label = props.label,
+    _props$unit = props.unit,
+    unit = _props$unit === void 0 ? '' : _props$unit,
+    title = props.title,
+    width = props.width,
+    _props$span = props.span,
+    span = _props$span === void 0 ? 24 : _props$span,
+    _props$pagination = props.pagination,
+    pagination = _props$pagination === void 0 ? false : _props$pagination,
+    _props$draggable = props.draggable,
+    draggable = _props$draggable === void 0 ? false : _props$draggable,
+    dataSource = props.dataSource,
+    _props$clearCheckedOn = props.clearCheckedOnClose,
+    clearCheckedOnClose = _props$clearCheckedOn === void 0 ? true : _props$clearCheckedOn,
+    optionRender = props.optionRender,
+    useRequest = props.useRequest,
+    transformResponse = props.transformResponse,
+    onOk = props.onOk,
+    onCancel = props.onCancel;
+  var optionValue = fieldNames.value,
+    optionLabel = fieldNames.label;
+  var _useSetState = (0, _ahooks.useSetState)({
+      search: undefined,
+      visible: false,
+      checkedList: defaultValue || [],
+      prevCheckedList: defaultValue || []
+    }),
+    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
+    _useSetState2$ = _useSetState2[0],
+    search = _useSetState2$.search,
+    visible = _useSetState2$.visible,
+    checkedList = _useSetState2$.checkedList,
+    prevCheckedList = _useSetState2$.prevCheckedList,
+    setState = _useSetState2[1];
+  var debouncedSearch = (0, _ahooks.useDebounce)(search, {
+    wait: 500
+  });
+  var _useRequestFun = (0, _ahooks.useRequest)(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, (0, _objectSpread2.default)({
+      manual: true,
+      debounceWait: 500
+    }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options)),
+    _useRequestFun$data = _useRequestFun.data,
+    data = _useRequestFun$data === void 0 ? {} : _useRequestFun$data,
+    run = _useRequestFun.run,
+    runAsync = _useRequestFun.runAsync;
+  var _ref = transformResponse ? transformResponse(data === null || data === void 0 ? void 0 : data.data) : (data === null || data === void 0 ? void 0 : data.data) || {},
+    _ref$list = _ref.list,
+    serviceDataSource = _ref$list === void 0 ? [] : _ref$list,
+    total = _ref.total,
+    pageSize = _ref.pageSize;
+  var list = (0, _react.useMemo)(function () {
+    var data = dataSource || serviceDataSource;
+    if (debouncedSearch) {
+      return data === null || data === void 0 ? void 0 : data.filter(function (item) {
+        var _item$optionLabel;
+        return item === null || item === void 0 ? void 0 : (_item$optionLabel = item[optionLabel]) === null || _item$optionLabel === void 0 ? void 0 : _item$optionLabel.toString().includes(debouncedSearch);
+      });
+    }
+    return data;
+  }, [dataSource, serviceDataSource, debouncedSearch]);
+  var _useMemo = (0, _react.useMemo)(function () {
+      var min = -1;
+      var max = (list === null || list === void 0 ? void 0 : list.length) || 0;
+      var minFlag = false;
+      var maxFlag = false;
+      list === null || list === void 0 ? void 0 : list.forEach(function (item, index) {
+        if (item.disabled && !minFlag) {
+          min = index;
+        } else {
+          minFlag = true;
+        }
+        if (!item.disabled && !maxFlag) {
+          maxFlag = true;
+        } else if (maxFlag && item.disabled) {
+          max = index;
+          maxFlag = false;
+        }
+      });
+      return {
+        min: min,
+        max: max
+      };
+    }, [list]),
+    min = _useMemo.min,
+    max = _useMemo.max;
+  var checkedKeys = (0, _react.useMemo)(function () {
+    return checkedList === null || checkedList === void 0 ? void 0 : checkedList.map(function (item) {
+      return item === null || item === void 0 ? void 0 : item[optionValue];
+    });
+  }, [checkedList, optionValue]);
+  var listKeys = (0, _react.useMemo)(function () {
+    return list === null || list === void 0 ? void 0 : list.map(function (item) {
+      return item === null || item === void 0 ? void 0 : item[optionValue];
+    });
+  }, [list, optionValue]);
+  var _useMemo2 = (0, _react.useMemo)(function () {
+      var curPageCheckKeys = pagination ? checkedKeys === null || checkedKeys === void 0 ? void 0 : checkedKeys.filter(function (item) {
+        return listKeys === null || listKeys === void 0 ? void 0 : listKeys.includes(item);
+      }) : checkedKeys;
+      return {
+        indeterminate: !!(curPageCheckKeys === null || curPageCheckKeys === void 0 ? void 0 : curPageCheckKeys.length) && (listKeys === null || listKeys === void 0 ? void 0 : listKeys.some(function (item) {
+          return !curPageCheckKeys.includes(item);
+        })),
+        checkAll: listKeys === null || listKeys === void 0 ? void 0 : listKeys.every(function (item) {
+          return curPageCheckKeys.includes(item);
+        })
+      };
+    }, [listKeys, checkedKeys]),
+    checkAll = _useMemo2.checkAll,
+    indeterminate = _useMemo2.indeterminate;
+  var handleOpen = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+      var _ref3, _ref3$defaultParams, defaultParams;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _ref3 = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {}, _ref3$defaultParams = _ref3.defaultParams, defaultParams = _ref3$defaultParams === void 0 ? [] : _ref3$defaultParams;
+            if (!useRequest) {
+              _context.next = 4;
+              break;
+            }
+            _context.next = 4;
+            return runAsync(defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0]);
+          case 4:
+            setState({
+              visible: true
+            });
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleOpen() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var handleSearch = function handleSearch(e) {
+    var value = e.target.value;
+    if (useRequest) {
+      run({
+        queryBean: (0, _defineProperty2.default)({}, optionLabel, value),
+        pageNum: 1,
+        pageSize: pageSize
+      });
+    } else {
+      setState({
+        search: value
+      });
+    }
+  };
+  var handleCheckAll = function handleCheckAll(e) {
+    var checked = e.target.checked;
+    setState({
+      checkedList: checked ? pagination ? (0, _toConsumableArray2.default)(new Set([].concat((0, _toConsumableArray2.default)(checkedList), (0, _toConsumableArray2.default)(list)))) : list : pagination ? checkedList === null || checkedList === void 0 ? void 0 : checkedList.filter(function (item) {
+        return !(listKeys === null || listKeys === void 0 ? void 0 : listKeys.includes(item === null || item === void 0 ? void 0 : item[optionValue]));
+      }) : checkedList.filter(function (item) {
+        return !!item.disabled;
+      })
+    });
+  };
+  var handleCheck = function handleCheck(checked, checkItem) {
+    var checkedKey = checkItem === null || checkItem === void 0 ? void 0 : checkItem[optionValue];
+    var newCheckedList;
+    if (checked) {
+      newCheckedList = list === null || list === void 0 ? void 0 : list.filter(function (item) {
+        return [].concat((0, _toConsumableArray2.default)(checkedKeys), [checkedKey]).includes(item === null || item === void 0 ? void 0 : item[optionValue]);
+      });
+    } else {
+      newCheckedList = checkedList === null || checkedList === void 0 ? void 0 : checkedList.filter(function (item) {
+        return (item === null || item === void 0 ? void 0 : item[optionValue]) !== checkedKey;
+      });
+    }
+    setState({
+      checkedList: newCheckedList
+    });
+  };
+  var handlePageChange = function handlePageChange(page, pageSize) {
+    run({
+      queryBean: (0, _defineProperty2.default)({}, optionLabel, search),
+      pageNum: page,
+      pageSize: pageSize
+    });
+  };
+  var handleClear = function handleClear() {
+    var newCheckedList = checkedList.filter(function (item) {
+      return !!item.disabled;
+    });
+    setState({
+      checkedList: newCheckedList
+    });
+  };
+  var handleDragEnd = function handleDragEnd(_ref4) {
+    var active = _ref4.active,
+      over = _ref4.over;
+    if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
+      var activeIndex = checkedList.findIndex(function (item) {
+        return (item === null || item === void 0 ? void 0 : item[optionValue]) === active.id;
+      });
+      var overIndex = checkedList.findIndex(function (item) {
+        return (item === null || item === void 0 ? void 0 : item[optionValue]) === (over === null || over === void 0 ? void 0 : over.id);
+      });
+      if (overIndex <= min || overIndex >= max) {
+        return;
+      }
+      setState({
+        checkedList: (0, _sortable.arrayMove)(checkedList, activeIndex, overIndex)
+      });
+    }
+  };
+  var handleCancel = function handleCancel() {
+    setState({
+      search: undefined,
+      visible: false,
+      checkedList: clearCheckedOnClose ? defaultValue : prevCheckedList
+    });
+    onCancel && onCancel();
+  };
+  var handleOk = function handleOk() {
+    setState({
+      search: undefined,
+      visible: false,
+      checkedList: clearCheckedOnClose ? defaultValue : checkedList,
+      prevCheckedList: checkedList
+    });
+    onOk(checkedList);
+  };
+  var showPagination = pagination && total > pageSize;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "pro-transfer-trigger",
+    onClick: handleOpen
+  }, children), visible && /*#__PURE__*/_react.default.createElement(_antd.Modal, {
+    className: "pro-transfer-modal",
+    title: title,
+    width: width || 650,
+    open: true,
+    okText: "\u786E\u8BA4",
+    onOk: handleOk,
+    onCancel: handleCancel
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "pro-transfer-left"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "pro-transfer-header"
+  }, "\u53EF\u6DFB\u52A0\u7684", label), /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    placeholder: "\u8BF7\u8F93\u5165".concat(label, "\u540D\u79F0\u8FDB\u884C\u67E5\u8BE2"),
+    prefix: /*#__PURE__*/_react.default.createElement(_icons.SearchOutlined, null),
+    allowClear: true,
+    onChange: handleSearch
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "check-container ".concat(showPagination ? 'has-pagination' : '')
+  }, /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
+    indeterminate: indeterminate,
+    onChange: handleCheckAll,
+    checked: checkAll
+  }, "\u5168\u9009"), !(list === null || list === void 0 ? void 0 : list.length) && /*#__PURE__*/_react.default.createElement("div", {
+    className: "noData"
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    className: "emptyImg",
+    src: _empty.default,
+    alt: "\u6682\u65E0\u6570\u636E"
+  }), "\u672A\u627E\u5230\u76F8\u5173\u7ED3\u679C"), /*#__PURE__*/_react.default.createElement(_antd.Row, null, list === null || list === void 0 ? void 0 : list.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement(_antd.Col, {
+      span: span,
+      key: item === null || item === void 0 ? void 0 : item[optionValue]
+    }, /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
+      key: item === null || item === void 0 ? void 0 : item[optionValue],
+      disabled: item === null || item === void 0 ? void 0 : item.disabled,
+      checked: checkedKeys === null || checkedKeys === void 0 ? void 0 : checkedKeys.includes(item === null || item === void 0 ? void 0 : item[optionValue]),
+      onChange: function onChange(e) {
+        return handleCheck(e.target.checked, item);
+      }
+    }, optionRender ? optionRender(item) : item === null || item === void 0 ? void 0 : item[optionLabel]));
+  }))), showPagination && /*#__PURE__*/_react.default.createElement(_antd.Pagination, {
+    defaultCurrent: 1,
+    total: total,
+    onChange: handlePageChange
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "pro-transfer-right"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "pro-transfer-header"
+  }, /*#__PURE__*/_react.default.createElement("span", null, "\u5DF2\u9009", checkedList === null || checkedList === void 0 ? void 0 : checkedList.length, unit, label), /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: "link",
+    onClick: handleClear
+  }, "\u6E05\u7A7A")), /*#__PURE__*/_react.default.createElement("div", {
+    className: "checked-container"
+  }, /*#__PURE__*/_react.default.createElement(_core.DndContext, {
+    onDragEnd: handleDragEnd
+  }, /*#__PURE__*/_react.default.createElement(_sortable.SortableContext, {
+    items: checkedList === null || checkedList === void 0 ? void 0 : checkedList.map(function (item) {
+      return item === null || item === void 0 ? void 0 : item[optionValue];
+    }),
+    strategy: _sortable.verticalListSortingStrategy
+  }, checkedList === null || checkedList === void 0 ? void 0 : checkedList.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement(_SortableItem.default, {
+      key: "item-".concat(item === null || item === void 0 ? void 0 : item[optionValue]),
+      "data-row-key": item === null || item === void 0 ? void 0 : item[optionValue],
+      label: item === null || item === void 0 ? void 0 : item[optionLabel],
+      item: item,
+      drag: draggable,
+      onClose: function onClose() {
+        return handleCheck(false, item);
+      }
+    });
+  })))))));
+};
+var _default = ProTransferModal;
+exports.default = _default;

package/lib/ProTransferModal/propsType.d.ts

@@ -0,0 +1,34 @@
+import { ReactNode } from 'react';
+import { Service, Options } from 'ahooks/lib/useRequest/src/types';
+interface List<T> {
+    pageNum: number;
+    pageSize: number;
+    total: number;
+    list: T[];
+}
+export interface ProTransferModalProps {
+    children: ReactNode;
+    title: ReactNode;
+    width?: string | number;
+    defaultValue?: any[];
+    label: string;
+    unit?: string;
+    span?: number;
+    fieldNames?: {
+        value: string;
+        label: string;
+    };
+    clearCheckedOnClose?: boolean;
+    draggable?: boolean;
+    optionRender?: (record: any) => ReactNode;
+    pagination?: boolean;
+    dataSource?: any[];
+    useRequest?: {
+        service: Service<any, any>;
+        options?: Options<any, any>;
+    };
+    transformResponse?: (data: any) => List<any>;
+    onOk: (checkedList: any[]) => void;
+    onCancel?: () => void;
+}
+export {};

package/lib/ProTransferModal/propsType.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});