linkmore-design/lib/lm-drag/components/sortableBox.js

🌈 🚀lm组件库。🚀

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _sortable = require("@dnd-kit/sortable");
var _sortableItem = _interopRequireDefault(require("./sortableItem"));
// rectSortingStrategy 可交换策略
const SortableBox = ({
  instance
}) => {
  const {
    items,
    rowKey,
    options
  } = instance;
  return /*#__PURE__*/_react.default.createElement(_sortable.SortableContext, {
    items: items,
    strategy: _sortable.rectSortingStrategy
  }, options?.map((item, idx) => /*#__PURE__*/_react.default.createElement(_sortableItem.default, {
    instance: instance,
    index: idx,
    key: item[rowKey] || idx,
    item: item
  })));
};
var _default = /*#__PURE__*/_react.default.memo(SortableBox);
exports.default = _default;