@tiny-design/react 1.0.4

package/es/list/list.js

@@ -0,0 +1,143 @@
+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 src/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-design: List] `height` is required when `virtual` is enabled.");
+	if (virtual && grid) console.warn("[tiny-design: 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";
+//#endregion
+export { List as default };
+
+//# sourceMappingURL=list.js.map

package/es/list/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","names":["Pagination"],"sources":["../../src/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

@@ -0,0 +1 @@
+export { };

package/es/list/style/index.js

@@ -0,0 +1 @@
+import "./index.css";

package/es/list/types.d.ts

@@ -0,0 +1,47 @@
+import { BaseProps, SizeType } from "../_utils/props.js";
+import { PaginationProps } from "../pagination/types.js";
+import React from "react";
+
+//#region src/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;
+}
+interface ListGridType {
+  gutter?: number;
+  column?: number;
+}
+interface ListPaginationProps extends Pick<PaginationProps, 'size' | 'align' | 'disabled'> {
+  current?: number;
+  pageSize?: number;
+  total?: number;
+  onChange?: (page: number, pageSize: number) => void;
+}
+interface ListItemProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
+  extra?: React.ReactNode;
+  actions?: React.ReactNode[];
+  children?: 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

@@ -0,0 +1 @@
+import { Loader } from "./loader.js";

package/es/loader/index.js

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

package/es/loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/loader/index.tsx"],"sourcesContent":["import Loader from './loader';\n\nexport default Loader;\n"],"mappings":";;AAEA,IAAA,iBAAe"}

package/es/loader/indicator.js

@@ -0,0 +1,19 @@
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/loader/indicator.tsx
+const Indicator = (props) => {
+	const { size, className } = props;
+	return /* @__PURE__ */ jsxs("div", {
+		className: `${className} ${className}_${size}`,
+		children: [
+			/* @__PURE__ */ jsx("span", { className: `${className}-dot` }),
+			/* @__PURE__ */ jsx("span", { className: `${className}-dot` }),
+			/* @__PURE__ */ jsx("span", { className: `${className}-dot` }),
+			/* @__PURE__ */ jsx("span", { className: `${className}-dot` })
+		]
+	});
+};
+//#endregion
+export { Indicator as default };
+
+//# sourceMappingURL=indicator.js.map

package/es/loader/indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicator.js","names":[],"sources":["../../src/loader/indicator.tsx"],"sourcesContent":["import React from 'react';\nimport { SizeType } from '../_utils/props';\n\ntype Props = {\n  className: string;\n  size: SizeType;\n};\n\nconst Indicator = (props: Props): React.ReactElement => {\n  const { size, className } = props;\n  return (\n    <div className={`${className} ${className}_${size}`}>\n      <span className={`${className}-dot`} />\n      <span className={`${className}-dot`} />\n      <span className={`${className}-dot`} />\n      <span className={`${className}-dot`} />\n    </div>\n  );\n};\n\nexport default Indicator;\n"],"mappings":";;;AAQA,MAAM,aAAa,UAAqC;CACtD,MAAM,EAAE,MAAM,cAAc;AAC5B,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG;YAA7C;GACE,oBAAC,QAAD,EAAM,WAAW,GAAG,UAAU,OAAS,CAAA;GACvC,oBAAC,QAAD,EAAM,WAAW,GAAG,UAAU,OAAS,CAAA;GACvC,oBAAC,QAAD,EAAM,WAAW,GAAG,UAAU,OAAS,CAAA;GACvC,oBAAC,QAAD,EAAM,WAAW,GAAG,UAAU,OAAS,CAAA;GACnC"}

package/es/loader/loader.d.ts

@@ -0,0 +1,8 @@
+import { LoaderProps } from "./types.js";
+import React from "react";
+
+//#region src/loader/loader.d.ts
+declare const Loader: React.ForwardRefExoticComponent<LoaderProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Loader };
+//# sourceMappingURL=loader.d.ts.map

package/es/loader/loader.js

