@aloudata/aloudata-design 1.9.17 → 1.10.1

package/dist/MemberPicker/components/SelectedMemberTags.js

@@ -1,8 +1,8 @@
-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); }
 import classNames from 'classnames';
 import React from 'react';
 import { CloseMLine } from "../../Icon";
 import ScrollArea from "../../ScrollArea";
+import { getAccount, getId, getPhoto } from "../utils";
 import NickLabel from "./NickLabel";
 export default function SelectedMemberTags(props) {
   var className = props.className,
@@ -25,10 +25,13 @@ export default function SelectedMemberTags(props) {
   }, selectedUsers.map(function (user) {
     return /*#__PURE__*/React.createElement("div", {
       className: 'ald-member-picker-selected-member-tag',
-      key: user.userId
-    }, /*#__PURE__*/React.createElement(NickLabel, _extends({}, user, {
-      src: user.photo
-    })), /*#__PURE__*/React.createElement(CloseMLine, {
+      key: getId(user)
+    }, /*#__PURE__*/React.createElement(NickLabel, {
+      id: getId(user),
+      name: user.name,
+      photo: getPhoto(user),
+      account: getAccount(user)
+    }), /*#__PURE__*/React.createElement(CloseMLine, {
       size: 20,
       className: 'ald-member-picker-close',
       color: "#98A2B3",

package/dist/MemberPicker/components/SelectorFooter.js

@@ -1,6 +1,6 @@
-import { Button } from "../..";
 import classNames from 'classnames';
 import React from 'react';
+import Button from "../../Button";
 export default function SelectorFooter(props) {
   var className = props.className;
   return /*#__PURE__*/React.createElement("div", {

package/dist/MemberPicker/components/SingleOption.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
+import { IUserGroup } from '../../ConfigProvider/getUserList';
 import { IUser } from '../interface';
 interface ISelectProps {
     selected: boolean;
-    user: IUser;
-    onChange: (selected: boolean, user: IUser) => void;
+    user: IUser | IUserGroup;
+    onChange: (selected: boolean, user: IUser | IUserGroup) => void;
     disabled?: boolean;
     className?: string;
 }

package/dist/MemberPicker/components/SingleOption.js

@@ -1,10 +1,10 @@
 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); }
 import classnames from 'classnames';
 import React from 'react';
+import { getAccount, getId, getPhoto } from "../utils";
 import NickLabel from "./NickLabel";
 export default function SingleOption(params) {
   var disabled = params.disabled,
@@ -20,7 +20,10 @@ export default function SingleOption(params) {
   return /*#__PURE__*/React.createElement("div", {
     className: classnames('ald-member-picker-option', className, 'ald-member-picker-singleOption', _defineProperty({}, 'ald-member-picker-single-option-selected', selected)),
     onClick: onClick
-  }, /*#__PURE__*/React.createElement(NickLabel, _extends({}, user, {
-    src: user.photo
-  })));
+  }, /*#__PURE__*/React.createElement(NickLabel, {
+    id: getId(user),
+    name: user.name,
+    photo: getPhoto(user),
+    account: getAccount(user)
+  }));
 }

package/dist/MemberPicker/components/UserGroupSelection.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { IUserGroup } from '../../ConfigProvider/getUserList';
+interface IProps {
+    className?: string;
+    userGroupList: IUserGroup[];
+    multiple?: boolean;
+    onChange: (selected: boolean, userGroup: IUserGroup) => void;
+    selectedUsersGroup: IUserGroup[];
+    loading: boolean;
+    onSearchValueChange?: (value: string) => void;
+    width: number;
+}
+declare const UserGroupSelection: ({ className, userGroupList, multiple, onChange, selectedUsersGroup: selectedUsersGroups, onSearchValueChange, loading, width, }: IProps) => React.JSX.Element;
+export default UserGroupSelection;

package/dist/MemberPicker/components/UserGroupSelection.js

@@ -0,0 +1,130 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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 { Breadcrumb } from 'antd';
+import classNames from 'classnames';
+import _ from 'lodash';
+import React, { useDeferredValue, useEffect, useState } from 'react';
+import Empty from "../../Empty";
+import { SearchLine } from "../../Icon";
+import Input from "../../Input";
+import ScrollArea from "../../ScrollArea";
+import Spin from "../../Spin";
+import { isUserGroup } from "../utils/getUsersWithUserId";
+import MultipleOption from "./MultipleOption";
+import SingleOption from "./SingleOption";
+var UserGroupSelection = function UserGroupSelection(_ref) {
+  var className = _ref.className,
+    userGroupList = _ref.userGroupList,
+    multiple = _ref.multiple,
+    _onChange = _ref.onChange,
+    selectedUsersGroups = _ref.selectedUsersGroup,
+    onSearchValueChange = _ref.onSearchValueChange,
+    loading = _ref.loading,
+    width = _ref.width;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchKey = _useState2[0],
+    setSearchKey = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    groupPath = _useState4[0],
+    setGroupPath = _useState4[1];
+  var deferredSearchValue = useDeferredValue(searchKey);
+  useEffect(function () {
+    onSearchValueChange === null || onSearchValueChange === void 0 ? void 0 : onSearchValueChange(deferredSearchValue);
+  }, [deferredSearchValue, onSearchValueChange]);
+  var userGroupListInLevel = userGroupList.filter(function (userGroup) {
+    var _$last;
+    if (groupPath.length === 0) return !userGroup.parentId;else return userGroup.parentId === ((_$last = _.last(groupPath)) === null || _$last === void 0 ? void 0 : _$last.groupId);
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(className, 'ald-member-picker-member-list-wrap')
+  }, /*#__PURE__*/React.createElement(Input, {
+    prefix: /*#__PURE__*/React.createElement(SearchLine, {
+      size: 16
+    }),
+    className: 'ald-member-picker-search-input',
+    autoFocus: true,
+    onChange: function onChange(e) {
+      setSearchKey(e.target.value);
+    }
+  }), userGroupList.length === 0 && !loading && /*#__PURE__*/React.createElement(Empty, {
+    title: "\u65E0\u6570\u636E",
+    size: "small",
+    image: Empty.PRESENTED_IMAGE_SEARCH,
+    className: "ald-member-picker-member-list-empty"
+  }), groupPath.length !== 0 && /*#__PURE__*/React.createElement(Breadcrumb, null, /*#__PURE__*/React.createElement(Breadcrumb.Item, {
+    onClick: function onClick() {
+      setGroupPath([]);
+    }
+  }, "\u7528\u6237\u7EC4"), groupPath.map(function (group) {
+    return /*#__PURE__*/React.createElement(Breadcrumb.Item, {
+      key: group.groupId,
+      onClick: function onClick() {
+        setGroupPath(function (groups) {
+          var groupIndex = groups.findIndex(function (tempGroup) {
+            return tempGroup.groupId === group.groupId;
+          });
+          return groups.filter(function (tempGroup, index) {
+            return index <= groupIndex;
+          });
+        });
+      }
+    }, group.name);
+  })), /*#__PURE__*/React.createElement(Spin, {
+    tip: "Loading",
+    spinning: loading,
+    size: "small"
+  }, /*#__PURE__*/React.createElement(ScrollArea, {
+    className: classNames('ald-member-picker-member-list', {
+      'ald-member-picker-member-list-null': userGroupList.length === 0 && !loading
+    }),
+    innerClassName: "ald-member-picker-member-scroll"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "ald-member-picker-member-list-inner",
+    style: {
+      width: width,
+      overflow: 'hidden'
+    }
+  }, userGroupListInLevel.map(function (userGroup) {
+    var isSelected = selectedUsersGroups.some(function (selectUserGroup) {
+      return selectUserGroup.groupId === userGroup.groupId;
+    });
+    return multiple ? /*#__PURE__*/React.createElement(MultipleOption, {
+      key: userGroup.groupId,
+      user: userGroup,
+      selected: isSelected,
+      onChange: function onChange(selected, userGroup) {
+        if (isUserGroup(userGroup)) {
+          _onChange(selected, userGroup);
+        }
+      },
+      hasNextLevel: userGroupList.some(function (group) {
+        return group.parentId === userGroup.groupId;
+      }),
+      onNextLevel: function onNextLevel(userGroup) {
+        setGroupPath(function (groupPath) {
+          return [].concat(_toConsumableArray(groupPath), [userGroup]);
+        });
+      }
+    }) : /*#__PURE__*/React.createElement(SingleOption, {
+      key: userGroup.groupId,
+      user: userGroup,
+      selected: isSelected,
+      onChange: function onChange(selected, userGroup) {
+        if (isUserGroup(userGroup)) {
+          _onChange(selected, userGroup);
+        }
+      }
+    });
+  })))));
+};
+export default UserGroupSelection;

package/dist/MemberPicker/index.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
+import MemberPanel from './components/PanelWrapper';
 import { IMemberPickerProps } from './interface';
 declare const MemberSelector: React.FC<IMemberPickerProps>;
 export default MemberSelector;
+export { MemberPanel };

package/dist/MemberPicker/index.js

@@ -1,4 +1,3 @@
-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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
@@ -13,17 +12,22 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useRequest } from 'ahooks';
 import classNames from 'classnames';
-import _ from 'lodash';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import ConfigProvider from "../ConfigProvider";
+import { EUserType } from "../ConfigProvider/getUserList";
 import Dropdown from "../Dropdown";
 import { FoldDownFill } from "../Icon";
 import message from "../message";
 import NickLabel from "./components/NickLabel";
 import Panel from "./components/Panel";
-import { isUser } from "./utils/getUsersWithUserId";
+import MemberPanel from "./components/PanelWrapper";
+import { EMemberPicker } from "./interface";
+import { getId, getPhoto } from "./utils";
+import { isUser, isUserGroup } from "./utils/getUsersWithUserId";
 var MemberSelector = function MemberSelector(_ref) {
   var value = _ref.value,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? EMemberPicker.USER : _ref$type,
     onChange = _ref.onChange,
     multiple = _ref.multiple,
     dropdownWidth = _ref.dropdownWidth,
@@ -100,17 +104,16 @@ var MemberSelector = function MemberSelector(_ref) {
     loading = _useRequest.loading,
     run = _useRequest.run;
   var totalUserList = useMemo(function () {
-    var totalUsers = searchUserList.concat(selectedUserList);
-    return _.uniqBy(totalUsers, 'userId');
+    return searchUserList.concat(selectedUserList);
   }, [searchUserList, selectedUserList]);
   useEffect(function () {
     if (!dropdownOpen) return;
     run();
   }, [dropdownOpen, run, searchString]);
   useEffect(function () {
-    if (Array.isArray(value) && isUser(value[0])) {
+    if (Array.isArray(value) && (isUser(value[0]) || isUserGroup(value[0]))) {
       setSelectedUserList(value);
-    } else if (isUser(value)) {
+    } else if (isUser(value) || isUserGroup(value)) {
       setSelectedUserList([value]);
     } else {
       var id = [];
@@ -173,8 +176,9 @@ var MemberSelector = function MemberSelector(_ref) {
     destroyPopupOnHide: true,
     dropdownRender: function dropdownRender() {
       return /*#__PURE__*/React.createElement(Panel, {
+        type: type,
         value: selectedUserList,
-        userList: totalUserList,
+        dataList: totalUserList,
         multiple: multiple,
         loading: loading,
         dropdownWidth: dropdownWidth || dropdownContentWidth,
@@ -198,15 +202,21 @@ var MemberSelector = function MemberSelector(_ref) {
     className: "ald-member-picker-placeholder"
   }, placeholder) : selectedUserList.reduce(function (prev, cur) {
     if (prev.length > 0) {
-      return [].concat(_toConsumableArray(prev), [',', /*#__PURE__*/React.createElement(NickLabel, _extends({
-        key: cur.userId
-      }, cur, {
-        src: cur.photo
-      }))]);
+      return [].concat(_toConsumableArray(prev), [',', /*#__PURE__*/React.createElement(NickLabel, {
+        key: getId(cur),
+        id: getId(cur),
+        photo: getPhoto(cur),
+        name: cur.name,
+        account: cur.type === EUserType.USER ? cur.account : ''
+      })]);
     } else {
-      return [/*#__PURE__*/React.createElement(NickLabel, _extends({
-        key: cur.userId
-      }, cur))];
+      return [/*#__PURE__*/React.createElement(NickLabel, {
+        key: getId(cur),
+        id: getId(cur),
+        photo: getPhoto(cur),
+        name: cur.name,
+        account: cur.type === EUserType.USER ? cur.account : ''
+      })];
     }
   }, [])), /*#__PURE__*/React.createElement(FoldDownFill, {
     size: 20,
@@ -214,4 +224,5 @@ var MemberSelector = function MemberSelector(_ref) {
     fill: "#858585"
   }))));
 };
-export default MemberSelector;
+export default MemberSelector;
+export { MemberPanel };

package/dist/MemberPicker/interface.d.ts

@@ -1,6 +1,11 @@
-/// <reference types="react" />
-import { IUser } from '../ConfigProvider/getUserList';
-export type MemberPickerValue = IUser | IUser[] | string | string[];
+import React from 'react';
+import { IUser, IUserGroup, TUser } from '../ConfigProvider/getUserList';
+export type MemberPickerValue = IUser | IUser[] | string | string[] | IUserGroup | IUserGroup[];
+export declare enum EMemberPicker {
+    GROUP = "GROUP",
+    USER = "USER",
+    BOTH = "BOTH"
+}
 export interface IBaseMemberSelectorProps {
     value?: MemberPickerValue;
     className?: string;
@@ -9,14 +14,15 @@ export interface IBaseMemberSelectorProps {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
     placeholder?: string;
+    type?: EMemberPicker;
 }
 export interface IMultipleMemberSelectorProps extends IBaseMemberSelectorProps {
     multiple: true;
-    onChange?(v: IUser[]): void;
+    onChange?(v: TUser): void;
 }
 export interface ISingleMemberSelectorProps extends IBaseMemberSelectorProps {
     multiple?: false;
-    onChange?(v: IUser): void;
+    onChange?(v: IUser | IUserGroup): void;
 }
 export type IMemberPickerProps = IMultipleMemberSelectorProps | ISingleMemberSelectorProps;
 export type { IUser };

package/dist/MemberPicker/interface.js

@@ -1 +1,6 @@
-export {};
+export var EMemberPicker = /*#__PURE__*/function (EMemberPicker) {
+  EMemberPicker["GROUP"] = "GROUP";
+  EMemberPicker["USER"] = "USER";
+  EMemberPicker["BOTH"] = "BOTH";
+  return EMemberPicker;
+}({});

package/dist/MemberPicker/style/index.less

@@ -32,7 +32,7 @@
 
 .ald-member-picker-member-list-wrap {
   &.ald-member-picker-member-selection-multiple {
-    width: 50%;
+    width: 100%;
   }
 
   &.ald-member-picker-member-selection-single {
@@ -54,7 +54,7 @@
   }
 
   .ald-member-picker-member-list {
-    height: calc(100% - 32px);
+    height: calc(100% - 64px);
     min-height: 180px;
 
     &.ald-member-picker-member-list-null {
@@ -62,7 +62,7 @@
     }
 
     .ald-member-picker-member-scroll {
-      max-height: 288px;
+      height: 240px;
     }
   }
 }
@@ -130,6 +130,12 @@
   line-height: 20px;
   gap: 4px;
   cursor: pointer;
+  justify-content: space-between;
+
+  .ald-member-picker-label {
+    display: flex;
+    gap: 4px;
+  }
 
   &:hover {
     background: var(--colors-gray-98, #f4f4f4);
@@ -228,3 +234,12 @@
     overflow: hidden;
   }
 }
+
+.ald-member-tabs {
+  background-color: #fff;
+  height: 100%;
+
+  .ant-tabs-nav {
+    margin-bottom: 0 !important;
+  }
+}

package/dist/MemberPicker/utils/getUsersWithUserId.d.ts

@@ -1,2 +1,6 @@
+import { IUserGroup } from "../../ConfigProvider/getUserList";
 import { IUser } from '../interface';
 export declare function isUser(value: any): value is IUser;
+export declare function isUserGroup(value: any): value is IUserGroup;
+declare function getUsersWithUserId(obj: any): IUser[];
+export default getUsersWithUserId;

package/dist/MemberPicker/utils/getUsersWithUserId.js

@@ -1,4 +1,25 @@
 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); }
+import { EUserType } from "../../ConfigProvider/getUserList";
 export function isUser(value) {
-  return value && _typeof(value) === 'object' && 'userId' in value;
-}
+  return value && _typeof(value) === 'object' && value.type === EUserType.USER;
+}
+export function isUserGroup(value) {
+  return value && _typeof(value) === 'object' && value.type === EUserType.USER_GROUP;
+}
+function getUsersWithUserId(obj) {
+  var users = [];
+  var findUsers = function findUsers(value) {
+    if (Object.isFrozen(users)) return;
+    if (Array.isArray(value) && value.find(isUser)) {
+      users = value;
+      Object.freeze(users);
+    } else if (_typeof(value) === 'object') {
+      Object.values(value).forEach(function (item) {
+        return findUsers(item);
+      });
+    }
+  };
+  findUsers(obj);
+  return users;
+}
+export default getUsersWithUserId;

package/dist/MemberPicker/utils/index.d.ts

@@ -0,0 +1,6 @@
+import { IUserGroup } from "../../ConfigProvider/getUserList";
+import React from 'react';
+import { IUser } from '../interface';
+export declare const getId: (user: IUser | IUserGroup) => string;
+export declare const getPhoto: (user: IUser | IUserGroup) => React.JSX.Element | null;
+export declare const getAccount: (user: IUser | IUserGroup) => string | undefined;

package/dist/MemberPicker/utils/index.js

@@ -0,0 +1,16 @@
+import { EUserType } from "../../ConfigProvider/getUserList";
+import React from 'react';
+export var getId = function getId(user) {
+  if (user.type === EUserType.USER) return user.userId;
+  return user.groupId;
+};
+export var getPhoto = function getPhoto(user) {
+  if (user.type === EUserType.USER) return !!user.photo ? /*#__PURE__*/React.createElement("img", {
+    src: user.photo
+  }) : null;
+  return null;
+};
+export var getAccount = function getAccount(user) {
+  if (user.type === EUserType.USER) return user.account;
+  return '';
+};

package/dist/Radio/style/index.less

@@ -264,7 +264,7 @@
 
     .ald-radio-desc {
       position: relative;
-      color: @NL0;
+      color: @ND0;
       transition: text-shadow 0.3s ease, color 0.3s ease;
     }
   }

package/dist/ScrollArea/index.d.ts

@@ -7,6 +7,7 @@ interface Props extends ScrollAreaProps {
     verticalScrollBarClassName?: string;
     onViewportScroll?: (event: React.UIEvent<HTMLDivElement>) => void;
     innerClassName?: string;
+    scrollBarHidden?: Array<'horizontal' | 'vertical'>;
 }
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>>;
 export default _default;

package/dist/ScrollArea/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["children", "className", "innerClassName", "horizontalScrollBarClassName", "verticalScrollBarClassName", "onViewportScroll"];
+var _excluded = ["children", "className", "innerClassName", "horizontalScrollBarClassName", "verticalScrollBarClassName", "onViewportScroll", "scrollBarHidden"];
 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 _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; }
@@ -12,7 +12,10 @@ var ScrollArea = function ScrollArea(props, ref) {
     horizontalScrollBarClassName = props.horizontalScrollBarClassName,
     verticalScrollBarClassName = props.verticalScrollBarClassName,
     onViewportScroll = props.onViewportScroll,
+    scrollBarHidden = props.scrollBarHidden,
     rest = _objectWithoutProperties(props, _excluded);
+  var isHorizontalScrollBarHidden = scrollBarHidden === null || scrollBarHidden === void 0 ? void 0 : scrollBarHidden.includes('horizontal');
+  var isVerticalScrollBarHidden = scrollBarHidden === null || scrollBarHidden === void 0 ? void 0 : scrollBarHidden.includes('vertical');
   return /*#__PURE__*/React.createElement(ScrollAreaComponent.Root, _extends({}, rest, {
     scrollHideDelay: 50,
     className: classNames('ald-scroll-area', className)
@@ -22,7 +25,7 @@ var ScrollArea = function ScrollArea(props, ref) {
       onViewportScroll === null || onViewportScroll === void 0 ? void 0 : onViewportScroll(event);
     },
     ref: ref
-  }, children), /*#__PURE__*/React.createElement(ScrollAreaComponent.Scrollbar, {
+  }, children), !isVerticalScrollBarHidden && /*#__PURE__*/React.createElement(ScrollAreaComponent.Scrollbar, {
     style: {
       right: 3
     },
@@ -30,7 +33,7 @@ var ScrollArea = function ScrollArea(props, ref) {
     orientation: "vertical"
   }, /*#__PURE__*/React.createElement(ScrollAreaComponent.Thumb, {
     className: 'ald-scroll-area-thumb'
-  })), /*#__PURE__*/React.createElement(ScrollAreaComponent.Scrollbar, {
+  })), !isHorizontalScrollBarHidden && /*#__PURE__*/React.createElement(ScrollAreaComponent.Scrollbar, {
     className: classNames('ald-scroll-area-bar', horizontalScrollBarClassName),
     style: {
       bottom: 3

package/dist/Table/components/Cell.d.ts

@@ -0,0 +1,7 @@
+import { Column, Row } from '@tanstack/react-table';
+import React from 'react';
+export default function Cell<T>(props: IProps<T>): React.JSX.Element;
+export interface IProps<T> {
+    row: Row<T>;
+    column: Column<T>;
+}

package/dist/Table/components/Cell.js

@@ -0,0 +1,20 @@
+import classnames from 'classnames';
+import _ from 'lodash';
+import React from 'react';
+import { prefixCls } from "../helper";
+export default function Cell(props) {
+  var column = props.column,
+    row = props.row;
+  var meta = column.columnDef.meta;
+  var render = meta.render,
+    dataIndex = meta.dataIndex,
+    align = meta.align,
+    ellipsis = meta.ellipsis;
+  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);
+}

package/dist/Table/components/Header.d.ts

@@ -0,0 +1,6 @@
+import { Column } from '@tanstack/react-table';
+import React from 'react';
+export default function Header<T>(props: IProps<T>): React.JSX.Element;
+export interface IProps<T> {
+    column: Column<T>;
+}

package/dist/Table/components/Header.js

@@ -0,0 +1,19 @@
+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 React from 'react';
+import { prefixCls } from "../helper";
+export default function Header(props) {
+  var column = props.column;
+  var _ref = column.columnDef.meta,
+    title = _ref.title,
+    dataIndex = _ref.dataIndex,
+    align = _ref.align,
+    ellipsis = _ref.ellipsis;
+  return 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) : /*#__PURE__*/React.createElement(React.Fragment, null, title);
+}

package/dist/{AldTable → Table}/helper.d.ts

@@ -1,10 +1,16 @@
-import { type Column } from 'react-table';
+/// <reference types="react" />
 import { ITableColumn } from './types';
 export declare function getTableColumns<TDataItem extends object>({ columns, columnSizing, totalWidth, }: {
     columns: ITableColumn<TDataItem>[];
     columnSizing: boolean;
     totalWidth: number;
-}): Column<TDataItem>[];
+}): {
+    accessorKey: string;
+    header: (props: import("./components/Header").IProps<TDataItem>) => import("react").JSX.Element;
+    cell: (props: import("./components/Cell").IProps<TDataItem>) => import("react").JSX.Element;
+    size: number;
+    meta: ITableColumn<TDataItem>;
+}[];
 /**
  * 计算
  * @param columns
@@ -13,6 +19,7 @@ export declare function getTableColumns<TDataItem extends object>({ columns, col
  * @returns
  */
 export declare function getColumnWidths(columns: ITableColumn<unknown>[], columnSizing: boolean, totalWidth: number): number[];
+export declare function getNumberFromPercentageStr(str: string): number;
 /**
  * 判断是否百分比字符串
  * @param str