linkmore-design/lib/lm-edit-table/sortableItem.js

🌈 🚀lm组件库。🚀

"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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireWildcard(require("react"));
var _sortable = require("@dnd-kit/sortable");
var _utilities = require("@dnd-kit/utilities");
var _virtual = require("./virtual");
const SortableItem = props => {
  const {
    'data-row-key': key,
    children,
    className,
    virtual,
    ...resetField
  } = props;
  const {
    attributes,
    setNodeRef,
    transform,
    transition
  } = (0, _sortable.useSortable)({
    id: key
  });
  const style = {
    transform: _utilities.CSS.Transform.toString(transform),
    transition
  };
  if (!virtual) {
    return /*#__PURE__*/_react.default.createElement("tr", (0, _extends2.default)({}, resetField, {
      ref: setNodeRef,
      key: key,
      style: style
    }, attributes), children);
  }
  return /*#__PURE__*/_react.default.createElement(_virtual.VirtualRow, (0, _extends2.default)({}, resetField, {
    ref: setNodeRef,
    pref: setNodeRef,
    key: key,
    style: style
  }, attributes), children);
};
var _default = /*#__PURE__*/(0, _react.memo)(SortableItem);
exports.default = _default;