@aloudata/aloudata-design 2.10.6 → 2.12.0

package/dist/ColorPicker/index.js

@@ -9,9 +9,10 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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 { default as cls } from 'classnames';
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useContext, useEffect, useRef, useState } from 'react';
 import Dropdown from "../Dropdown";
 import { FoldDownFill } from "../Icon";
+import { LocaleContext, getTranslator } from "../locale/default";
 import { colors as defaultColors, specialColors } from "./constant";
 function getLocalRecentColors(localStorageKey) {
   if (!window.localStorage) {
@@ -41,6 +42,9 @@ export default function ColorPicker(_ref) {
     localStorageKey = _ref$localStorageKey === void 0 ? 'ald_recent_colors' : _ref$localStorageKey,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled;
+  var _useContext = useContext(LocaleContext),
+    locale = _useContext.locale;
+  var t = getTranslator(locale);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -98,9 +102,9 @@ export default function ColorPicker(_ref) {
     style: {
       backgroundColor: defaultColor
     }
-  })), "\u9ED8\u8BA4"), /*#__PURE__*/React.createElement("div", {
+  })), t.ColorPicker.default), /*#__PURE__*/React.createElement("div", {
     className: 'standard'
-  }, /*#__PURE__*/React.createElement("p", null, "\u6807\u51C6\u8272"), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("p", null, t.ColorPicker.standardColor), /*#__PURE__*/React.createElement("div", {
     className: 'items'
   }, defaultColors.map(function (color) {
     return /*#__PURE__*/React.createElement("div", {
@@ -123,7 +127,7 @@ export default function ColorPicker(_ref) {
     }));
   }))), /*#__PURE__*/React.createElement("div", {
     className: 'recent'
-  }, /*#__PURE__*/React.createElement("p", null, "\u6700\u8FD1\u4F7F\u7528"), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("p", null, t.ColorPicker.recentlyUsed), /*#__PURE__*/React.createElement("div", {
     className: 'items'
   }, recentColors.map(function (color) {
     return /*#__PURE__*/React.createElement("div", {

package/dist/ConfigProvider/defaultRenderEmpty.js

@@ -17,8 +17,10 @@ var defaultRenderEmpty = function defaultRenderEmpty(componentName) {
       case 'Transfer':
       case 'Mentions':
         return /*#__PURE__*/React.createElement(Empty, {
-          image: Empty.PRESENTED_IMAGE_SEARCH_SMALL,
-          title: "\u65E0\u6570\u636E",
+          image: Empty.PRESENTED_IMAGE_SEARCH_SMALL
+          // 没有地方用到
+          // title="无数据"
+          ,
           className: "".concat(prefix, "-small")
         });
 

package/dist/ConfigProvider/index.js

@@ -1,12 +1,16 @@
 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 { ConfigProvider } from 'antd';
+import antdEnUS from 'antd/locale/en_US';
+import antdZhCN from 'antd/locale/zh_CN';
 import React from 'react';
+import { LocaleContext, defaultLocale } from "../locale/default";
 import getUserListContext from "./getUserList";
 import useGetUserList from "./hooks/useGetUserList";
 import SizeContext from "./sizeContext";
 export { ConfigContext } from 'antd/lib/config-provider';
 export { ConfigConsumer } from 'antd/lib/config-provider/';
 var AldCustomConfigProvider = function AldCustomConfigProvider(props) {
+  var _props$locale;
   var children = props.children,
     getUsersByIds = props.getUsersByIds,
     getUsersByKeywords = props.getUsersByKeywords;
@@ -26,7 +30,11 @@ var AldCustomConfigProvider = function AldCustomConfigProvider(props) {
         fontFamily: "Inter,'PingFang SC', system-ui, -apple-system, blinkmacsystemfont,\n          'Helvetica Neue', 'Segoe UI', helvetica, arial, 'Microsoft YaHei',\n          'WenQuanYi Micro Hei', sans-serif;"
       }
     }
-  }, props), childNode);
+  }, props, {
+    locale: ((_props$locale = props.locale) === null || _props$locale === void 0 ? void 0 : _props$locale.locale) === 'zh-cn' ? antdZhCN : antdEnUS
+  }), /*#__PURE__*/React.createElement(LocaleContext.Provider, {
+    value: props.locale || defaultLocale
+  }, childNode));
 };
 AldCustomConfigProvider.ConfigContext = ConfigProvider.ConfigContext;
 AldCustomConfigProvider.SizeContext = SizeContext;

