tiny-ui 1.0.2 → 1.0.4

package/es/list/list.js

@@ -1,90 +1,143 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useContext, useState } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-import { useVirtualScroll } from '../_utils/use-virtual-scroll';
-import Pagination from '../pagination';
-const ITEM_HEIGHT_MAP = { sm: 41, md: 49, lg: 57 };
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import { useVirtualScroll } from "../_utils/use-virtual-scroll.js";
+import pagination_default from "../pagination/index.js";
+import React, { useContext, useState } from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region components/list/list.tsx
+const ITEM_HEIGHT_MAP = {
+	sm: 41,
+	md: 49,
+	lg: 57
+};
 const List = React.forwardRef((props, ref) => {
-    const { dataSource = [], renderItem, header, footer, loading = false, bordered = false, split = true, size, grid, locale, virtual = false, height, itemHeight: itemHeightProp, pagination, prefixCls: customisedCls, className, style, children, ...otherProps } = props;
-    const configContext = useContext(ConfigContext);
-    const prefixCls = getPrefixCls('list', configContext.prefixCls, customisedCls);
-    const listSize = size || configContext.componentSize || 'md';
-    if (virtual && height == null) {
-        console.warn('[tiny-ui: List] `height` is required when `virtual` is enabled.');
-    }
-    if (virtual && grid) {
-        console.warn('[tiny-ui: List] `virtual` is not supported with `grid` mode. Falling back to normal rendering.');
-    }
-    const isVirtual = virtual && height != null && !grid;
-    const [currentPage, setCurrentPage] = useState(1);
-    const pageSize = pagination && pagination.pageSize ? pagination.pageSize : 10;
-    const itemHeight = itemHeightProp ?? ITEM_HEIGHT_MAP[listSize] ?? ITEM_HEIGHT_MAP.md;
-    const { visibleRange, totalHeight, offsetY, onScroll } = useVirtualScroll({
-        itemCount: dataSource.length,
-        itemHeight,
-        containerHeight: height ?? 0,
-    });
-    const cls = classNames(prefixCls, className, {
-        [`${prefixCls}_${listSize}`]: listSize,
-        [`${prefixCls}_bordered`]: bordered,
-        [`${prefixCls}_split`]: split,
-        [`${prefixCls}_loading`]: loading,
-        [`${prefixCls}_grid`]: grid,
-    });
-    const paginatedData = () => {
-        if (!pagination)
-            return dataSource;
-        const page = pagination.current ?? currentPage;
-        const start = (page - 1) * pageSize;
-        return dataSource.slice(start, start + pageSize);
-    };
-    const handlePageChange = (page) => {
-        setCurrentPage(page);
-        pagination && pagination.onChange?.(page, pageSize);
-    };
-    const renderItems = () => {
-        if (isVirtual) {
-            if (dataSource.length === 0) {
-                return (_jsx("div", { className: `${prefixCls}__empty`, children: locale?.emptyText ?? 'No Data' }));
-            }
-            if (renderItem) {
-                const [start, end] = visibleRange;
-                const visibleItems = dataSource.slice(start, end + 1).map((item, i) => renderItem(item, start + i));
-                return (_jsx("div", { style: { height: totalHeight, position: 'relative' }, children: _jsx("div", { style: { position: 'absolute', top: 0, left: 0, right: 0, transform: `translateY(${offsetY}px)` }, children: visibleItems }) }));
-            }
-            return children;
-        }
-        const items = paginatedData();
-        if (items.length === 0 && !children) {
-            return (_jsx("div", { className: `${prefixCls}__empty`, children: locale?.emptyText ?? 'No Data' }));
-        }
-        if (renderItem) {
-            const rendered = items.map((item, index) => renderItem(item, index));
-            if (grid) {
-                return (_jsx("div", { className: `${prefixCls}__grid`, style: {
-                        display: 'grid',
-                        gridTemplateColumns: `repeat(${grid.column || 3}, 1fr)`,
-                        gap: grid.gutter ? `${grid.gutter}px` : undefined,
-                    }, children: rendered }));
-            }
-            return rendered;
-        }
-        return children;
-    };
-    const showPagination = pagination && !isVirtual;
-    const paginationConfig = pagination && typeof pagination === 'object' ? pagination : undefined;
-    const totalItems = paginationConfig?.total ?? dataSource.length;
-    const activePage = paginationConfig?.current ?? currentPage;
-    const bodyCls = classNames(`${prefixCls}__body`, {
-        [`${prefixCls}__body_virtual`]: isVirtual,
-    });
-    const bodyStyle = isVirtual
-        ? { height, overflowY: 'auto' }
-        : undefined;
-    return (_jsxs("div", { ...otherProps, ref: ref, className: cls, style: style, children: [header && _jsx("div", { className: `${prefixCls}__header`, children: header }), _jsx("div", { className: bodyCls, style: bodyStyle, onScroll: isVirtual ? onScroll : undefined, children: loading ? (_jsx("div", { className: `${prefixCls}__loading`, children: "Loading..." })) : (renderItems()) }), footer && _jsx("div", { className: `${prefixCls}__footer`, children: footer }), showPagination && (_jsx(Pagination, { current: activePage, total: totalItems, pageSize: pageSize, align: paginationConfig?.align ?? 'right', size: paginationConfig?.size, disabled: paginationConfig?.disabled, onChange: (page) => handlePageChange(page), style: { padding: 16 } }))] }));
+	const { dataSource = [], renderItem, header, footer, loading = false, bordered = false, split = true, size, grid, locale, virtual = false, height, itemHeight: itemHeightProp, pagination, prefixCls: customisedCls, className, style, children, ...otherProps } = props;
+	const configContext = useContext(ConfigContext);
+	const prefixCls = getPrefixCls("list", configContext.prefixCls, customisedCls);
+	const listSize = size || configContext.componentSize || "md";
+	if (virtual && height == null) console.warn("[tiny-ui: List] `height` is required when `virtual` is enabled.");
+	if (virtual && grid) console.warn("[tiny-ui: List] `virtual` is not supported with `grid` mode. Falling back to normal rendering.");
+	const isVirtual = virtual && height != null && !grid;
+	const [currentPage, setCurrentPage] = useState(1);
+	const pageSize = pagination && pagination.pageSize ? pagination.pageSize : 10;
+	const itemHeight = itemHeightProp ?? ITEM_HEIGHT_MAP[listSize] ?? ITEM_HEIGHT_MAP.md;
+	const { visibleRange, totalHeight, offsetY, onScroll } = useVirtualScroll({
+		itemCount: dataSource.length,
+		itemHeight,
+		containerHeight: height ?? 0
+	});
+	const cls = classNames(prefixCls, className, {
+		[`${prefixCls}_${listSize}`]: listSize,
+		[`${prefixCls}_bordered`]: bordered,
+		[`${prefixCls}_split`]: split,
+		[`${prefixCls}_loading`]: loading,
+		[`${prefixCls}_grid`]: grid
+	});
+	const paginatedData = () => {
+		if (!pagination) return dataSource;
+		const start = ((pagination.current ?? currentPage) - 1) * pageSize;
+		return dataSource.slice(start, start + pageSize);
+	};
+	const handlePageChange = (page) => {
+		setCurrentPage(page);
+		pagination && pagination.onChange?.(page, pageSize);
+	};
+	const renderItems = () => {
+		if (isVirtual) {
+			if (dataSource.length === 0) return /* @__PURE__ */ jsx("div", {
+				className: `${prefixCls}__empty`,
+				children: locale?.emptyText ?? "No Data"
+			});
+			if (renderItem) {
+				const [start, end] = visibleRange;
+				const visibleItems = dataSource.slice(start, end + 1).map((item, i) => renderItem(item, start + i));
+				return /* @__PURE__ */ jsx("div", {
+					style: {
+						height: totalHeight,
+						position: "relative"
+					},
+					children: /* @__PURE__ */ jsx("div", {
+						style: {
+							position: "absolute",
+							top: 0,
+							left: 0,
+							right: 0,
+							transform: `translateY(${offsetY}px)`
+						},
+						children: visibleItems
+					})
+				});
+			}
+			return children;
+		}
+		const items = paginatedData();
+		if (items.length === 0 && !children) return /* @__PURE__ */ jsx("div", {
+			className: `${prefixCls}__empty`,
+			children: locale?.emptyText ?? "No Data"
+		});
+		if (renderItem) {
+			const rendered = items.map((item, index) => renderItem(item, index));
+			if (grid) return /* @__PURE__ */ jsx("div", {
+				className: `${prefixCls}__grid`,
+				style: {
+					display: "grid",
+					gridTemplateColumns: `repeat(${grid.column || 3}, 1fr)`,
+					gap: grid.gutter ? `${grid.gutter}px` : void 0
+				},
+				children: rendered
+			});
+			return rendered;
+		}
+		return children;
+	};
+	const showPagination = pagination && !isVirtual;
+	const paginationConfig = pagination && typeof pagination === "object" ? pagination : void 0;
+	const totalItems = paginationConfig?.total ?? dataSource.length;
+	const activePage = paginationConfig?.current ?? currentPage;
+	const bodyCls = classNames(`${prefixCls}__body`, { [`${prefixCls}__body_virtual`]: isVirtual });
+	const bodyStyle = isVirtual ? {
+		height,
+		overflowY: "auto"
+	} : void 0;
+	return /* @__PURE__ */ jsxs("div", {
+		...otherProps,
+		ref,
+		className: cls,
+		style,
+		children: [
+			header && /* @__PURE__ */ jsx("div", {
+				className: `${prefixCls}__header`,
+				children: header
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: bodyCls,
+				style: bodyStyle,
+				onScroll: isVirtual ? onScroll : void 0,
+				children: loading ? /* @__PURE__ */ jsx("div", {
+					className: `${prefixCls}__loading`,
+					children: "Loading..."
+				}) : renderItems()
+			}),
+			footer && /* @__PURE__ */ jsx("div", {
+				className: `${prefixCls}__footer`,
+				children: footer
+			}),
+			showPagination && /* @__PURE__ */ jsx(pagination_default, {
+				current: activePage,
+				total: totalItems,
+				pageSize,
+				align: paginationConfig?.align ?? "right",
+				size: paginationConfig?.size,
+				disabled: paginationConfig?.disabled,
+				onChange: (page) => handlePageChange(page),
+				style: { padding: 16 }
+			})
+		]
+	});
 });
