@aloudata/aloudata-design 0.4.0-beta.5 → 0.4.0-beta.7

package/lib/style/themes/default/scrollBar.less

@@ -1,13 +1,16 @@
-::-webkit-scrollbar-thumb {
-  background: @NL90;
-  background-clip: padding-box;
+&::-webkit-scrollbar {
+  width: 12px !important;
+  height: 12px !important;
+  opacity: 0.5;
+}
+
+&::-webkit-scrollbar-thumb {
+  background-color: rgba(152, 162, 179, 0.5);
   border: 3px solid transparent;
   border-radius: 6px;
+  background-clip: padding-box;
 }
 
-::-webkit-scrollbar {
-  width: 12px;
-  height: 12px;
-  min-height: 12px;
+&::-webkit-scrollbar-track {
   background-color: transparent;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aloudata/aloudata-design",
-  "version": "0.4.0-beta.5",
+  "version": "0.4.0-beta.7",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -52,9 +52,9 @@
     ]
   },
   "dependencies": {
-    "@aloudata/icons-react": "^0.0.10",
+    "@aloudata/icons-react": "^0.0.12",
     "@ant-design/icons": "^4.7.0",
-    "antd": "^4.21.5",
+    "antd": "^4.23.5",
     "babel-preset-react-app": "^10.0.1",
     "classnames": "^2.3.1",
     "lodash": "^4.17.21",

package/es/Table/hooks/useTableColumn.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import { IColumn } from '../interface';
-import { IWidthDetail } from '../utils';
-import { Cell } from 'react-table';
-import 'react-table/node_modules/@types/react';
-interface IUseTableColumnProps<T> {
-    columnsWidthMapRef: React.MutableRefObject<Map<string, IWidthDetail> | undefined>;
-    columnsTotalWidthRef: React.MutableRefObject<number>;
-    columnsRef: React.MutableRefObject<IColumn<T>[]>;
-    tableClientWidth: number;
-    sortable?: boolean;
-}
-declare function useTableColumn<T extends object = {}>(props: IUseTableColumnProps<T>): {
-    width: number | undefined;
-    Header: string | (() => null);
-    disableSortBy: boolean;
-    accessor: string;
-    Cell: ({ row, value }: Cell) => any;
-    title: string | null;
-    dataIndex: string;
-    render?: ((value: any, row: T, index: number) => React.ReactNode) | undefined;
-    minWidth?: number | undefined;
-    sorter?: boolean | "string" | "number" | "basic" | "datetime" | "alphanumeric" | undefined;
-    sortOrder?: false | "ascend" | "descend" | undefined;
-    sortDirections?: ("ascend" | "descend")[] | undefined;
-    selected?: boolean | undefined;
-}[];
-export default useTableColumn;

package/es/Table/hooks/useTableColumn.js

@@ -1,53 +0,0 @@
-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; }
-
-import { useMemo } from 'react';
-import { getColumnsWidthMap } from '../utils';
-import message from '../../message';
-import 'react-table/node_modules/@types/react';
-
-function useTableColumn(props) {
-  var columnsWidthMapRef = props.columnsWidthMapRef,
-      columnsTotalWidthRef = props.columnsTotalWidthRef,
-      columnsRef = props.columnsRef,
-      tableClientWidth = props.tableClientWidth,
-      sortable = props.sortable; // 转换外部传入的columns
-
-  var newColumns = useMemo(function () {
-    var _getColumnsWidthMap = getColumnsWidthMap(columnsRef.current, tableClientWidth, columnsWidthMapRef.current),
-        columnsWidthMap = _getColumnsWidthMap.columnsWidthMap,
-        totalColumnWidth = _getColumnsWidthMap.totalColumnWidth;
-
-    columnsWidthMapRef.current = columnsWidthMap;
-    columnsTotalWidthRef.current = totalColumnWidth;
-    return columnsRef.current.map(function (column, index) {
-      var _columnsWidthMapRef$c, _columnsWidthMapRef$c2;
-
-      var key = index.toString(); // 不设置dataIndex同时进行排序 则报错
-
-      if (!column.dataIndex === undefined && sortable) {
-        message.error('不支持未设置dataIndex时进行排序设置');
-      }
-
-      return _objectSpread(_objectSpread({}, column), {}, {
-        width: (_columnsWidthMapRef$c = columnsWidthMapRef.current) === null || _columnsWidthMapRef$c === void 0 ? void 0 : (_columnsWidthMapRef$c2 = _columnsWidthMapRef$c.get(key)) === null || _columnsWidthMapRef$c2 === void 0 ? void 0 : _columnsWidthMapRef$c2.width,
-        Header: column.title ? column.title : function () {
-          return null;
-        },
-        disableSortBy: !sortable || typeof column.sorter === 'boolean',
-        accessor: column.dataIndex,
-        Cell: function Cell(_ref) {
-          var row = _ref.row,
-              value = _ref.value;
-          return typeof column.render === 'function' ? column.render(value, row.original, row.index) : value;
-        }
-      });
-    });
-  }, [columnsRef, columnsTotalWidthRef, columnsWidthMapRef, sortable, tableClientWidth]);
-  return newColumns;
-}
-
-export default useTableColumn;

package/lib/Table/hooks/useTableColumn.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import { IColumn } from '../interface';
-import { IWidthDetail } from '../utils';
-import { Cell } from 'react-table';
-import 'react-table/node_modules/@types/react';
-interface IUseTableColumnProps<T> {
-    columnsWidthMapRef: React.MutableRefObject<Map<string, IWidthDetail> | undefined>;
-    columnsTotalWidthRef: React.MutableRefObject<number>;
-    columnsRef: React.MutableRefObject<IColumn<T>[]>;
-    tableClientWidth: number;
-    sortable?: boolean;
-}
-declare function useTableColumn<T extends object = {}>(props: IUseTableColumnProps<T>): {
-    width: number | undefined;
-    Header: string | (() => null);
-    disableSortBy: boolean;
-    accessor: string;
-    Cell: ({ row, value }: Cell) => any;
-    title: string | null;
-    dataIndex: string;
-    render?: ((value: any, row: T, index: number) => React.ReactNode) | undefined;
-    minWidth?: number | undefined;
-    sorter?: boolean | "string" | "number" | "basic" | "datetime" | "alphanumeric" | undefined;
-    sortOrder?: false | "ascend" | "descend" | undefined;
-    sortDirections?: ("ascend" | "descend")[] | undefined;
-    selected?: boolean | undefined;
-}[];
-export default useTableColumn;

package/lib/Table/hooks/useTableColumn.js

@@ -1,66 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = require("react");
-
-var _utils = require("../utils");
-
-var _message = _interopRequireDefault(require("../../message"));
-
-require("react-table/node_modules/@types/react");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 useTableColumn(props) {
-  var columnsWidthMapRef = props.columnsWidthMapRef,
-      columnsTotalWidthRef = props.columnsTotalWidthRef,
-      columnsRef = props.columnsRef,
-      tableClientWidth = props.tableClientWidth,
-      sortable = props.sortable; // 转换外部传入的columns
-
-  var newColumns = (0, _react.useMemo)(function () {
-    var _getColumnsWidthMap = (0, _utils.getColumnsWidthMap)(columnsRef.current, tableClientWidth, columnsWidthMapRef.current),
-        columnsWidthMap = _getColumnsWidthMap.columnsWidthMap,
-        totalColumnWidth = _getColumnsWidthMap.totalColumnWidth;
-
-    columnsWidthMapRef.current = columnsWidthMap;
-    columnsTotalWidthRef.current = totalColumnWidth;
-    return columnsRef.current.map(function (column, index) {
-      var _columnsWidthMapRef$c, _columnsWidthMapRef$c2;
-
-      var key = index.toString(); // 不设置dataIndex同时进行排序 则报错
-
-      if (!column.dataIndex === undefined && sortable) {
-        _message.default.error('不支持未设置dataIndex时进行排序设置');
-      }
-
-      return _objectSpread(_objectSpread({}, column), {}, {
-        width: (_columnsWidthMapRef$c = columnsWidthMapRef.current) === null || _columnsWidthMapRef$c === void 0 ? void 0 : (_columnsWidthMapRef$c2 = _columnsWidthMapRef$c.get(key)) === null || _columnsWidthMapRef$c2 === void 0 ? void 0 : _columnsWidthMapRef$c2.width,
-        Header: column.title ? column.title : function () {
-          return null;
-        },
-        disableSortBy: !sortable || typeof column.sorter === 'boolean',
-        accessor: column.dataIndex,
-        Cell: function Cell(_ref) {
-          var row = _ref.row,
-              value = _ref.value;
-          return typeof column.render === 'function' ? column.render(value, row.original, row.index) : value;
-        }
-      });
-    });
-  }, [columnsRef, columnsTotalWidthRef, columnsWidthMapRef, sortable, tableClientWidth]);
-  return newColumns;
-}
-
-var _default = useTableColumn;
-exports.default = _default;