linkmore-design 1.1.27-beta.5 → 1.1.28

package/es/LmTable/components/Item/Item.js

@@ -1,84 +0,0 @@
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-import React, { useEffect } from 'react';
-import classNames from 'classnames';
-import { Handle, Remove } from './components';
-// import IconFont from '../../../IconFont'
-import "./Item.css";
-export var Item = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (_a, ref) {
-  var color = _a.color,
-    dragOverlay = _a.dragOverlay,
-    dragging = _a.dragging,
-    disabled = _a.disabled,
-    fadeIn = _a.fadeIn,
-    handle = _a.handle,
-    handleProps = _a.handleProps,
-    height = _a.height,
-    index = _a.index,
-    listeners = _a.listeners,
-    onRemove = _a.onRemove,
-    renderItem = _a.renderItem,
-    sorting = _a.sorting,
-    style = _a.style,
-    transition = _a.transition,
-    transform = _a.transform,
-    value = _a.value,
-    wrapperStyle = _a.wrapperStyle,
-    props = __rest(_a, ["color", "dragOverlay", "dragging", "disabled", "fadeIn", "handle", "handleProps", "height", "index", "listeners", "onRemove", "renderItem", "sorting", "style", "transition", "transform", "value", "wrapperStyle"]);
-  useEffect(function () {
-    if (!dragOverlay) {
-      return undefined;
-    }
-    document.body.style.cursor = 'grabbing';
-    return function () {
-      document.body.style.cursor = '';
-    };
-  }, [dragOverlay]);
-  return renderItem ? renderItem({
-    dragOverlay: Boolean(dragOverlay),
-    dragging: Boolean(dragging),
-    sorting: Boolean(sorting),
-    index: index,
-    fadeIn: Boolean(fadeIn),
-    listeners: listeners,
-    ref: ref,
-    style: style,
-    transform: transform,
-    transition: transition,
-    value: value
-  }) : /*#__PURE__*/React.createElement("li", {
-    className: classNames('dnd_com_item_Wrapper', fadeIn && 'fadeIn', sorting && 'sorting', dragOverlay && 'dragOverlay'),
-    style: Object.assign(Object.assign({}, wrapperStyle), {
-      transition: [transition, wrapperStyle === null || wrapperStyle === void 0 ? void 0 : wrapperStyle.transition].filter(Boolean).join(', '),
-      // @ts-ignore
-      '--translate-x': transform ? "".concat(Math.round(transform.x), "px") : undefined,
-      '--translate-y': transform ? "".concat(Math.round(transform.y), "px") : undefined,
-      '--scale-x': (transform === null || transform === void 0 ? void 0 : transform.scaleX) ? "".concat(transform.scaleX) : undefined,
-      '--scale-y': (transform === null || transform === void 0 ? void 0 : transform.scaleY) ? "".concat(transform.scaleY) : undefined,
-      '--index': index,
-      '--color': color
-    }),
-    ref: ref
-  }, /*#__PURE__*/React.createElement("div", Object.assign({
-    className: classNames('dnd_com_Item', dragging && 'dragging', handle && 'withHandle', dragOverlay && 'dragOverlay', disabled && 'disabled', color && 'color'),
-    style: style,
-    "data-cypress": "draggable-item"
-  }, !handle ? listeners : undefined, props, {
-    tabIndex: !handle ? 0 : undefined
-  }), /*#__PURE__*/React.createElement("div", null, value), /*#__PURE__*/React.createElement("span", {
-    className: "dnd_com_Actions"
-  }, onRemove ? /*#__PURE__*/React.createElement(Remove, {
-    className: "dnd_com_Remove",
-    onClick: onRemove
-  }) :
-  // <IconFont className={styles.Remove} type="lmweb-close-circle-fill" onClick={onRemove} />
-  null, handle ? /*#__PURE__*/React.createElement(Handle, Object.assign({}, handleProps, listeners)) : null)));
-}));

package/es/LmTable/components/Item/components/Action/Action.css

