@lemon-fe/components 0.1.78 → 0.1.82

package/es/BaseTable/Actions.d.ts

@@ -1,8 +0,0 @@
-import type { RowAction } from './typings';
-interface Props<T> {
-    actions: (RowAction<T> | null)[] | ((record: T, index: number) => (RowAction<T> | null)[]);
-    row: T;
-    index: number;
-}
-export default function Actions<T>(props: Props<T>): JSX.Element;
-export {};

package/es/BaseTable/Actions.js

@@ -1,136 +0,0 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-import React, { useRef, useState } from 'react';
-import classNames from 'classnames';
-import { createPortal } from 'react-dom';
-import { PREFIX_CLS } from '../constants';
-import Icons from '../Icons';
-export default function Actions(props) {
-  var actionsProp = props.actions,
-      row = props.row,
-      index = props.index;
-
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      pop = _useState2[0],
-      setPop = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      visible = _useState4[0],
-      setVisible = _useState4[1];
-
-  var prefixCls = "".concat(PREFIX_CLS, "-table-operator");
-  var ref = useRef(null);
-
-  var openPop = function openPop(data) {
-    setPop(data);
-    setTimeout(function () {
-      setVisible(true);
-    }, 16);
-  };
-
-  var closePop = function closePop() {
-    if (visible === false) {
-      setPop(null);
-      return;
-    }
-
-    if (ref.current !== null) {
-      var node = ref.current;
-      setVisible(false);
-
-      var handler = function handler() {
-        node.removeEventListener('transitionend', handler);
-        setPop(null);
-      };
-
-      node.addEventListener('transitionend', handler);
-    }
-  };
-
-  var actions = typeof actionsProp === 'function' ? actionsProp(row, index) : actionsProp;
-
-  var getKey = function getKey(item, idx) {
-    var key = item.key || (typeof item.text === 'string' ? item.text : idx);
-    return key;
-  };
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: prefixCls,
-    onMouseLeave: closePop
-  }, actions.map(function (item, idx) {
-    if (item === null) {
-      return null;
-    }
-
-    var key = getKey(item, idx);
-    var dropDown = item.dropDown ? item.dropDown.filter(function (item) {
-      return item !== null;
-    }) : [];
-    return /*#__PURE__*/React.createElement("div", {
-      className: classNames("".concat(prefixCls, "-item"), _defineProperty({}, "".concat(prefixCls, "-item-disabled"), item.disabled)),
-      key: key,
-      onMouseEnter: function onMouseEnter() {
-        if (pop !== null && pop.key !== key) {
-          closePop();
-        }
-      },
-      onClick: function onClick(e) {
-        if (item.disabled) {
-          return;
-        }
-
-        if (dropDown.length > 0) {
-          var rect = e.target.getBoundingClientRect();
-          openPop({
-            key: key,
-            top: rect.top + rect.height,
-            right: document.body.clientWidth - rect.right,
-            items: dropDown
-          });
-        } else {
-          var _item$onClick;
-
-          (_item$onClick = item.onClick) === null || _item$onClick === void 0 ? void 0 : _item$onClick.call(item, row, index);
-        }
-      }
-    }, item.text, dropDown.length > 0 && /*#__PURE__*/React.createElement(Icons.Down, null));
-  }), pop !== null && /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-popover"),
-    style: {
-      top: pop.top,
-      right: pop.right
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: ref,
-    className: classNames("".concat(prefixCls, "-popover-items"), {
-      animated: visible
-    })
-  }, pop.items.map(function (item, idx) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: classNames("".concat(prefixCls, "-popover-item"), _defineProperty({}, "".concat(prefixCls, "-popover-item-disabled"), item.disabled)),
-      key: getKey(item, idx),
-      onClick: function onClick() {
-        if (!item.disabled) {
-          var _item$onClick2;
-
-          closePop();
-          (_item$onClick2 = item.onClick) === null || _item$onClick2 === void 0 ? void 0 : _item$onClick2.call(item, row, index);
-        }
-      }
-    }, item.text);
-  }))), document.body));
-}

package/es/BaseTable/BaseTableContext.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-declare const BaseTableContext: import("react").Context<{
-    scrollY?: string | number | undefined;
-    rowHeight?: number | undefined;
-}>;
-export default BaseTableContext;

