@aloudata/aloudata-design 1.9.17 → 1.10.0

package/dist/AldTable/helper.js

@@ -1,109 +0,0 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import classnames from 'classnames';
-import _ from 'lodash';
-import React from 'react';
-export function getTableColumns(_ref) {
-  var columns = _ref.columns,
-    columnSizing = _ref.columnSizing,
-    totalWidth = _ref.totalWidth;
-  var columnWidths = getColumnWidths(columns, columnSizing, totalWidth);
-  return _.map(columns, function (col, index) {
-    var title = col.title,
-      _col$dataIndex = col.dataIndex,
-      dataIndex = _col$dataIndex === void 0 ? "column-".concat(index) : _col$dataIndex,
-      _col$align = col.align,
-      align = _col$align === void 0 ? 'left' : _col$align,
-      _col$ellipsis = col.ellipsis,
-      ellipsis = _col$ellipsis === void 0 ? true : _col$ellipsis,
-      render = col.render;
-    return {
-      // 这里还需要排除掉空字符串的情况，id 不能为 ''
-      id: dataIndex || "column-".concat(index),
-      accessor: col.dataIndex,
-      Header: typeof title === 'string' ? /*#__PURE__*/React.createElement("div", {
-        key: dataIndex,
-        className: classnames(prefixCls('th-default'), prefixCls("align-".concat(align)), _defineProperty({}, prefixCls('td-ellipsis-content'), ellipsis))
-      }, title) : title,
-      Cell: function Cell(_ref2) {
-        var row = _ref2.row;
-        var colValue = _.get(row.original, dataIndex || '');
-        var node = render ? render(colValue, row.original, row.index) : colValue;
-        return /*#__PURE__*/React.createElement("div", {
-          className: classnames(prefixCls('td-default'), prefixCls("align-".concat(align)))
-        }, ellipsis ? /*#__PURE__*/React.createElement("div", {
-          className: prefixCls('td-ellipsis-content')
-        }, node) : node);
-      },
-      width: columnWidths[index]
-    };
-  });
-}
-
-/**
- * 计算
- * @param columns
- * @param columnSizing
- * @param totalWidth
- * @returns
- */
-export function getColumnWidths(columns, columnSizing, totalWidth) {
-  // 可改变列宽情况，react-table 可拖动列宽要求列宽值必须是数字，因为将百分比列宽转换为数字
-  var DEFAULT_WIDTH = 150;
-  // 计算出每个列的具体宽度值
-  var columnWidths = _.map(columns, function (col) {
-    var width = col.width;
-    if (typeof width === 'number') {
-      return width;
-    }
-    if (typeof width === 'string' && isPercentage(width)) {
-      var widthNum = getNumberFromPercentageStr(width);
-      return widthNum * totalWidth / 100;
-    }
-    return DEFAULT_WIDTH;
-  });
-  var totalColumnWidth = _.sum(columnWidths);
-  // 如果实际宽度大于列总宽度之和，则将多余的宽度按列宽的比例分配给各个列
-  if (totalWidth !== totalColumnWidth) {
-    // 如果实际宽度大于或小于列总宽度之和，则将差额的宽度按列宽的比例分配给各个列
-    var widthDiff = totalWidth - totalColumnWidth;
-    var widthRatios = columnWidths.map(function (width) {
-      return width / totalColumnWidth;
-    });
-    var newColumnWidths = columnWidths.map(function (width, index) {
-      return width + widthDiff * widthRatios[index];
-    });
-
-    // 计算新的列宽度总和
-    var newTotalColumnWidth = _.sum(newColumnWidths);
-
-    // 计算并处理可能存在的误差
-    var errorWidth = totalWidth - newTotalColumnWidth;
-
-    // 将误差加到最后一个列宽上
-    newColumnWidths[newColumnWidths.length - 1] += errorWidth;
-    return newColumnWidths;
-  } else {
-    return columnWidths;
-  }
-}
-function getNumberFromPercentageStr(str) {
-  var numberStr = str.replace('%', '');
-  return parseFloat(numberStr);
-}
-
-/**
- * 判断是否百分比字符串
- * @param str
- * @returns
- */
-export function isPercentage(str) {
-  var regex = /^100(\.\d+)?%?$|^\d{1,2}(\.\d+)?%$/;
-  return regex.test(str);
-}
-var ALD_PREFIX = 'ald-tmp-table';
-export function prefixCls(className) {
-  return "".concat(ALD_PREFIX, "-").concat(className);
-}

package/dist/AldTable/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ITableProps } from './types';
-declare function AldTable<TDataItem extends object>(props: ITableProps<TDataItem>): React.JSX.Element;
-export default AldTable;

package/dist/AldTable/index.js