package/dist/DataPreviewTable/components/Body/Error.js

@@ -1,9 +1,13 @@
-import React, { memo } from 'react';
+import React, { memo, useContext } from 'react';
 import Result from "../../../Result";
+import { LocaleContext, getTranslator } from "../../../locale/default";
 function ErrorBody(props) {
+  var _useContext = useContext(LocaleContext),
+    locale = _useContext.locale;
+  var t = getTranslator(locale);
   var wrapWidth = props.wrapWidth,
     _props$errorMsg = props.errorMsg,
-    errorMsg = _props$errorMsg === void 0 ? '加载失败' : _props$errorMsg;
+    errorMsg = _props$errorMsg === void 0 ? t.DataPreviewTable.loadFailed : _props$errorMsg;
   return /*#__PURE__*/React.createElement("div", {
     className: "ald-data-preview-table-error",
     style: {

package/dist/DataPreviewTable/index.js

@@ -1,8 +1,9 @@
 import classNames from 'classnames';
-import React, { forwardRef, memo, useImperativeHandle, useMemo, useRef } from 'react';
+import React, { forwardRef, memo, useContext, useImperativeHandle, useMemo, useRef } from 'react';
 import Progress from "../Progress";
 import ScrollArea from "../ScrollArea";
 import Spin from "../Spin";
+import { LocaleContext, getTranslator } from "../locale/default";
 import Body from "./components/Body";
 import Error from "./components/Body/Error";
 import Header from "./components/Header";
@@ -10,6 +11,9 @@ import { CELL_HEIGHT, DEFAULT_HEADER_HEIGHT } from "./constant";
 import useDirection from "./hooks/useDirection";
 var DataPreviewTable = /*#__PURE__*/forwardRef(function (props, ref) {
   var _wrapRef$current5;
+  var _useContext = useContext(LocaleContext),
+    locale = _useContext.locale;
+  var t = getTranslator(locale);
   var _props$columns = props.columns,
     columns = _props$columns === void 0 ? [] : _props$columns,
     _props$datasource = props.datasource,
@@ -21,7 +25,7 @@ var DataPreviewTable = /*#__PURE__*/forwardRef(function (props, ref) {
     loading = props.loading,
     dataStatus = props.dataStatus,
     _props$errorMsg = props.errorMsg,
-    errorMsg = _props$errorMsg === void 0 ? '数据加载失败' : _props$errorMsg;
+    errorMsg = _props$errorMsg === void 0 ? t.DataPreviewTable.dataLoadFailed : _props$errorMsg;
   var realHeaderHeight = Math.max(headerHeight, DEFAULT_HEADER_HEIGHT);
   var contentHeight = useMemo(function () {
     return datasource.length * CELL_HEIGHT + realHeaderHeight;

package/dist/DoubleCircleIcon/index.d.ts

@@ -5,6 +5,6 @@ declare const DoubleCircleIcon: (props: {
     size?: number | undefined;
     innerColor?: string | undefined;
     children: React.ReactNode;
-    type?: "warning" | "error" | "success" | "info" | undefined;
+    type?: "warning" | "error" | "info" | "success" | undefined;
 }) => React.JSX.Element;
 export default DoubleCircleIcon;

package/dist/Dropdown/index.d.ts

@@ -1,4 +1,4 @@
-import { OffsetOptions } from '@floating-ui/react';
+import { OffsetOptions, UseHoverProps } from '@floating-ui/react';
 import React from 'react';
 import { MenuProps } from '../Menu';
 import './style/index.less';
@@ -67,5 +67,6 @@ export interface IDropdownProps {
      * @default false
      */
     disabled?: boolean;
+    delay?: UseHoverProps['delay'];
 }
 export default function Dropdown(props: IDropdownProps): React.JSX.Element;

package/dist/Dropdown/index.js

@@ -37,7 +37,9 @@ export default function Dropdown(props) {
     dropdownRender = props.dropdownRender,
     disabled = props.disabled,
     _props$offset = props.offset,
-    offsetProps = _props$offset === void 0 ? 4 : _props$offset;
+    offsetProps = _props$offset === void 0 ? 4 : _props$offset,
+    _props$delay = props.delay,
+    delay = _props$delay === void 0 ? 0 : _props$delay;
   var _useState = useState(open || false),
     _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
@@ -69,7 +71,8 @@ export default function Dropdown(props) {
   var click = useClick(context);
   var hover = useHover(context, {
     enabled: trigger === 'hover',
-    handleClose: safePolygon({})
+    handleClose: safePolygon({}),
+    delay: delay
   });
   var dismiss = useDismiss(context);
   var role = useRole(context);

package/dist/Empty/index.js

@@ -9,6 +9,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import classNames from 'classnames';
 import _ from 'lodash';
 import * as React from 'react';
+import { LocaleContext, getTranslator } from "../locale/default";
 import DataEmptyImg from "./image/Data";
 import SearchEmptyImg from "./image/Search";
 import SearchEmptySmallImage from "./image/SearchSmall";
@@ -20,12 +21,15 @@ var workbookEmptyImg = /*#__PURE__*/React.createElement(WorkbookEmptyImg, null);
 var dataEmptyImg = /*#__PURE__*/React.createElement(DataEmptyImg, null);
 var searchEmptySmallImage = /*#__PURE__*/React.createElement(SearchEmptySmallImage, null);
 var Empty = function Empty(props) {
+  var _React$useContext = React.useContext(LocaleContext),
+    locale = _React$useContext.locale;
+  var t = getTranslator(locale);
   var className = props.className,
     _props$image = props.image,
     image = _props$image === void 0 ? props.size === 'small' ? searchEmptySmallImage : searchEmptyImg : _props$image,
     description = props.description,
     _props$title = props.title,
-    title = _props$title === void 0 ? '未找到内容' : _props$title,
+    title = _props$title === void 0 ? t.Empty.noContentFound : _props$title,
     size = props.size,
     children = props.children,
     imageStyle = props.imageStyle,

package/dist/HighlightText/index.js

@@ -17,7 +17,8 @@ export default function HighlightText(props) {
   var regex = new RegExp("(".concat(trimKeyword, ")"), 'gi');
   var parts = text.split(regex);
   return /*#__PURE__*/React.createElement("span", {
-    className: className
+    className: className,
+    title: children
   }, parts.map(function (part, index) {
     return regex.test(part) ? /*#__PURE__*/React.createElement("span", {
       key: index,

package/dist/InputSearch/index.js

@@ -11,11 +11,15 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useDebounceFn } from 'ahooks';
 import classnames from 'classnames';
 import _ from 'lodash';
-import React, { useCallback, useState } from 'react';
+import React, { useCallback, useContext, useState } from 'react';
 import { SearchLine } from "../Icon";
 import Input from "../Input";
+import { LocaleContext, getTranslator } from "../locale/default";
 var DEFAULT_WIDTH = 68;
 export default function InputSearch(props) {
+  var _useContext = useContext(LocaleContext),
+    locale = _useContext.locale;
+  var t = getTranslator(locale);
   var onSearch = props.onSearch,
     className = props.className,
     _props$debounce = props.debounce,
@@ -60,7 +64,7 @@ export default function InputSearch(props) {
     prefix: /*#__PURE__*/React.createElement(SearchLine, {
       size: 16
     }),
-    placeholder: placeholder || '搜索',
+    placeholder: placeholder || t.InputSearch.search,
     allowClear: true,
     defaultValue: defaultValue
   }));

package/dist/List/Item.d.ts

@@ -0,0 +1,31 @@
+import React, { CSSProperties, FC, HTMLAttributes, ReactNode } from 'react';
+export interface ListItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'prefix'> {
+    className?: string;
+    classNames?: {
+        actions?: string;
+        prefix?: string;
+    };
+    children?: ReactNode;
+    style?: CSSProperties;
+    styles?: {
+        actions?: CSSProperties;
+        prefix?: CSSProperties;
+    };
+    actions?: ReactNode[];
+    prefix?: ReactNode;
+}
+export interface ListItemMetaProps {
+    avatar?: ReactNode;
+    className?: string;
+    children?: ReactNode;
+    description?: ReactNode;
+    style?: CSSProperties;
+    title?: ReactNode;
+}
+export declare const Meta: FC<ListItemMetaProps>;
+declare const InternalItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLDivElement>>;
+export type ListItemTypeProps = typeof InternalItem & {
+    Meta: typeof Meta;
+};
+declare const Item: ListItemTypeProps;
+export default Item;

package/dist/List/Item.js

@@ -0,0 +1,76 @@
+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); }
+var _excluded = ["className", "avatar", "title", "description"],
+  _excluded2 = ["children", "actions", "styles", "className", "prefix", "classNames"];
+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 _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 _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 classnames from 'classnames';
+import React from 'react';
+export var Meta = function Meta(_ref) {
+  var className = _ref.className,
+    avatar = _ref.avatar,
+    title = _ref.title,
+    description = _ref.description,
+    others = _objectWithoutProperties(_ref, _excluded);
+  var prefixCls = 'ald-list';
+  var classString = classnames("".concat(prefixCls, "-item-meta"), className);
+  var content = /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-item-meta-content")
+  }, title && /*#__PURE__*/React.createElement("div", {
+    className: classnames("".concat(prefixCls, "-item-meta-content-title"), _defineProperty({}, "".concat(prefixCls, "-item-meta-content-title-no-description"), !description)),
+    title: typeof title === 'string' ? title : ''
+  }, title), description && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-item-meta-content-description"),
+    title: typeof description === 'string' ? description : ''
+  }, description));
+  return /*#__PURE__*/React.createElement("div", _extends({}, others, {
+    className: classString
+  }), avatar && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-item-meta-avatar")
+  }, avatar), (title || description) && content);
+};
+var InternalItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var children = props.children,
+    actions = props.actions,
+    styles = props.styles,
+    className = props.className,
+    prefix = props.prefix,
+    customizeClassNames = props.classNames,
+    others = _objectWithoutProperties(props, _excluded2);
+  var moduleClass = function moduleClass(moduleName) {
+    return classnames(customizeClassNames === null || customizeClassNames === void 0 ? void 0 : customizeClassNames[moduleName]);
+  };
+  var moduleStyle = function moduleStyle(moduleName) {
+    return _objectSpread({}, styles === null || styles === void 0 ? void 0 : styles[moduleName]);
+  };
+  var prefixCls = 'ald-list';
+  var actionsContent = actions && actions.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: classnames("".concat(prefixCls, "-item-action"), moduleClass('actions')),
+    key: "actions",
+    style: moduleStyle('actions')
+  }, actions.map(function (action, i) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: "".concat(prefixCls, "-item-action-").concat(i)
+    }, action, i !== actions.length - 1 && /*#__PURE__*/React.createElement("em", {
+      className: "".concat(prefixCls, "-item-action-split")
+    }));
+  }));
+  var prefixContent = prefix && /*#__PURE__*/React.createElement("div", {
+    className: classnames("".concat(prefixCls, "-item-prefix"), moduleClass('prefix')),
+    style: moduleStyle('prefix'),
+    key: "prefix"
+  }, prefix);
+  var itemChildren = /*#__PURE__*/React.createElement("div", _extends({}, others, {
+    ref: ref,
+    className: classnames("".concat(prefixCls, "-item"), className)
+  }), [prefixContent, children, actionsContent]);
+  return itemChildren;
+});
+var Item = InternalItem;
+Item.Meta = Meta;
+export default Item;

package/dist/List/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+declare function List<T>(props: ListProps<T>): React.JSX.Element;
+declare namespace List {
+    var Item: import("./Item").ListItemTypeProps;
+}
+export default List;
+export interface ListProps<T> {
+    size?: 'default' | 'small';
+    rowKey?: ((item: T) => React.Key) | keyof T;
+    renderItem?: (item: T, index: number) => React.ReactNode;
+    className?: string;
+    dataSource?: T[];
+    children?: React.ReactNode;
+    loading?: boolean;
+    dividerGap?: number;
+    virtual?: boolean;
+    itemHeight?: number | ((item: T) => number);
+}

package/dist/List/index.js

@@ -0,0 +1,135 @@
+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 { useVirtualizer } from '@tanstack/react-virtual';
+import classNames from 'classnames';
+import React from 'react';
+import ScrollArea from "../ScrollArea";
+import Spin from "../Spin";
+import Item from "./Item";
+function List(props) {
+  var _props$dataSource = props.dataSource,
+    dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
+    renderItem = props.renderItem,
+    bordered = props.bordered,
+    customizeSize = props.size,
+    rowKey = props.rowKey,
+    children = props.children,
+    className = props.className,
+    _props$dividerGap = props.dividerGap,
+    dividerGap = _props$dividerGap === void 0 ? 0 : _props$dividerGap,
+    _props$loading = props.loading,
+    loading = _props$loading === void 0 ? false : _props$loading,
+    virtual = props.virtual,
+    _props$itemHeight = props.itemHeight,
+    itemHeight = _props$itemHeight === void 0 ? 50 : _props$itemHeight;
+  var parentRef = React.useRef(null);
+  var measureElement = function measureElement(element) {
+    return element.offsetHeight;
+  };
+  var rowVirtualizer = useVirtualizer({
+    count: dividerGap === 0 ? dataSource.length : dataSource.length * 2 - 1,
+    getScrollElement: function getScrollElement() {
+      return parentRef.current;
+    },
+    estimateSize: function estimateSize(index) {
+      if (dividerGap === 0) {
+        return typeof itemHeight === 'function' ? itemHeight(dataSource[index]) : itemHeight;
+      }
+      if (index % 2 === 0) {
+        return typeof itemHeight === 'function' ? itemHeight(dataSource[Math.floor(index / 2)]) : itemHeight;
+      }
+      return 1;
+    },
+    measureElement: measureElement,
+    gap: dividerGap
+  });
+  function getKey(currentItem, currentIndex) {
+    var key;
+    if (typeof rowKey === 'function') {
+      key = rowKey(currentItem);
+    } else if (rowKey) {
+      key = currentItem[rowKey];
+    } else {
+      key = currentItem.key;
+    }
+    if (!key) {
+      key = "list-item-".concat(currentIndex);
+    }
+    return key;
+  }
+  var size = customizeSize || 'default';
+  var customizeClassNames = classNames('ald-list', _defineProperty({
+    'ald-list-bordered': bordered
+  }, "ald-list-".concat(size), size), className);
+  if (virtual) {
+    var renderInnerItem = function renderInnerItem(index) {
+      if (!renderItem) return null;
+      if (dividerGap === 0) {
+        var _item = dataSource[index];
+        return /*#__PURE__*/React.createElement(React.Fragment, {
+          key: getKey(_item, index)
+        }, renderItem(_item, index));
+      } else {
+        var isDivider = index % 2 === 1;
+        if (isDivider) {
+          return /*#__PURE__*/React.createElement("div", {
+            className: "ald-list-divider",
+            key: "divider-".concat(index)
+          });
+        } else {
+          var itemIndex = Math.floor(index / 2);
+          var _item2 = dataSource[itemIndex];
+          return /*#__PURE__*/React.createElement(React.Fragment, {
+            key: getKey(_item2, itemIndex)
+          }, renderItem(_item2, itemIndex));
+        }
+      }
+    };
+    return /*#__PURE__*/React.createElement(ScrollArea, {
+      ref: parentRef,
+      asChild: true,
+      className: "ald-list-virtual",
+      innerClassName: customizeClassNames
+    }, /*#__PURE__*/React.createElement(Spin, {
+      spinning: loading,
+      wrapperClassName: "ald-list-item-wrap",
+      style: {
+        rowGap: dividerGap,
+        height: "".concat(rowVirtualizer.getTotalSize(), "px")
+      }
+    }, /*#__PURE__*/React.createElement(React.Fragment, null, rowVirtualizer.getVirtualItems().map(function (virtualItem) {
+      var index = virtualItem.index;
+      return /*#__PURE__*/React.createElement("div", {
+        key: virtualItem.key,
+        style: {
+          position: 'absolute',
+          top: 0,
+          left: 0,
+          width: '100%',
+          height: "".concat(virtualItem.size, "px"),
+          transform: "translateY(".concat(virtualItem.start, "px)")
+        }
+      }, renderInnerItem(index));
+    }), children)));
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    ref: parentRef,
+    className: customizeClassNames
+  }, /*#__PURE__*/React.createElement(Spin, {
+    spinning: loading,
+    wrapperClassName: "ald-list-item-wrap",
+    style: {
+      rowGap: dividerGap
+    }
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, dataSource.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: getKey(item, index)
+    }, renderItem ? renderItem(item, index) : null, index !== dataSource.length - 1 && dividerGap > 0 && /*#__PURE__*/React.createElement("div", {
+      className: "ald-list-divider"
+    }));
+  }), children)));
+}
+List.Item = Item;
+export default List;