package/es/BaseTable/BaseTableContext.js

@@ -1,6 +0,0 @@
-import { createContext } from 'react';
-var BaseTableContext = /*#__PURE__*/createContext({
-  scrollY: 0,
-  rowHeight: 37
-});
-export default BaseTableContext;

package/es/BaseTable/ResizeHeaderCell.d.ts

@@ -1,8 +0,0 @@
-import type { ReactElement, RefObject } from 'react';
-export default function ResizeHeaderCell(props: {
-    children?: ReactElement;
-    fullTableRef: RefObject<HTMLDivElement>;
-    width: number;
-    prefixCls?: string;
-    onChange?: (width: number) => void;
-}): JSX.Element;

package/es/BaseTable/ResizeHeaderCell.js

@@ -1,126 +0,0 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-import React, { useState, useRef, useEffect } from 'react';
-import { Resizable } from 'react-resizable';
-export default function ResizeHeaderCell(props) {
-  var children = props.children,
-      prefixCls = props.prefixCls,
-      fullTableRef = props.fullTableRef,
-      width = props.width,
-      onChange = props.onChange;
-
-  var _useState = useState(width),
-      _useState2 = _slicedToArray(_useState, 2),
-      size = _useState2[0],
-      setSize = _useState2[1];
-
-  var indicator = useRef();
-  var handle = useRef(null);
-
-  var _useState3 = useState(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      offset = _useState4[0],
-      setOffset = _useState4[1];
-
-  useEffect(function () {
-    setSize(width);
-  }, [width]);
-
-  var getTable = function getTable() {
-    if (fullTableRef.current === null) {
-      return null;
-    }
-
-    return fullTableRef.current.querySelector('.ant-table');
-  };
-
-  var handleResizeStart = function handleResizeStart() {
-    var table = getTable();
-
-    if (table === null) {
-      return;
-    }
-
-    var elm = document.createElement('div');
-    elm.style.height = "".concat(table.offsetHeight || 0, "px");
-    elm.classList.add("".concat(prefixCls, "-resizable-indicator"));
-
-    if (table) {
-      table.appendChild(elm);
-      table.classList.add("".concat(prefixCls, "-resizing-col"));
-      indicator.current = elm;
-
-      if (handle.current !== null) {
-        var _handle$current = handle.current,
-            parent = _handle$current.offsetParent,
-            left = _handle$current.offsetLeft;
-        var node = handle.current.parentNode;
-
-        while (node !== null && node !== table) {
-          left -= node.scrollLeft;
-
-          if (node === parent) {
-            left += node.offsetLeft;
-            parent = node.offsetParent;
-          }
-
-          node = node.parentNode;
-        }
-
-        setOffset(left - size);
-        indicator.current.style.left = "".concat(left, "px");
-      }
-    }
-  };
-
-  var handleResizeStop = function handleResizeStop() {
-    var table = getTable();
-
-    if (table !== null && indicator.current !== undefined) {
-      table.removeChild(indicator.current);
-      table.classList.remove("".concat(prefixCls, "-resizing-col"));
-
-      if (onChange) {
-        onChange(size);
-      }
-    }
-  };
-
-  var handleResize = function handleResize(e, data) {
-    e.preventDefault();
-
-    if (indicator.current) {
-      setSize(data.size.width);
-      indicator.current.style.left = "".concat(offset + data.size.width, "px");
-    }
-  };
-
-  return /*#__PURE__*/React.createElement(Resizable, {
-    width: size,
-    height: 0,
-    handle: /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-resizable-handle"),
-      onClick: function onClick(e) {
-        e.stopPropagation();
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      ref: handle
-    })),
-    onResizeStart: handleResizeStart,
-    onResizeStop: handleResizeStop,
-    onResize: handleResize,
-    draggableOpts: {
-      enableUserSelectHack: false
-    }
-  }, children);
-}

package/es/BaseTable/VirtualBody.d.ts

@@ -1,8 +0,0 @@
-import type { ReactNode, CSSProperties } from 'react';
-interface Props {
-    children?: ReactNode;
-    className?: string;
-    style?: CSSProperties;
-}
-export default function VirtualList(props: Props): JSX.Element;
-export {};

package/es/BaseTable/VirtualBody.js