-List.displayName = 'List';
-export default List;
+List.displayName = "List";
+//#endregion
+export { List as default };
+
 //# sourceMappingURL=list.js.map

package/es/list/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","sourceRoot":"","sources":["../../components/list/list.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"list.js","names":["Pagination"],"sources":["../../components/list/list.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { useVirtualScroll } from '../_utils/use-virtual-scroll';\nimport Pagination from '../pagination';\nimport { ListProps } from './types';\n\nconst ITEM_HEIGHT_MAP = { sm: 41, md: 49, lg: 57 } as const;\n\nconst List = React.forwardRef<HTMLDivElement, ListProps>((props, ref) => {\n  const {\n    dataSource = [],\n    renderItem,\n    header,\n    footer,\n    loading = false,\n    bordered = false,\n    split = true,\n    size,\n    grid,\n    locale,\n    virtual = false,\n    height,\n    itemHeight: itemHeightProp,\n    pagination,\n    prefixCls: customisedCls,\n    className,\n    style,\n    children,\n    ...otherProps\n  } = props;\n\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('list', configContext.prefixCls, customisedCls);\n  const listSize = size || configContext.componentSize || 'md';\n\n  if (virtual && height == null) {\n    console.warn('[tiny-ui: List] `height` is required when `virtual` is enabled.');\n  }\n  if (virtual && grid) {\n    console.warn('[tiny-ui: List] `virtual` is not supported with `grid` mode. Falling back to normal rendering.');\n  }\n\n  const isVirtual = virtual && height != null && !grid;\n\n  const [currentPage, setCurrentPage] = useState(1);\n  const pageSize = pagination && pagination.pageSize ? pagination.pageSize : 10;\n\n  const itemHeight = itemHeightProp ?? ITEM_HEIGHT_MAP[listSize] ?? ITEM_HEIGHT_MAP.md;\n  const { visibleRange, totalHeight, offsetY, onScroll } = useVirtualScroll({\n    itemCount: dataSource.length,\n    itemHeight,\n    containerHeight: height ?? 0,\n  });\n\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_${listSize}`]: listSize,\n    [`${prefixCls}_bordered`]: bordered,\n    [`${prefixCls}_split`]: split,\n    [`${prefixCls}_loading`]: loading,\n    [`${prefixCls}_grid`]: grid,\n  });\n\n  const paginatedData = () => {\n    if (!pagination) return dataSource;\n    const page = pagination.current ?? currentPage;\n    const start = (page - 1) * pageSize;\n    return dataSource.slice(start, start + pageSize);\n  };\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n    pagination && pagination.onChange?.(page, pageSize);\n  };\n\n  const renderItems = () => {\n    if (isVirtual) {\n      if (dataSource.length === 0) {\n        return (\n          <div className={`${prefixCls}__empty`}>\n            {locale?.emptyText ?? 'No Data'}\n          </div>\n        );\n      }\n      if (renderItem) {\n        const [start, end] = visibleRange;\n        const visibleItems = dataSource.slice(start, end + 1).map((item, i) => renderItem(item, start + i));\n        return (\n          <div style={{ height: totalHeight, position: 'relative' }}>\n            <div style={{ position: 'absolute', top: 0, left: 0, right: 0, transform: `translateY(${offsetY}px)` }}>\n              {visibleItems}\n            </div>\n          </div>\n        );\n      }\n      return children;\n    }\n\n    const items = paginatedData();\n    if (items.length === 0 && !children) {\n      return (\n        <div className={`${prefixCls}__empty`}>\n          {locale?.emptyText ?? 'No Data'}\n        </div>\n      );\n    }\n    if (renderItem) {\n      const rendered = items.map((item, index) => renderItem(item, index));\n      if (grid) {\n        return (\n          <div\n            className={`${prefixCls}__grid`}\n            style={{\n              display: 'grid',\n              gridTemplateColumns: `repeat(${grid.column || 3}, 1fr)`,\n              gap: grid.gutter ? `${grid.gutter}px` : undefined,\n            }}\n          >\n            {rendered}\n          </div>\n        );\n      }\n      return rendered;\n    }\n    return children;\n  };\n\n  const showPagination = pagination && !isVirtual;\n  const paginationConfig = pagination && typeof pagination === 'object' ? pagination : undefined;\n  const totalItems = paginationConfig?.total ?? dataSource.length;\n  const activePage = paginationConfig?.current ?? currentPage;\n\n  const bodyCls = classNames(`${prefixCls}__body`, {\n    [`${prefixCls}__body_virtual`]: isVirtual,\n  });\n\n  const bodyStyle: React.CSSProperties | undefined = isVirtual\n    ? { height, overflowY: 'auto' }\n    : undefined;\n\n  return (\n    <div {...otherProps} ref={ref} className={cls} style={style}>\n      {header && <div className={`${prefixCls}__header`}>{header}</div>}\n      <div className={bodyCls} style={bodyStyle} onScroll={isVirtual ? onScroll : undefined}>\n        {loading ? (\n          <div className={`${prefixCls}__loading`}>Loading...</div>\n        ) : (\n          renderItems()\n        )}\n      </div>\n      {footer && <div className={`${prefixCls}__footer`}>{footer}</div>}\n      {showPagination && (\n        <Pagination\n          current={activePage}\n          total={totalItems}\n          pageSize={pageSize}\n          align={paginationConfig?.align ?? 'right'}\n          size={paginationConfig?.size}\n          disabled={paginationConfig?.disabled}\n          onChange={(page) => handlePageChange(page)}\n          style={{ padding: 16 }}\n        />\n      )}\n    </div>\n  );\n});\n\nList.displayName = 'List';\nexport default List;\n"],"mappings":"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"}