package/dist/{locale-provider → List}/style/index.d.ts

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

package/dist/List/style/index.js

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

package/dist/List/style/index.less

@@ -0,0 +1,120 @@
+@import '../../style/index.less';
+@import '../../Spin/style/index.less';
+@import '../../ScrollArea/style/index.less';
+
+.ald-list-virtual {
+  .ald-list {
+    height: 100%;
+    display: block !important;
+  }
+}
+
+.ald-list {
+  font-size: 14px;
+
+  &-item {
+    display: flex;
+    padding: var(--alias-padding-75, 6px) var(--alias-padding-100, 8px);
+    align-items: center;
+    border-radius: var(--alias-radius-75, 6px);
+    gap: var(--alias-spacing-75, 6px);
+
+    &-prefix {
+      display: flex;
+      align-items: flex-start;
+      align-self: stretch;
+      justify-content: center;
+      padding: 2px;
+    }
+
+    &-meta {
+      flex: 1;
+      min-width: 0;
+      display: flex;
+      gap: var(--alias-spacing-75, 6px);
+      align-items: center;
+
+      &-avatar {
+        display: flex;
+        align-self: stretch;
+        align-items: flex-start;
+        justify-content: center;
+        overflow: hidden;
+        flex: none;
+      }
+
+      &-content {
+        min-width: 0;
+        display: flex;
+        flex-direction: column;
+        gap: var(--alias-spacing-50, 4px);
+        align-items: flex-start;
+        justify-content: stretch;
+
+        &-title {
+          font-size: 14px;
+          font-weight: 500;
+          line-height: 20px;
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          max-width: 100%;
+
+          &-no-description {
+            font-weight: 400;
+          }
+        }
+
+        &-description {
+          font-size: 12px;
+          font-weight: 400;
+          line-height: 16px;
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          max-width: 100%;
+          color: var(--alias-colors-text-subtlest, #9ca3af);
+        }
+      }
+    }
+
+    &-action {
+      display: flex;
+      gap: var(--alias-spacing-100, 8px);
+      align-items: center;
+    }
+  }
+
+  &-divider {
+    height: 1px;
+    background-color: var(--alias-colors-border-subtle, #f3f4f6);
+  }
+
+  .ald-list-item-wrap {
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+  }
+}
+
+.ald-list-small {
+  .ald-list-item {
+    gap: var(--alias-spacing-75, 6px);
+
+    &-meta {
+      gap: var(--alias-spacing-75, 6px);
+
+      &-avatar {
+        padding: 2px 0;
+      }
+
+      &-content {
+        gap: var(--alias-spacing-25, 2px);
+
+        &-title {
+          font-size: 12px;
+        }
+      }
+    }
+  }
+}