@@ -1,165 +0,0 @@
-var _excluded = ["children"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
-import { useThrottle } from '@lemon-fe/hooks';
-import { get } from 'lodash';
-import BaseTableContext from './BaseTableContext';
-import { PREFIX_CLS } from '../constants';
-export default function VirtualList(props) {
-  var children = props.children,
-      restProps = _objectWithoutProperties(props, _excluded);
-
-  var ref = useRef(null);
-
-  var _useContext = useContext(BaseTableContext),
-      scrollY = _useContext.scrollY,
-      _useContext$rowHeight = _useContext.rowHeight,
-      rowHeight = _useContext$rowHeight === void 0 ? 37 : _useContext$rowHeight;
-
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      range = _useState2[0],
-      setRange = _useState2[1];
-
-  var getRange = function getRange() {
-    var height = Number(scrollY);
-
-    if (isNaN(height)) {
-      return null;
-    }
-
-    var body = ref.current;
-
-    if (body === null) {
-      return null;
-    }
-
-    var scroller = body.closest('.ant-table-body');
-
-    if (scroller === null) {
-      return null;
-    }
-
-    var pageSize = Math.ceil(height / rowHeight);
-    var offset = Math.round(scroller.scrollTop / rowHeight);
-    var start = offset - Math.floor(pageSize / 2);
-
-    if (start < 0) {
-      start = 0;
-    }
-
-    var end = offset + pageSize + Math.ceil(pageSize / 2) - 1;
-    var bufferSpace = height * 0.3;
-    return {
-      start: start,
-      end: end,
-      isTop: scroller.scrollTop - body.offsetTop <= bufferSpace,
-      isBottom: body.offsetHeight + body.offsetTop - (scroller.scrollTop + height) <= bufferSpace
-    };
-  };
-
-  var handleScroll = useThrottle(function () {
-    var mRange = getRange();
-
-    if (mRange === null) {
-      return;
-    }
-
-    var isTop = mRange.isTop,
-        isBottom = mRange.isBottom;
-
-    if (!isTop && !isBottom) {
-      return;
-    }
-
-    setRange(mRange);
-  }, 300, {
-    trailing: true
-  });
-  useEffect(function () {
-    setRange(getRange());
-  }, [get(children, ['1', 'length']), rowHeight, scrollY]);
-  var render = useMemo(function () {
-    var _children = _slicedToArray(children, 2),
-        measureRow = _children[0],
-        rows = _children[1];
-
-    if (!Array.isArray(rows)) {
-      return [children, 0, 0];
-    }
-
-    if (range === null) {
-      return [measureRow, 0, 0];
-    }
-
-    var list = [];
-    var max = rows.length - 1;
-    var start = range.start,
-        end = range.end;
-
-    if (end > max) {
-      end = max;
-    }
-
-    for (var i = start; i <= end; i += 1) {
-      list.push(rows[i]);
-    }
-
-    return [[measureRow, list], start * rowHeight, (max - end) * rowHeight];
-  }, [children, range]);
-  useEffect(function () {
-    var _ref$current;
-
-    if (ref.current === null) {
-      return;
-    }
-
-    var tableBody = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.closest('.ant-table-body');
-
-    if (tableBody === null) {
-      return;
-    }
-
-    tableBody.addEventListener('scroll', handleScroll);
-    return function () {
-      tableBody.removeEventListener('scroll', handleScroll);
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("tbody", {
-    className: "".concat(PREFIX_CLS, "-table-append-before"),
-    style: {
-      display: 'block',
-      height: render[1]
-    }
-  }), /*#__PURE__*/React.createElement("tbody", _objectSpread(_objectSpread({}, restProps), {}, {
-    ref: ref
-  }), render[0]), /*#__PURE__*/React.createElement("tbody", {
-    className: "".concat(PREFIX_CLS, "-table-append-after"),
-    style: {
-      display: 'block',
-      height: render[2]
-    }
-  }));
-}

package/es/BaseTable/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference path="../../typings.d.ts" />
-import type { BaseTableProps as Props } from './typings';
-declare function BaseTable<T extends Record<string, any>>(props: Props<T>): JSX.Element;
-declare namespace BaseTable {
-    var Summary: typeof import("rc-table/lib/Footer/Summary").default;
-}
-export default BaseTable;