package/es/list/style/_index.scss

@@ -0,0 +1,141 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-list {
+  color: var(--ty-color-text, #{$gray-800});
+  font-size: $font-size-base;
+
+  &_bordered {
+    border: 1px solid var(--ty-list-border, #{$gray-300});
+    border-radius: $border-radius;
+  }
+
+  &_sm {
+    .#{$prefix}-list-item {
+      padding: 8px 16px;
+    }
+  }
+
+  &_md {
+    .#{$prefix}-list-item {
+      padding: 12px 16px;
+    }
+  }
+
+  &_lg {
+    .#{$prefix}-list-item {
+      padding: 16px 24px;
+    }
+  }
+
+  &__header,
+  &__footer {
+    padding: 12px 16px;
+  }
+
+  &_bordered &__header {
+    border-bottom: 1px solid var(--ty-list-border, #{$gray-300});
+  }
+
+  &_bordered &__footer {
+    border-top: 1px solid var(--ty-list-border, #{$gray-300});
+  }
+
+  &__body_virtual {
+    overflow-y: auto;
+    will-change: transform;
+
+    .#{$prefix}-list-item:last-child {
+      border-bottom: 1px solid var(--ty-list-border, #{$gray-200});
+    }
+  }
+
+  &__empty {
+    padding: 24px;
+    text-align: center;
+    color: var(--ty-color-text-secondary, #{$gray-500});
+  }
+
+  &__loading {
+    padding: 24px;
+    text-align: center;
+    color: var(--ty-color-text-secondary, #{$gray-500});
+  }
+
+}
+
+.#{$prefix}-list-item {
+  display: flex;
+  align-items: flex-start;
+
+  .#{$prefix}-list_split & {
+    border-bottom: 1px solid var(--ty-list-border, #{$gray-200});
+
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+
+  &__main {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    min-width: 0;
+  }
+
+  &__content {
+    flex: 1;
+    min-width: 0;
+  }
+
+  &__actions {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    margin-left: 24px;
+    flex-shrink: 0;
+  }
+
+  &__action {
+    color: var(--ty-color-text-secondary, #{$gray-600});
+    cursor: pointer;
+
+    &:hover {
+      color: var(--ty-color-primary, #{$primary-color});
+    }
+  }
+
+  &__extra {
+    margin-left: 24px;
+    flex-shrink: 0;
+  }
+}
+
+.#{$prefix}-list-item-meta {
+  display: flex;
+  align-items: flex-start;
+  flex: 1;
+
+  &__avatar {
+    margin-right: 12px;
+    flex-shrink: 0;
+  }
+
+  &__content {
+    flex: 1;
+    min-width: 0;
+  }
+
+  &__title {
+    font-weight: 500;
+    color: var(--ty-color-text, #{$gray-900});
+    margin-bottom: 4px;
+  }
+
+  &__description {
+    color: var(--ty-color-text-secondary, #{$gray-600});
+    font-size: $font-size-sm;
+  }
+}

package/es/list/style/index.css

@@ -0,0 +1,108 @@
+.ty-list {
+  color: var(--ty-color-text, #32325d);
+  font-size: 1rem;
+}
+.ty-list_bordered {
+  border: 1px solid var(--ty-list-border, #dee2e6);
+  border-radius: 2px;
+}
+.ty-list_sm .ty-list-item {
+  padding: 8px 16px;
+}
+.ty-list_md .ty-list-item {
+  padding: 12px 16px;
+}
+.ty-list_lg .ty-list-item {
+  padding: 16px 24px;
+}
+.ty-list__header, .ty-list__footer {
+  padding: 12px 16px;
+}
+.ty-list_bordered .ty-list__header {
+  border-bottom: 1px solid var(--ty-list-border, #dee2e6);
+}
+.ty-list_bordered .ty-list__footer {
+  border-top: 1px solid var(--ty-list-border, #dee2e6);
+}
+.ty-list__body_virtual {
+  overflow-y: auto;
+  will-change: transform;
+}
+.ty-list__body_virtual .ty-list-item:last-child {
+  border-bottom: 1px solid var(--ty-list-border, #e9ecef);
+}
+.ty-list__empty {
+  padding: 24px;
+  text-align: center;
+  color: var(--ty-color-text-secondary, #adb5bd);
+}
+.ty-list__loading {
+  padding: 24px;
+  text-align: center;
+  color: var(--ty-color-text-secondary, #adb5bd);
+}
+
+.ty-list-item {
+  display: flex;
+  align-items: flex-start;
+}
+.ty-list_split .ty-list-item {
+  border-bottom: 1px solid var(--ty-list-border, #e9ecef);
+}
+.ty-list_split .ty-list-item:last-child {
+  border-bottom: none;
+}
+.ty-list-item__main {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  min-width: 0;
+}
+.ty-list-item__content {
+  flex: 1;
+  min-width: 0;
+}
+.ty-list-item__actions {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  margin-left: 24px;
+  flex-shrink: 0;
+}
+.ty-list-item__action {
+  color: var(--ty-color-text-secondary, #8898aa);
+  cursor: pointer;
+}
+.ty-list-item__action:hover {
+  color: var(--ty-color-primary, #6e41bf);
+}
+.ty-list-item__extra {
+  margin-left: 24px;
+  flex-shrink: 0;
+}
+
+.ty-list-item-meta {
+  display: flex;
+  align-items: flex-start;
+  flex: 1;
+}
+.ty-list-item-meta__avatar {
+  margin-right: 12px;
+  flex-shrink: 0;
+}
+.ty-list-item-meta__content {
+  flex: 1;
+  min-width: 0;
+}
+.ty-list-item-meta__title {
+  font-weight: 500;
+  color: var(--ty-color-text, #212529);
+  margin-bottom: 4px;
+}
+.ty-list-item-meta__description {
+  color: var(--ty-color-text-secondary, #8898aa);
+  font-size: 0.875rem;
+}

package/es/list/style/index.d.ts

@@ -1 +1 @@
-import './index.scss';
+export { };

package/es/list/style/index.js

@@ -1,2 +1 @@
-import './index.scss';
-//# sourceMappingURL=index.js.map
+import "./index.css";

package/es/list/types.d.ts

@@ -1,42 +1,47 @@
-import React from 'react';
-import { BaseProps, SizeType } from '../_utils/props';
-import { PaginationProps } from '../pagination/types';
-export interface ListProps<T = any> extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['div']>, 'children'> {
-    dataSource?: T[];
-    renderItem?: (item: T, index: number) => React.ReactNode;
-    header?: React.ReactNode;
-    footer?: React.ReactNode;
-    loading?: boolean;
-    bordered?: boolean;
-    split?: boolean;
-    size?: SizeType;
-    grid?: ListGridType;
-    locale?: {
-        emptyText?: React.ReactNode;
-    };
-    virtual?: boolean;
-    height?: number;
-    itemHeight?: number;
-    pagination?: false | ListPaginationProps;
-    children?: React.ReactNode;
+import { BaseProps, SizeType } from "../_utils/props.js";
+import { PaginationProps } from "../pagination/types.js";
+import React from "react";
+
+//#region components/list/types.d.ts
+interface ListProps<T = any> extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['div']>, 'children'> {
+  dataSource?: T[];
+  renderItem?: (item: T, index: number) => React.ReactNode;
+  header?: React.ReactNode;
+  footer?: React.ReactNode;
+  loading?: boolean;
+  bordered?: boolean;
+  split?: boolean;
+  size?: SizeType;
+  grid?: ListGridType;
+  locale?: {
+    emptyText?: React.ReactNode;
+  };
+  virtual?: boolean;
+  height?: number;
+  itemHeight?: number;
+  pagination?: false | ListPaginationProps;
+  children?: React.ReactNode;
 }
-export interface ListGridType {
-    gutter?: number;
-    column?: number;
+interface ListGridType {
+  gutter?: number;
+  column?: number;
 }
-export interface ListPaginationProps extends Pick<PaginationProps, 'size' | 'align' | 'disabled'> {
-    current?: number;
-    pageSize?: number;
-    total?: number;
-    onChange?: (page: number, pageSize: number) => void;
+interface ListPaginationProps extends Pick<PaginationProps, 'size' | 'align' | 'disabled'> {
+  current?: number;
+  pageSize?: number;
+  total?: number;
+  onChange?: (page: number, pageSize: number) => void;
 }
-export interface ListItemProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
-    extra?: React.ReactNode;
-    actions?: React.ReactNode[];
-    children?: React.ReactNode;
+interface ListItemProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
+  extra?: React.ReactNode;
+  actions?: React.ReactNode[];
+  children?: React.ReactNode;
 }
-export interface ListItemMetaProps extends BaseProps {
-    avatar?: React.ReactNode;
-    title?: React.ReactNode;
-    description?: React.ReactNode;
+interface ListItemMetaProps extends BaseProps {
+  avatar?: React.ReactNode;
+  title?: React.ReactNode;
+  description?: React.ReactNode;
 }
+//#endregion
+export { ListItemMetaProps, ListItemProps, ListProps };
+//# sourceMappingURL=types.d.ts.map

package/es/loader/index.d.ts

@@ -1,2 +1 @@
-import Loader from './loader';
-export default Loader;
+import { Loader } from "./loader.js";

package/es/loader/index.js

@@ -1,3 +1,9 @@
-import Loader from './loader';
-export default Loader;
+import '../style/base.css';
+import './style/index.css';
+import Loader from "./loader.js";
+//#region components/loader/index.tsx
+var loader_default = Loader;
+//#endregion
+export { loader_default as default };
+
 //# sourceMappingURL=index.js.map

package/es/loader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/loader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../components/loader/index.tsx"],"sourcesContent":["import Loader from './loader';\n\nexport default Loader;\n"],"mappings":";;AAEA,IAAA,iBAAe"}