@@ -1,41 +0,0 @@
-.dnd_item_actions {
-  display: flex;
-  width: 12px;
-  margin-left: 6px;
-  align-items: center;
-  justify-content: center;
-  flex: 0 0 auto;
-  touch-action: none;
-  cursor: var(--cursor, pointer);
-  border-radius: 5px;
-  border: none;
-  outline: none;
-  appearance: none;
-  background-color: transparent;
-  -webkit-tap-highlight-color: transparent;
-}
-@media (hover: hover) {
-  .dnd_item_actions:hover {
-    background-color: var(--action-background, rgba(0, 0, 0, 0.05));
-  }
-  .dnd_item_actions:hover svg {
-    fill: #6f7b88;
-  }
-}
-.dnd_item_actions svg {
-  flex: 0 0 auto;
-  margin: auto;
-  height: 100%;
-  overflow: visible;
-  fill: #919eab;
-}
-.dnd_item_actions:active {
-  background-color: var(--background, rgba(0, 0, 0, 0.05));
-}
-.dnd_item_actions:active svg {
-  fill: var(--fill, #788491);
-}
-.dnd_item_actions:focus-visible {
-  outline: none;
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0), 0 0px 0px 2px #4c9ffe;
-}

package/es/LmTable/components/Item/components/Action/Action.d.ts

@@ -1,10 +0,0 @@
-import React, { CSSProperties } from 'react';
-import './Action.less';
-export interface Props extends React.HTMLAttributes<HTMLButtonElement> {
-    active?: {
-        fill: string;
-        background: string;
-    };
-    cursor?: CSSProperties['cursor'];
-}
-export declare const Action: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;

package/es/LmTable/components/Item/components/Action/Action.js

@@ -1,31 +0,0 @@
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-import React, { forwardRef } from 'react';
-import classNames from 'classnames';
-import "./Action.css";
-export var Action = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var active = _a.active,
-    className = _a.className,
-    cursor = _a.cursor,
-    style = _a.style,
-    props = __rest(_a, ["active", "className", "cursor", "style"]);
-  return /*#__PURE__*/React.createElement("button", Object.assign({
-    ref: ref
-  }, props, {
-    className: classNames('dnd_item_actions', className),
-    tabIndex: 0,
-    style: Object.assign(Object.assign({}, style), {
-      cursor: cursor,
-      '--fill': active === null || active === void 0 ? void 0 : active.fill,
-      '--background': active === null || active === void 0 ? void 0 : active.background
-    })
-  }));
-});

package/es/LmTable/components/Item/components/Action/index.d.ts

@@ -1,2 +0,0 @@
-export { Action } from './Action';
-export type { Props as ActionProps } from './Action';

package/es/LmTable/components/Item/components/Action/index.js

@@ -1 +0,0 @@
-export { Action } from './Action';

package/es/LmTable/components/Item/components/Handle/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ActionProps } from '../Action';
-declare const Handle: React.ForwardRefExoticComponent<ActionProps & React.RefAttributes<HTMLButtonElement>>;
-export default Handle;

package/es/LmTable/components/Item/components/Handle/index.js

@@ -1,15 +0,0 @@
-import React, { forwardRef } from 'react';
-import { Action } from '../Action';
-var Handle = /*#__PURE__*/forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(Action, Object.assign({
-    ref: ref,
-    cursor: "grab",
-    "data-cypress": "draggable-handle"
-  }, props), /*#__PURE__*/React.createElement("svg", {
-    viewBox: "0 0 20 20",
-    width: "12"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-  })));
-});
-export default Handle;

package/es/LmTable/components/Item/components/Remove/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { ActionProps } from '../Action';
-export default function Remove(props: ActionProps): JSX.Element;

package/es/LmTable/components/Item/components/Remove/index.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import { Action } from '../Action';
-export default function Remove(props) {
-  return /*#__PURE__*/React.createElement(Action, Object.assign({}, props, {
-    active: {
-      fill: 'rgba(255, 70, 70, 0.95)',
-      background: 'rgba(255, 70, 70, 0.1)'
-    }
-  }), /*#__PURE__*/React.createElement("svg", {
-    width: "8",
-    viewBox: "0 0 22 22",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M2.99998 -0.000206962C2.7441 -0.000206962 2.48794 0.0972617 2.29294 0.292762L0.292945 2.29276C-0.0980552 2.68376 -0.0980552 3.31682 0.292945 3.70682L7.58591 10.9998L0.292945 18.2928C-0.0980552 18.6838 -0.0980552 19.3168 0.292945 19.7068L2.29294 21.7068C2.68394 22.0978 3.31701 22.0978 3.70701 21.7068L11 14.4139L18.2929 21.7068C18.6829 22.0978 19.317 22.0978 19.707 21.7068L21.707 19.7068C22.098 19.3158 22.098 18.6828 21.707 18.2928L14.414 10.9998L21.707 3.70682C22.098 3.31682 22.098 2.68276 21.707 2.29276L19.707 0.292762C19.316 -0.0982383 18.6829 -0.0982383 18.2929 0.292762L11 7.58573L3.70701 0.292762C3.51151 0.0972617 3.25585 -0.000206962 2.99998 -0.000206962Z"
-  })));
-}

