linkmore-design/lib/lm-edit-table/sortableItemCol.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 = SortableItem;
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");
// import { omit } from 'lodash'

// interface ItemType {
//   children: React.ReactNode
// }

// interface ItemInstance {}

// @ts-ignore
const Item = /*#__PURE__*/(0, _react.forwardRef)(({
  children,
  ...props
}, ref) => {
  // const rProps = omit({ ...props, ...children.props }, [
  //   'isSticky',
  //   'colStart',
  //   'colEnd',
  //   'prefixCls',
  //   'fixLeft',
  //   'fixRight',
  //   'lastFixLeft',
  //   'firstFixRight',
  //   'lastFixRight',
  //   'firstFixLeft',
  //   'isSticky',
  //   'additionalProps',
  //   'rowType',
  // ])
  return (
    /*#__PURE__*/
    // <th {...rProps} ref={ref as any} />
    _react.default.createElement("th", (0, _extends2.default)({}, props, children.props, {
      ref: ref
    }))
    // <th {...props} ref={ref as any}>
    //   {(children as any)?.props?.children || children}
    // </th>
  );
});

function SortableItem(props) {
  const {
    id
  } = props;
  const {
    attributes,
    listeners,
    setNodeRef,
    transform,
    transition
  } = (0, _sortable.useSortable)({
    id
  });
  const style = {
    position: 'relative',
    transform: _utilities.CSS.Translate.toString(transform ? {
      ...transform,
      y: 0
    } : transform),
    transition,
    touchAction: 'none',
    height: '40px',
    cursor: 'move',
    padding: '8px 10px',
    fontSize: '12px'
  };
  return /*#__PURE__*/_react.default.createElement(Item, (0, _extends2.default)({
    ref: setNodeRef,
    style: style
  }, attributes, listeners, props));
}