@@ -1,151 +0,0 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import classnames from 'classnames';
-import _ from 'lodash';
-import ResizeObserver from 'rc-resize-observer';
-import React, { useMemo, useState } from 'react';
-import { useBlockLayout, useResizeColumns, useTable } from 'react-table';
-import { Empty, Pagination, ScrollArea, Spin } from '..';
-import { getTableColumns, prefixCls } from "./helper";
-// 32 行高 + 1 底线高度
-var HEADER_HEIGHT = 33;
-function AldTable(props) {
-  var columns = props.columns,
-    data = props.data,
-    rowKey = props.rowKey,
-    columnSizing = props.columnSizing,
-    sticky = props.sticky,
-    loading = props.loading,
-    pagination = props.pagination,
-    _props$scroll = props.scroll,
-    scroll = _props$scroll === void 0 ? {} : _props$scroll,
-    emptyComponent = props.empty,
-    _props$rowClassName = props.rowClassName,
-    rowClassName = _props$rowClassName === void 0 ? function () {
-      return '';
-    } : _props$rowClassName;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    totalSize = _useState2[0],
-    setTotalSize = _useState2[1];
-  var tableColumns = useMemo(function () {
-    if (!totalSize) {
-      return [];
-    }
-    return getTableColumns({
-      columns: columns,
-      columnSizing: !!columnSizing,
-      totalWidth: totalSize.width
-    });
-  }, [columns, totalSize, columnSizing]);
-  var _useTable = useTable({
-      columns: tableColumns,
-      data: data,
-      getRowId: function getRowId(row, index) {
-        var rowKeyStr = index;
-        if (typeof rowKey === 'function') {
-          rowKeyStr = rowKey(row);
-        } else if (rowKey !== undefined) {
-          rowKeyStr = _.get(row, rowKey, index);
-        }
-        return _.toString(rowKeyStr);
-      }
-    }, useBlockLayout, useResizeColumns),
-    getTableProps = _useTable.getTableProps,
-    getTableBodyProps = _useTable.getTableBodyProps,
-    rows = _useTable.rows,
-    prepareRow = _useTable.prepareRow,
-    headerGroups = _useTable.headerGroups;
-  var y = scroll.y;
-  var tableProps = useMemo(function () {
-    return getTableProps({});
-  }, [getTableProps]);
-  var headerContent = useMemo(function () {
-    var isStickyWork = !!sticky && y === undefined;
-    var topStyle = isStickyWork && _.get(sticky, 'offsetHeader') ? {
-      top: _.get(sticky, 'offsetHeader', 0)
-    } : {};
-    return /*#__PURE__*/React.createElement("div", {
-      className: classnames(_defineProperty({}, prefixCls('sticky'), isStickyWork)),
-      style: topStyle
-    }, _.map(headerGroups, function (headerGroup) {
-      return /*#__PURE__*/React.createElement("div", _extends({}, headerGroup.getHeaderGroupProps(), {
-        className: prefixCls('tr')
-      }), _.map(headerGroup.headers, function (column) {
-        return /*#__PURE__*/React.createElement("div", _extends({}, column.getHeaderProps(), {
-          className: prefixCls('th')
-        }), column.render('Header'), columnSizing && /*#__PURE__*/React.createElement("div", _extends({}, column.getResizerProps(), {
-          className: classnames(prefixCls('resizer'), {
-            isResizing: column.isResizing
-          })
-        })));
-      }));
-    }));
-  }, [headerGroups, sticky, columnSizing, y]);
-  var bodyContent = useMemo(function () {
-    return /*#__PURE__*/React.createElement(Spin, {
-      spinning: !!loading,
-      tip: "Loading..."
-    }, /*#__PURE__*/React.createElement("div", {
-      className: prefixCls('body')
-    }, rows.length === 0 && !loading ? emptyComponent || /*#__PURE__*/React.createElement("div", {
-      className: prefixCls('empty')
-    }, /*#__PURE__*/React.createElement(Empty, {
-      title: "No Data",
-      image: Empty.PRESENTED_IMAGE_SEARCH
-    })) : _.map(rows, function (row, rowIndex) {
-      prepareRow(row);
-      return /*#__PURE__*/React.createElement("div", _extends({
-        className: classnames(prefixCls('tr'), rowClassName(row.original, rowIndex))
-      }, row.getRowProps()), _.map(row.cells, function (cell) {
-        return /*#__PURE__*/React.createElement("div", _extends({
-          className: prefixCls('td')
-        }, cell.getCellProps()), cell.render('Cell'));
-      }));
-    })));
-  }, [loading, rows, prepareRow]);
-  var tableContent = y && totalSize ? /*#__PURE__*/React.createElement("div", _extends({
-    className: prefixCls('content')
-  }, tableProps), /*#__PURE__*/React.createElement("div", {
-    className: prefixCls('header'),
-    style: {
-      height: HEADER_HEIGHT
-    }
-  }, headerContent), /*#__PURE__*/React.createElement("div", _extends({}, getTableBodyProps(), {
-    style: {
-      height: totalSize.height - HEADER_HEIGHT
-    },
-    className: prefixCls('body-scroll')
-  }), /*#__PURE__*/React.createElement(ScrollArea, null, bodyContent))) : /*#__PURE__*/React.createElement("div", _extends({
-    className: prefixCls('content')
-  }, tableProps), headerContent, /*#__PURE__*/React.createElement("div", getTableBodyProps(), bodyContent));
-  return /*#__PURE__*/React.createElement("div", {
-    className: prefixCls('container'),
-    style: y ? {
-      height: y
-    } : {}
-  }, /*#__PURE__*/React.createElement(ResizeObserver, {
-    onResize: function onResize(size) {
-      // 在 Modal 中使用表格组件，偶现 width 和 offsetWidth 不一致的情况，导致表格宽度不正确，具体原因未找到
-      // 实践发现 offsetWidth 一直是正确的宽度
-      setTotalSize({
-        width: size.offsetWidth,
-        height: size.offsetHeight
-      });
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classnames(prefixCls('main'), _defineProperty({}, prefixCls('overflow-hidden'), !!y))
-  }, tableContent)), pagination && /*#__PURE__*/React.createElement("div", {
-    className: prefixCls('pagination')
-  }, /*#__PURE__*/React.createElement(Pagination, pagination)));
-}
-export default AldTable;