package/es/LmTable/components/Item/components/index.d.ts

@@ -1,3 +0,0 @@
-export { Action } from './Action';
-export { default as Handle } from './Handle';
-export { default as Remove } from './Remove';

package/es/LmTable/components/Item/components/index.js

@@ -1,3 +0,0 @@
-export { Action } from './Action';
-export { default as Handle } from './Handle';
-export { default as Remove } from './Remove';

package/es/LmTable/components/Item/index.d.ts

@@ -1,2 +0,0 @@
-export { Item } from './Item';
-export { Action, Handle, Remove } from './components';

package/es/LmTable/components/Item/index.js

@@ -1,2 +0,0 @@
-export { Item } from './Item';
-export { Action, Handle, Remove } from './components';

package/es/LmTable/hooks/useDndItems.d.ts

@@ -1,13 +0,0 @@
-interface IdndItems {
-    row?: string[];
-    col?: string[];
-    tableHeader?: string[];
-}
-declare function useDndItems(props: any): {
-    dndColumns: any;
-    items: IdndItems;
-    groupRowKeys: any;
-    groupColKeys: any;
-    updateItems: (value: IdndItems, resume: string) => void;
-};
-export default useDndItems;

package/es/LmTable/hooks/useDndItems.js

@@ -1,193 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import { useState, useEffect } from 'react';
-import { treeFind } from '../common/index';
-function del(arr, target) {
-  if (!arr || !arr.length) {
-    return null;
-  }
-  var index = arr.findIndex(function (item) {
-    return item === target;
-  });
-  if (index !== -1) {
-    arr.splice(index, 1);
-  }
-}
-function getSortInsert(tableHeader, value, _ref) {
-  var columns = _ref.columns;
-  if (!tableHeader) {
-    return [];
-  }
-  var arr = new Array(columns.length);
-  tableHeader.push(value);
-  tableHeader.forEach(function (val) {
-    var index = columns.findIndex(function (item) {
-      return item.title === val;
-    });
-    columns[index].show = true;
-    arr.splice(index, 0, val);
-  });
-  return arr.filter(Boolean);
-}
-function getSortDndColumns(value, _ref2) {
-  var columns = _ref2.columns;
-  var tableHeader = value.tableHeader;
-  var hiddenArr = [];
-  if (value.row) {
-    hiddenArr = [].concat(_toConsumableArray(hiddenArr), _toConsumableArray(value.row));
-  }
-  if (value.col) {
-    hiddenArr = [].concat(_toConsumableArray(hiddenArr), _toConsumableArray(value.col));
-  }
-  if (!tableHeader || !tableHeader.length) {
-    return [];
-  }
-  var result = [];
-  var _loop = function _loop(i) {
-    var item = columns.find(function (item) {
-      return item.title === tableHeader[i];
-    });
-    if (item) {
-      item.order = i;
-      result.push(item);
-    }
-  };
-  for (var i = 0; i < tableHeader.length; i++) {
-    _loop(i);
-  }
-  var _loop2 = function _loop2(_i) {
-    var item = columns.find(function (item) {
-      return item.title === hiddenArr[_i];
-    });
-    if (item) {
-      item.show = false;
-      result.push(item);
-    }
-  };
-  for (var _i = 0; _i < hiddenArr.length; _i++) {
-    _loop2(_i);
-  }
-  return result;
-}
-function getDataIndexForTitle(row, columns) {
-  if (!row) {
-    return [];
-  }
-  return row.map(function (title) {
-    var col = columns.find(function (item) {
-      return item.title === title;
-    });
-    if (col) {
-      return col.dataIndex;
-    }
-  });
-}
-function useDndItems(props) {
-  var columns = props.columns,
-    colSortOpen = props.colSortOpen,
-    filterChange = props.filterChange,
-    openRowGroup = props.openRowGroup,
-    openColGroup = props.openColGroup,
-    customizeGroupRowKeys = props.customizeGroupRowKeys,
-    customizeGroupColKeys = props.customizeGroupColKeys;
-  var _useState = useState(columns),
-    _useState2 = _slicedToArray(_useState, 2),
-    dndColumns = _useState2[0],
-    setDndColumns = _useState2[1];
-  var _useState3 = useState(customizeGroupRowKeys || []),
-    _useState4 = _slicedToArray(_useState3, 2),
-    groupRowKeys = _useState4[0],
-    setGroupRowKeys = _useState4[1];
-  var _useState5 = useState(customizeGroupColKeys || []),
-    _useState6 = _slicedToArray(_useState5, 2),
-    groupColKeys = _useState6[0],
-    setGroupColKeys = _useState6[1];
-  useEffect(function () {
-    if (customizeGroupRowKeys) {
-      setGroupRowKeys(customizeGroupRowKeys);
-    }
-    if (customizeGroupColKeys) {
-      setGroupColKeys(customizeGroupColKeys);
-    }
-  }, [customizeGroupRowKeys, customizeGroupColKeys]);
-  // 初始化
-  var defaultItems = {
-    tableHeader: []
-  };
-  if (openRowGroup) {
-    defaultItems.row = [];
-  }
-  if (openColGroup) {
-    defaultItems.col = [];
-  }
-  if (openColGroup || openRowGroup || colSortOpen) {
-    treeFind(columns, function (node) {
-      if (openRowGroup && groupRowKeys.includes(node.dataIndex)) {
-        defaultItems.row && defaultItems.row.push(node.title);
-      } else if (groupColKeys.includes(node.dataIndex)) {
-        defaultItems.col && defaultItems.col.push(node.title);
-      } else {
-        defaultItems.tableHeader.push(node.title);
-      }
-      return false;
-    });
-  }
-  var _useState7 = useState(defaultItems),
-    _useState8 = _slicedToArray(_useState7, 2),
-    items = _useState8[0],
-    setItems = _useState8[1];
-  useEffect(function () {
-    if (customizeGroupRowKeys || customizeGroupColKeys) {
-      columns.forEach(function (c) {
-        if (customizeGroupRowKeys.includes(c.dataIndex) || customizeGroupColKeys.includes(c.dataIndex)) {
-          c.show = false;
-        }
-      });
-    }
-    setDndColumns(columns);
-    setItems(defaultItems);
-  }, [columns]);
-  // 更新
-  var updateItems = function updateItems(value, resume) {
-    var _a;
-    if (value.row) {
-      value.row = value === null || value === void 0 ? void 0 : value.row.filter(Boolean);
-    }
-    if (value.col) {
-      value.col = value.col.filter(Boolean);
-    }
-    if (resume) {
-      // 删除
-      del(value.row, resume);
-      del(value.col, resume);
-      value.tableHeader = getSortInsert(value.tableHeader, resume, {
-        columns: columns
-      });
-    }
-    // 列分组进行覆盖，只允许存在一个
-    if (((_a = value === null || value === void 0 ? void 0 : value.col) === null || _a === void 0 ? void 0 : _a.length) >= 2) {
-      value.tableHeader = getSortInsert(value.tableHeader, items.col[0], {
-        columns: columns
-      });
-      value.col = value.col.filter(function (item) {
-        return item !== items.col[0];
-      });
-    }
-    setItems(value);
-    setGroupRowKeys(getDataIndexForTitle(value.row, columns));
-    setGroupColKeys(getDataIndexForTitle(value.col, columns));
-    var newColumns = getSortDndColumns(value, {
-      columns: columns
-    });
-    setDndColumns(newColumns);
-    filterChange === null || filterChange === void 0 ? void 0 : filterChange(newColumns);
-  };
-  return {
-    dndColumns: dndColumns,
-    items: items,
-    groupRowKeys: groupRowKeys,
-    groupColKeys: groupColKeys,
-    updateItems: updateItems
-  };
-}
-export default useDndItems;