@@ -0,0 +1,42 @@
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import Indicator from "./indicator.js";
+import React, { useContext } from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/loader/loader.tsx
+const Loader = React.forwardRef((props, ref) => {
+	const { size = "md", loading = true, vertical = false, blurred = true, indicator, tip, className, children, prefixCls: customisedCls, ...otherProps } = props;
+	const prefixCls = getPrefixCls("loader", useContext(ConfigContext).prefixCls, customisedCls);
+	const cls = classNames(prefixCls, className, `${prefixCls}_${size}`, { [`${prefixCls}_spinning`]: loading });
+	const indicatorCls = classNames(`${prefixCls}__loader-container`, { [`${prefixCls}__loader-container_vertical`]: vertical });
+	const containerCls = classNames(`${prefixCls}__container`, {
+		[`${prefixCls}__container_loading`]: loading,
+		[`${prefixCls}__container_blurred`]: loading && blurred
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		...otherProps,
+		ref,
+		className: cls,
+		role: "status",
+		"aria-busy": loading,
+		children: [loading && /* @__PURE__ */ jsxs("div", {
+			className: indicatorCls,
+			children: [indicator ? indicator : /* @__PURE__ */ jsx(Indicator, {
+				className: `${prefixCls}__indicator`,
+				size
+			}), tip && /* @__PURE__ */ jsx("span", {
+				className: `${prefixCls}__label`,
+				children: tip
+			})]
+		}), children && /* @__PURE__ */ jsx("div", {
+			className: containerCls,
+			children
+		})]
+	});
+});
+Loader.displayName = "Loader";
+//#endregion
+export { Loader as default };
+
+//# sourceMappingURL=loader.js.map

package/es/loader/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.js","names":[],"sources":["../../src/loader/loader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport Indicator from './indicator';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { LoaderProps } from './types';\n\nconst Loader = React.forwardRef<HTMLDivElement, LoaderProps>((props, ref) => {\n  const {\n    size = 'md',\n    loading = true,\n    vertical = false,\n    blurred = true,\n    indicator,\n    tip,\n    className,\n    children,\n    prefixCls: customisedCls,\n    ...otherProps\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('loader', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className, `${prefixCls}_${size}`, {\n    [`${prefixCls}_spinning`]: loading,\n  });\n\n  const indicatorCls = classNames(`${prefixCls}__loader-container`, {\n    [`${prefixCls}__loader-container_vertical`]: vertical,\n  });\n  const containerCls = classNames(`${prefixCls}__container`, {\n    [`${prefixCls}__container_loading`]: loading,\n    [`${prefixCls}__container_blurred`]: loading && blurred,\n  });\n\n  return (\n    <div {...otherProps} ref={ref} className={cls} role=\"status\" aria-busy={loading}>\n      {loading && (\n        <div className={indicatorCls}>\n          {indicator ? indicator : <Indicator className={`${prefixCls}__indicator`} size={size} />}\n          {tip && <span className={`${prefixCls}__label`}>{tip}</span>}\n        </div>\n      )}\n      {children && <div className={containerCls}>{children}</div>}\n    </div>\n  );\n});\n\nLoader.displayName = 'Loader';\n\nexport default Loader;\n"],"mappings":";;;;;;;AAOA,MAAM,SAAS,MAAM,YAAyC,OAAO,QAAQ;CAC3E,MAAM,EACJ,OAAO,MACP,UAAU,MACV,WAAW,OACX,UAAU,MACV,WACA,KACA,WACA,UACA,WAAW,eACX,GAAG,eACD;CAEJ,MAAM,YAAY,aAAa,UADT,WAAW,cAAc,CACQ,WAAW,cAAc;CAChF,MAAM,MAAM,WAAW,WAAW,WAAW,GAAG,UAAU,GAAG,QAAQ,GAClE,GAAG,UAAU,aAAa,SAC5B,CAAC;CAEF,MAAM,eAAe,WAAW,GAAG,UAAU,qBAAqB,GAC/D,GAAG,UAAU,+BAA+B,UAC9C,CAAC;CACF,MAAM,eAAe,WAAW,GAAG,UAAU,cAAc;GACxD,GAAG,UAAU,uBAAuB;GACpC,GAAG,UAAU,uBAAuB,WAAW;EACjD,CAAC;AAEF,QACE,qBAAC,OAAD;EAAK,GAAI;EAAiB;EAAK,WAAW;EAAK,MAAK;EAAS,aAAW;YAAxE,CACG,WACC,qBAAC,OAAD;GAAK,WAAW;aAAhB,CACG,YAAY,YAAY,oBAAC,WAAD;IAAW,WAAW,GAAG,UAAU;IAAoB;IAAQ,CAAA,EACvF,OAAO,oBAAC,QAAD;IAAM,WAAW,GAAG,UAAU;cAAW;IAAW,CAAA,CACxD;MAEP,YAAY,oBAAC,OAAD;GAAK,WAAW;GAAe;GAAe,CAAA,CACvD;;EAER;AAEF,OAAO,cAAc"}