package/dist/AldTable/style/index.d.ts

@@ -1,2 +0,0 @@
-import '../../style';
-import './index.less';

package/dist/AldTable/style/index.js

@@ -1,2 +0,0 @@
-import "../../style";
-import "./index.less";

package/dist/AldTable/style/index.less

@@ -1,136 +0,0 @@
-@import '../../style/index.less';
-@import '../../Pagination/style/index.less';
-@import '../../Spin/style/index.less';
-@import '../../ScrollArea/style/index.less';
-
-.ald-tmp-table-container {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-}
-
-.ald-tmp-table-main {
-  width: 100%;
-  color: #171717;
-  font-size: 13px;
-  line-height: 20px;
-  background: #fff;
-
-  .ald-tmp-table-content {
-    display: flex;
-    flex-direction: column;
-    border-spacing: 0;
-  }
-
-  .ald-tmp-table-resizer {
-    position: absolute;
-    right: 0;
-    top: 0;
-    height: 100%;
-    width: 5px;
-    background: rgb(0 0 0 / 0.5);
-    cursor: col-resize;
-    user-select: none;
-    touch-action: none;
-
-    &.isResizing {
-      background: blue;
-      opacity: 1;
-    }
-  }
-
-  .ald-tmp-table-th,
-  .ald-tmp-table-td {
-    position: relative;
-    overflow: hidden;
-    border-bottom: 1px solid #e8e8e8;
-  }
-
-  .ald-tmp-table-th {
-    border-bottom: 1px solid #e8e8e8;
-    background-color: #fff;
-  }
-
-  .ald-tmp-table-th-default {
-    font-weight: 500;
-    padding: 6px 12px;
-  }
-
-  .ald-tmp-table-td-default {
-    padding: 0 12px;
-    display: flex;
-    align-items: center;
-    height: 100%;
-    font-size: 13px;
-    min-height: 48px;
-  }
-
-  .ald-tmp-table-td-ellipsis-content {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .ald-tmp-table-sticky {
-    position: sticky;
-    top: 0;
-    // 需要大于 Spin 的 z-index，Spin 的 z-index 为4
-    z-index: 5;
-  }
-
-  .ald-tmp-table-body {
-    min-height: 200px;
-
-    .ald-tmp-table-tr:hover {
-      background-color: #f4f4f4;
-    }
-  }
-}
-
-.ald-tmp-table-align {
-  &-left {
-    text-align: left;
-    justify-content: left;
-  }
-
-  &-right {
-    text-align: right;
-    justify-content: right;
-  }
-
-  &-center {
-    text-align: center;
-    justify-content: center;
-  }
-}
-
-.ald-tmp-table-pagination {
-  margin-top: 18px;
-  display: flex;
-  justify-content: end;
-}
-
-.ald-tmp-table-loading {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-
-  .ald-tmp-table-loading-inner {
-    width: 100%;
-  }
-}
-
-.ald-tmp-table-overflow-hidden {
-  overflow: hidden;
-  height: 100%;
-}
-
-.ald-tmp-table-body-scroll {
-  overflow: auto;
-}
-
-.ald-tmp-table-empty {
-  margin-top: 80px;
-}

package/dist/Table/Table.d.ts

@@ -1,6 +0,0 @@
-import React, { ReactElement } from 'react';
-import { ITableProps } from './interface';
-import './style/index';
-declare function Table<RecordType extends object>(props: ITableProps<RecordType>, ref?: React.Ref<unknown>): ReactElement;
-declare const _default: typeof Table;
-export default _default;