package/es/LmTable/hooks/useResizeObserver.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-interface Rect {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    left: number;
-    right: number;
-    bottom: number;
-    top: number;
-}
-export default function useResizeObserver(): (import("react").MutableRefObject<undefined> | Rect)[];
-export {};

package/es/LmTable/hooks/useResizeObserver.js

@@ -1,44 +0,0 @@
-import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { useEffect, useRef, useState } from 'react';
-export default function useResizeObserver() {
-  var ref = useRef();
-  var _useState = useState({
-      x: 0,
-      y: 0,
-      width: 0,
-      height: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-      top: 0
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    rect = _useState2[0],
-    setRect = _useState2[1];
-  console.log('useResizeObserver');
-  useEffect(function () {
-    var ro = new ResizeObserver(function (entries) {
-      // 遍历改变的元素属性
-      var _iterator = _createForOfIteratorHelper(entries),
-        _step;
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var entry = _step.value;
-          setRect(entry.target.getBoundingClientRect());
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-    });
-    if (ref.current) {
-      ro.observe(ref.current);
-    }
-    return function () {
-      ro.disconnect();
-    };
-  }, []);
-  return [ref, rect];
-}

package/es/LmTable/multipleContainersKeyboardCoordinates.d.ts

@@ -1,3 +0,0 @@
-import { KeyboardCoordinateGetter } from '@dnd-kit/core';
-declare const coordinateGetter: KeyboardCoordinateGetter;
-export default coordinateGetter;

package/es/LmTable/multipleContainersKeyboardCoordinates.js

@@ -1,92 +0,0 @@
-import { closestCorners, getFirstCollision, KeyboardCode } from '@dnd-kit/core';
-var directions = [KeyboardCode.Down, KeyboardCode.Right, KeyboardCode.Up, KeyboardCode.Left];
-var coordinateGetter = function coordinateGetter(event, _ref) {
-  var _ref$context = _ref.context,
-    active = _ref$context.active,
-    droppableRects = _ref$context.droppableRects,
-    droppableContainers = _ref$context.droppableContainers,
-    collisionRect = _ref$context.collisionRect;
-  var _a;
-  if (directions.includes(event.code)) {
-    event.preventDefault();
-    if (!active || !collisionRect) {
-      return null;
-    }
-    var filteredContainers = [];
-    droppableContainers.getEnabled().forEach(function (entry) {
-      var _a;
-      if (!entry || (entry === null || entry === void 0 ? void 0 : entry.disabled)) {
-        return;
-      }
-      var rect = droppableRects.get(entry.id);
-      if (!rect) {
-        return;
-      }
-      var data = entry.data.current;
-      if (data) {
-        var type = data.type,
-          children = data.children;
-        if (type === 'container' && (children === null || children === void 0 ? void 0 : children.length) > 0) {
-          if (((_a = active.data.current) === null || _a === void 0 ? void 0 : _a.type) !== 'container') {
-            return;
-          }
-        }
-      }
-      switch (event.code) {
-        case KeyboardCode.Down:
-          if (collisionRect.top < rect.top) {
-            filteredContainers.push(entry);
-          }
-          break;
-        case KeyboardCode.Up:
-          if (collisionRect.top > rect.top) {
-            filteredContainers.push(entry);
-          }
-          break;
-        case KeyboardCode.Left:
-          if (collisionRect.left >= rect.left + rect.width) {
-            filteredContainers.push(entry);
-          }
-          break;
-        case KeyboardCode.Right:
-          if (collisionRect.left + collisionRect.width <= rect.left) {
-            filteredContainers.push(entry);
-          }
-          break;
-      }
-    });
-    var collisions = closestCorners({
-      active: active,
-      collisionRect: collisionRect,
-      droppableRects: droppableRects,
-      droppableContainers: filteredContainers,
-      pointerCoordinates: null
-    });
-    var closestId = getFirstCollision(collisions, 'id');
-    if (closestId != null) {
-      var newDroppable = droppableContainers.get(closestId);
-      var newNode = newDroppable === null || newDroppable === void 0 ? void 0 : newDroppable.node.current;
-      var newRect = newDroppable === null || newDroppable === void 0 ? void 0 : newDroppable.rect.current;
-      if (newNode && newRect) {
-        if (newDroppable.id === 'placeholder') {
-          return {
-            x: newRect.left + (newRect.width - collisionRect.width) / 2,
-            y: newRect.top + (newRect.height - collisionRect.height) / 2
-          };
-        }
-        if (((_a = newDroppable.data.current) === null || _a === void 0 ? void 0 : _a.type) === 'container') {
-          return {
-            x: newRect.left + 20,
-            y: newRect.top + 74
-          };
-        }
-        return {
-          x: newRect.left,
-          y: newRect.top
-        };
-      }
-    }
-  }
-  return null;
-};
-export default coordinateGetter;