@aloudata/aloudata-design 2.19.5 → 3.0.0-beta.2

package/dist/List/Item.js

@@ -1,76 +1,59 @@
-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);
+import { cn } from "../lib/utils.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/List/Item.tsx
+var Meta = ({ className, avatar, title, description, ...others }) => {
+	const prefixCls = "ald-list";
+	const classString = cn(`${prefixCls}-item-meta`, className);
+	const content = /* @__PURE__ */ jsxs("div", {
+		className: `${prefixCls}-item-meta-content`,
+		children: [title && /* @__PURE__ */ jsx("div", {
+			className: cn(`${prefixCls}-item-meta-content-title`, { [`${prefixCls}-item-meta-content-title-no-description`]: !description }),
+			title: typeof title === "string" ? title : "",
+			children: title
+		}), description && /* @__PURE__ */ jsx("div", {
+			className: `${prefixCls}-item-meta-content-description`,
+			title: typeof description === "string" ? description : "",
+			children: description
+		})]
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		...others,
+		className: classString,
+		children: [avatar && /* @__PURE__ */ jsx("div", {
+			className: `${prefixCls}-item-meta-avatar`,
+			children: 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 = React.forwardRef((props, ref) => {
+	const { children, actions, styles, className, prefix, classNames: customizeClassNames, ...others } = props;
+	const moduleClass = (moduleName) => cn(customizeClassNames?.[moduleName]);
+	const moduleStyle = (moduleName) => ({ ...styles?.[moduleName] });
+	const prefixCls = "ald-list";
+	const actionsContent = actions && actions.length > 0 && /* @__PURE__ */ jsx("div", {
+		className: cn(`${prefixCls}-item-action`, moduleClass("actions")),
+		style: moduleStyle("actions"),
+		children: actions.map((action, i) => /* @__PURE__ */ jsxs("div", { children: [action, i !== actions.length - 1 && /* @__PURE__ */ jsx("em", { className: `${prefixCls}-item-action-split` })] }, `${prefixCls}-item-action-${i}`))
+	}, "actions");
+	const prefixContent = prefix && /* @__PURE__ */ jsx("div", {
+		className: cn(`${prefixCls}-item-prefix`, moduleClass("prefix")),
+		style: moduleStyle("prefix"),
+		children: prefix
+	}, "prefix");
+	return /* @__PURE__ */ jsx("div", {
+		...others,
+		ref,
+		className: cn(`${prefixCls}-item`, className),
+		children: [
+			prefixContent,
+			children,
+			actionsContent
+		]
+	});
 });
-var Item = InternalItem;
 Item.Meta = Meta;
-export default Item;
+//#endregion
+export { Item as default };
+
+//# sourceMappingURL=Item.js.map

package/dist/List/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","names":[],"sources":["../../src/List/Item.tsx"],"sourcesContent":["import { cn } from '../lib/utils';\nimport React, { CSSProperties, FC, HTMLAttributes, ReactNode } from 'react';\n\nexport interface ListItemProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'prefix'> {\n  className?: string;\n  classNames?: {\n    actions?: string;\n    prefix?: string;\n  };\n  children?: ReactNode;\n  style?: CSSProperties;\n  styles?: {\n    actions?: CSSProperties;\n    prefix?: CSSProperties;\n  };\n  actions?: ReactNode[];\n  prefix?: ReactNode;\n}\n\nexport interface ListItemMetaProps {\n  avatar?: ReactNode;\n  className?: string;\n  children?: ReactNode;\n  description?: ReactNode;\n  style?: CSSProperties;\n  title?: ReactNode;\n}\n\ntype ListItemClassNamesModule = keyof Exclude<\n  ListItemProps['classNames'],\n  undefined\n>;\ntype ListItemStylesModule = keyof Exclude<ListItemProps['styles'], undefined>;\n\nexport const Meta: FC<ListItemMetaProps> = ({\n  className,\n  avatar,\n  title,\n  description,\n  ...others\n}) => {\n  const prefixCls = 'ald-list';\n  const classString = cn(`${prefixCls}-item-meta`, className);\n\n  const content = (\n    <div className={`${prefixCls}-item-meta-content`}>\n      {title && (\n        <div\n          className={cn(`${prefixCls}-item-meta-content-title`, {\n            [`${prefixCls}-item-meta-content-title-no-description`]:\n              !description,\n          })}\n          title={typeof title === 'string' ? title : ''}\n        >\n          {title}\n        </div>\n      )}\n      {description && (\n        <div\n          className={`${prefixCls}-item-meta-content-description`}\n          title={typeof description === 'string' ? description : ''}\n        >\n          {description}\n        </div>\n      )}\n    </div>\n  );\n  return (\n    <div {...others} className={classString}>\n      {avatar && (\n        <div className={`${prefixCls}-item-meta-avatar`}>{avatar}</div>\n      )}\n      {(title || description) && content}\n    </div>\n  );\n};\n\nconst InternalItem = React.forwardRef<HTMLDivElement, ListItemProps>(\n  (props, ref) => {\n    const {\n      children,\n      actions,\n      styles,\n      className,\n      prefix,\n      classNames: customizeClassNames,\n      ...others\n    } = props;\n\n    const moduleClass = (moduleName: ListItemClassNamesModule) =>\n      cn(customizeClassNames?.[moduleName]);\n\n    const moduleStyle = (\n      moduleName: ListItemStylesModule,\n    ): React.CSSProperties => ({\n      ...styles?.[moduleName],\n    });\n\n    const prefixCls = 'ald-list';\n    const actionsContent = actions && actions.length > 0 && (\n      <div\n        className={cn(`${prefixCls}-item-action`, moduleClass('actions'))}\n        key=\"actions\"\n        style={moduleStyle('actions')}\n      >\n        {actions.map((action: ReactNode, i: number) => (\n          <div key={`${prefixCls}-item-action-${i}`}>\n            {action}\n            {i !== actions.length - 1 && (\n              <em className={`${prefixCls}-item-action-split`} />\n            )}\n          </div>\n        ))}\n      </div>\n    );\n    const prefixContent = prefix && (\n      <div\n        className={cn(`${prefixCls}-item-prefix`, moduleClass('prefix'))}\n        style={moduleStyle('prefix')}\n        key=\"prefix\"\n      >\n        {prefix}\n      </div>\n    );\n    const itemChildren = (\n      <div\n        {...(others as any)}\n        {...{ ref }}\n        className={cn(`${prefixCls}-item`, className)}\n      >\n        {[prefixContent, children, actionsContent]}\n      </div>\n    );\n    return itemChildren;\n  },\n);\n\nexport type ListItemTypeProps = typeof InternalItem & {\n  Meta: typeof Meta;\n};\n\nconst Item = InternalItem as ListItemTypeProps;\n\nItem.Meta = Meta;\n\nexport default Item;\n"],"mappings":";;;;AAmCA,IAAa,QAA+B,EAC1C,WACA,QACA,OACA,aACA,GAAG,aACC;CACJ,MAAM,YAAY;CAClB,MAAM,cAAc,GAAG,GAAG,UAAU,aAAa,UAAU;CAE3D,MAAM,UACJ,qBAAC,OAAD;EAAK,WAAW,GAAG,UAAU;YAA7B,CACG,SACC,oBAAC,OAAD;GACE,WAAW,GAAG,GAAG,UAAU,2BAA2B,GACnD,GAAG,UAAU,2CACZ,CAAC,aACJ,CAAC;GACF,OAAO,OAAO,UAAU,WAAW,QAAQ;aAE1C;GACG,CAAA,EAEP,eACC,oBAAC,OAAD;GACE,WAAW,GAAG,UAAU;GACxB,OAAO,OAAO,gBAAgB,WAAW,cAAc;aAEtD;GACG,CAAA,CAEJ;;AAER,QACE,qBAAC,OAAD;EAAK,GAAI;EAAQ,WAAW;YAA5B,CACG,UACC,oBAAC,OAAD;GAAK,WAAW,GAAG,UAAU;aAAqB;GAAa,CAAA,GAE/D,SAAS,gBAAgB,QACvB;;;AAoEV,IAAM,OAhEe,MAAM,YACxB,OAAO,QAAQ;CACd,MAAM,EACJ,UACA,SACA,QACA,WACA,QACA,YAAY,qBACZ,GAAG,WACD;CAEJ,MAAM,eAAe,eACnB,GAAG,sBAAsB,YAAY;CAEvC,MAAM,eACJ,gBACyB,EACzB,GAAG,SAAS,aACb;CAED,MAAM,YAAY;CAClB,MAAM,iBAAiB,WAAW,QAAQ,SAAS,KACjD,oBAAC,OAAD;EACE,WAAW,GAAG,GAAG,UAAU,eAAe,YAAY,UAAU,CAAC;EAEjE,OAAO,YAAY,UAAU;YAE5B,QAAQ,KAAK,QAAmB,MAC/B,qBAAC,OAAD,EAAA,UAAA,CACG,QACA,MAAM,QAAQ,SAAS,KACtB,oBAAC,MAAD,EAAI,WAAW,GAAG,UAAU,qBAAuB,CAAA,CAEjD,EAAA,EALI,GAAG,UAAU,eAAe,IAKhC,CACN;EACE,EAXA,UAWA;CAER,MAAM,gBAAgB,UACpB,oBAAC,OAAD;EACE,WAAW,GAAG,GAAG,UAAU,eAAe,YAAY,SAAS,CAAC;EAChE,OAAO,YAAY,SAAS;YAG3B;EACG,EAHA,SAGA;AAWR,QARE,oBAAC,OAAD;EACE,GAAK;EACC;EACN,WAAW,GAAG,GAAG,UAAU,QAAQ,UAAU;YAE5C;GAAC;GAAe;GAAU;GAAe;EACtC,CAAA;EAIX;AAQD,KAAK,OAAO"}

package/dist/List/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-declare function List<T>(props: ListProps<T>): React.JSX.Element;
+import { default as React } from 'react';
+declare function List<T>(props: ListProps<T>): import("react/jsx-runtime").JSX.Element;
 declare namespace List {
     var Item: import("./Item").ListItemTypeProps;
 }

package/dist/List/index.js

@@ -1,132 +1,96 @@
-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";
+import { cn } from "../lib/utils.js";
+import ScrollArea_default from "../ScrollArea/index.js";
+import CustomSpin from "../Spin/index.js";
+/* empty css     */
+import Item from "./Item.js";
+import React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useVirtualizer } from "@tanstack/react-virtual";
+//#region src/List/index.tsx
 function List(props) {
-  var _props$dataSource = props.dataSource,
-    dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
-    renderItem = props.renderItem,
-    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-".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)));
+	const { dataSource = [], renderItem, size: customizeSize, rowKey, children, className, dividerGap = 0, loading = false, virtual, itemHeight = 50 } = props;
+	const parentRef = React.useRef(null);
+	const measureElement = (element) => {
+		return element.offsetHeight;
+	};
+	const rowVirtualizer = useVirtualizer({
+		count: dividerGap === 0 ? dataSource.length : dataSource.length * 2 - 1,
+		getScrollElement: () => parentRef.current,
+		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,
+		gap: dividerGap
+	});
+	function getKey(currentItem, currentIndex) {
+		let key;
+		if (typeof rowKey === "function") key = rowKey(currentItem);
+		else if (rowKey) key = currentItem[rowKey];
+		else key = currentItem.key;
+		if (!key) key = `list-item-${currentIndex}`;
+		return key;
+	}
+	const size = customizeSize || "default";
+	const customizeClassNames = cn("ald-list", { [`ald-list-${size}`]: size }, className);
+	if (virtual) {
+		const renderInnerItem = (index) => {
+			if (!renderItem) return null;
+			if (dividerGap === 0) {
+				const item = dataSource[index];
+				return /* @__PURE__ */ jsx(React.Fragment, { children: renderItem(item, index) }, getKey(item, index));
+			} else if (index % 2 === 1) return /* @__PURE__ */ jsx("div", { className: "ald-list-divider" }, `divider-${index}`);
+			else {
+				const itemIndex = Math.floor(index / 2);
+				const item = dataSource[itemIndex];
+				return /* @__PURE__ */ jsx(React.Fragment, { children: renderItem(item, itemIndex) }, getKey(item, itemIndex));
+			}
+		};
+		return /* @__PURE__ */ jsx(ScrollArea_default, {
+			ref: parentRef,
+			asChild: true,
+			className: "ald-list-virtual",
+			innerClassName: customizeClassNames,
+			children: /* @__PURE__ */ jsx(CustomSpin, {
+				spinning: loading,
+				wrapperClassName: "ald-list-item-wrap",
+				style: {
+					rowGap: dividerGap,
+					height: `${rowVirtualizer.getTotalSize()}px`
+				},
+				children: /* @__PURE__ */ jsxs(Fragment, { children: [rowVirtualizer.getVirtualItems().map((virtualItem) => {
+					const index = virtualItem.index;
+					return /* @__PURE__ */ jsx("div", {
+						style: {
+							position: "absolute",
+							top: 0,
+							left: 0,
+							width: "100%",
+							height: `${virtualItem.size}px`,
+							transform: `translateY(${virtualItem.start}px)`
+						},
+						children: renderInnerItem(index)
+					}, virtualItem.key);
+				}), children] })
+			})
+		});
+	}
+	return /* @__PURE__ */ jsx("div", {
+		ref: parentRef,
+		className: customizeClassNames,
+		children: /* @__PURE__ */ jsx(CustomSpin, {
+			spinning: loading,
+			wrapperClassName: "ald-list-item-wrap",
+			style: { rowGap: dividerGap },
+			children: /* @__PURE__ */ jsxs(Fragment, { children: [dataSource.map((item, index) => {
+				return /* @__PURE__ */ jsxs(React.Fragment, { children: [renderItem ? renderItem(item, index) : null, index !== dataSource.length - 1 && dividerGap > 0 && /* @__PURE__ */ jsx("div", { className: "ald-list-divider" })] }, getKey(item, index));
+			}), children] })
+		})
+	});
 }
 List.Item = Item;
-export default List;
+//#endregion
+export { List as default };
+
+//# sourceMappingURL=index.js.map

package/dist/List/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/List/index.tsx"],"sourcesContent":["import './list.css';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { cn } from '../lib/utils';\nimport React from 'react';\nimport ScrollArea from '../ScrollArea';\nimport Spin from '../Spin';\nimport Item from './Item';\n\nfunction List<T>(props: ListProps<T>) {\n  const {\n    dataSource = [],\n    renderItem,\n    size: customizeSize,\n    rowKey,\n    children,\n    className,\n    dividerGap = 0,\n    loading = false,\n    virtual,\n    itemHeight = 50,\n  } = props;\n\n  const parentRef = React.useRef<HTMLDivElement>(null);\n  const measureElement = (element: HTMLDivElement) => {\n    return element.offsetHeight;\n  };\n  const rowVirtualizer = useVirtualizer({\n    count: dividerGap === 0 ? dataSource.length : dataSource.length * 2 - 1,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (index: number) => {\n      if (dividerGap === 0) {\n        return typeof itemHeight === 'function'\n          ? itemHeight(dataSource[index])\n          : itemHeight;\n      }\n      if (index % 2 === 0) {\n        return typeof itemHeight === 'function'\n          ? itemHeight(dataSource[Math.floor(index / 2)])\n          : itemHeight;\n      }\n      return 1;\n    },\n    measureElement,\n    gap: dividerGap,\n  });\n\n  function getKey(currentItem: T, currentIndex: number) {\n    let key;\n    if (typeof rowKey === 'function') {\n      key = rowKey(currentItem);\n    } else if (rowKey) {\n      key = currentItem[rowKey];\n    } else {\n      key = (currentItem as any).key;\n    }\n\n    if (!key) {\n      key = `list-item-${currentIndex}`;\n    }\n    return key;\n  }\n\n  const size = customizeSize || 'default';\n  const customizeClassNames = cn(\n    'ald-list',\n    {\n      [`ald-list-${size}`]: size,\n    },\n    className,\n  );\n\n  if (virtual) {\n    const renderInnerItem = (index: number) => {\n      if (!renderItem) return null;\n      if (dividerGap === 0) {\n        const item = dataSource[index];\n        return (\n          <React.Fragment key={getKey(item, index)}>\n            {renderItem(item, index)}\n          </React.Fragment>\n        );\n      } else {\n        const isDivider = index % 2 === 1;\n        if (isDivider) {\n          return <div className=\"ald-list-divider\" key={`divider-${index}`} />;\n        } else {\n          const itemIndex = Math.floor(index / 2);\n          const item = dataSource[itemIndex];\n          return (\n            <React.Fragment key={getKey(item, itemIndex)}>\n              {renderItem(item, itemIndex)}\n            </React.Fragment>\n          );\n        }\n      }\n    };\n    return (\n      <ScrollArea\n        ref={parentRef}\n        asChild\n        className=\"ald-list-virtual\"\n        innerClassName={customizeClassNames}\n      >\n        <Spin\n          spinning={loading}\n          wrapperClassName=\"ald-list-item-wrap\"\n          style={{\n            rowGap: dividerGap,\n            height: `${rowVirtualizer.getTotalSize()}px`,\n          }}\n        >\n          <>\n            {rowVirtualizer.getVirtualItems().map((virtualItem) => {\n              const index = virtualItem.index;\n              return (\n                <div\n                  key={virtualItem.key}\n                  style={{\n                    position: 'absolute',\n                    top: 0,\n                    left: 0,\n                    width: '100%',\n                    height: `${virtualItem.size}px`,\n                    transform: `translateY(${virtualItem.start}px)`,\n                  }}\n                >\n                  {renderInnerItem(index)}\n                </div>\n              );\n            })}\n            {children}\n          </>\n        </Spin>\n      </ScrollArea>\n    );\n  }\n\n  return (\n    <div ref={parentRef} className={customizeClassNames}>\n      <Spin\n        spinning={loading}\n        wrapperClassName=\"ald-list-item-wrap\"\n        style={{\n          rowGap: dividerGap,\n        }}\n      >\n        <>\n          {dataSource.map((item, index) => {\n            return (\n              <React.Fragment key={getKey(item, index)}>\n                {renderItem ? renderItem(item, index) : null}\n                {index !== dataSource.length - 1 && dividerGap > 0 && (\n                  <div className=\"ald-list-divider\" />\n                )}\n              </React.Fragment>\n            );\n          })}\n          {children}\n        </>\n      </Spin>\n    </div>\n  );\n}\nList.Item = Item;\nexport default List;\n\nexport interface ListProps<T> {\n  size?: 'default' | 'small';\n  rowKey?: ((item: T) => React.Key) | keyof T;\n  renderItem?: (item: T, index: number) => React.ReactNode;\n  className?: string;\n  dataSource?: T[];\n  children?: React.ReactNode;\n  loading?: boolean;\n  dividerGap?: number;\n  virtual?: boolean;\n  itemHeight?: number | ((item: T) => number);\n}\n"],"mappings":";;;;;;;;;AAQA,SAAS,KAAQ,OAAqB;CACpC,MAAM,EACJ,aAAa,EAAE,EACf,YACA,MAAM,eACN,QACA,UACA,WACA,aAAa,GACb,UAAU,OACV,SACA,aAAa,OACX;CAEJ,MAAM,YAAY,MAAM,OAAuB,KAAK;CACpD,MAAM,kBAAkB,YAA4B;AAClD,SAAO,QAAQ;;CAEjB,MAAM,iBAAiB,eAAe;EACpC,OAAO,eAAe,IAAI,WAAW,SAAS,WAAW,SAAS,IAAI;EACtE,wBAAwB,UAAU;EAClC,eAAe,UAAkB;AAC/B,OAAI,eAAe,EACjB,QAAO,OAAO,eAAe,aACzB,WAAW,WAAW,OAAO,GAC7B;AAEN,OAAI,QAAQ,MAAM,EAChB,QAAO,OAAO,eAAe,aACzB,WAAW,WAAW,KAAK,MAAM,QAAQ,EAAE,EAAE,GAC7C;AAEN,UAAO;;EAET;EACA,KAAK;EACN,CAAC;CAEF,SAAS,OAAO,aAAgB,cAAsB;EACpD,IAAI;AACJ,MAAI,OAAO,WAAW,WACpB,OAAM,OAAO,YAAY;WAChB,OACT,OAAM,YAAY;MAElB,OAAO,YAAoB;AAG7B,MAAI,CAAC,IACH,OAAM,aAAa;AAErB,SAAO;;CAGT,MAAM,OAAO,iBAAiB;CAC9B,MAAM,sBAAsB,GAC1B,YACA,GACG,YAAY,SAAS,MACvB,EACD,UACD;AAED,KAAI,SAAS;EACX,MAAM,mBAAmB,UAAkB;AACzC,OAAI,CAAC,WAAY,QAAO;AACxB,OAAI,eAAe,GAAG;IACpB,MAAM,OAAO,WAAW;AACxB,WACE,oBAAC,MAAM,UAAP,EAAA,UACG,WAAW,MAAM,MAAM,EACT,EAFI,OAAO,MAAM,MAAM,CAEvB;cAGD,QAAQ,MAAM,EAE9B,QAAO,oBAAC,OAAD,EAAK,WAAU,oBAA8C,EAAtB,WAAW,QAAW;QAC/D;IACL,MAAM,YAAY,KAAK,MAAM,QAAQ,EAAE;IACvC,MAAM,OAAO,WAAW;AACxB,WACE,oBAAC,MAAM,UAAP,EAAA,UACG,WAAW,MAAM,UAAU,EACb,EAFI,OAAO,MAAM,UAAU,CAE3B;;;AAKzB,SACE,oBAAC,oBAAD;GACE,KAAK;GACL,SAAA;GACA,WAAU;GACV,gBAAgB;aAEhB,oBAAC,YAAD;IACE,UAAU;IACV,kBAAiB;IACjB,OAAO;KACL,QAAQ;KACR,QAAQ,GAAG,eAAe,cAAc,CAAC;KAC1C;cAED,qBAAA,UAAA,EAAA,UAAA,CACG,eAAe,iBAAiB,CAAC,KAAK,gBAAgB;KACrD,MAAM,QAAQ,YAAY;AAC1B,YACE,oBAAC,OAAD;MAEE,OAAO;OACL,UAAU;OACV,KAAK;OACL,MAAM;OACN,OAAO;OACP,QAAQ,GAAG,YAAY,KAAK;OAC5B,WAAW,cAAc,YAAY,MAAM;OAC5C;gBAEA,gBAAgB,MAAM;MACnB,EAXC,YAAY,IAWb;MAER,EACD,SACA,EAAA,CAAA;IACE,CAAA;GACI,CAAA;;AAIjB,QACE,oBAAC,OAAD;EAAK,KAAK;EAAW,WAAW;YAC9B,oBAAC,YAAD;GACE,UAAU;GACV,kBAAiB;GACjB,OAAO,EACL,QAAQ,YACT;aAED,qBAAA,UAAA,EAAA,UAAA,CACG,WAAW,KAAK,MAAM,UAAU;AAC/B,WACE,qBAAC,MAAM,UAAP,EAAA,UAAA,CACG,aAAa,WAAW,MAAM,MAAM,GAAG,MACvC,UAAU,WAAW,SAAS,KAAK,aAAa,KAC/C,oBAAC,OAAD,EAAK,WAAU,oBAAqB,CAAA,CAEvB,EAAA,EALI,OAAO,MAAM,MAAM,CAKvB;KAEnB,EACD,SACA,EAAA,CAAA;GACE,CAAA;EACH,CAAA;;AAGV,KAAK,OAAO"}

package/dist/LogicTree/DisplayLogicTree.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-import { TNode } from './type';
+import { default as React } from 'react';
+import { TNode } from './type.js';
 interface IProps<T> {
     value?: TNode<T>;
     renderCondition: (data: T) => React.ReactNode;
     backgroundColor?: string;
 }
-export default function DisplayLogicTree<T>({ value, renderCondition, backgroundColor, }: IProps<T>): React.JSX.Element | null;
+export default function DisplayLogicTree<T>({ value, renderCondition, backgroundColor, }: IProps<T>): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/LogicTree/DisplayLogicTree.js

@@ -1,14 +1,16 @@
-import React from 'react';
-import { DisplayLogicItem } from "./components/DisplayLogicItem";
-export default function DisplayLogicTree(_ref) {
-  var value = _ref.value,
-    renderCondition = _ref.renderCondition,
-    backgroundColor = _ref.backgroundColor;
-  if (!value) return null;
-  return /*#__PURE__*/React.createElement(DisplayLogicItem, {
-    key: value.id,
-    value: value,
-    renderCondition: renderCondition,
-    backgroundColor: backgroundColor
-  });
-}
+import { DisplayLogicItem } from "./components/DisplayLogicItem/index.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/LogicTree/DisplayLogicTree.tsx
+function DisplayLogicTree({ value, renderCondition, backgroundColor }) {
+	if (!value) return null;
+	return /* @__PURE__ */ jsx(DisplayLogicItem, {
+		value,
+		renderCondition,
+		backgroundColor
+	}, value.id);
+}
+//#endregion
+export { DisplayLogicTree as default };
+
+//# sourceMappingURL=DisplayLogicTree.js.map

package/dist/LogicTree/DisplayLogicTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisplayLogicTree.js","names":[],"sources":["../../src/LogicTree/DisplayLogicTree.tsx"],"sourcesContent":["import React from 'react';\nimport { DisplayLogicItem } from './components/DisplayLogicItem';\nimport { TNode } from './type';\n\ninterface IProps<T> {\n  value?: TNode<T>;\n  renderCondition: (data: T) => React.ReactNode;\n  backgroundColor?: string;\n}\nexport default function DisplayLogicTree<T>({\n  value,\n  renderCondition,\n  backgroundColor,\n}: IProps<T>) {\n  if (!value) return null;\n  return (\n    <DisplayLogicItem\n      key={value.id}\n      value={value}\n      renderCondition={renderCondition}\n      backgroundColor={backgroundColor}\n    />\n  );\n}\n"],"mappings":";;;;AASA,SAAwB,iBAAoB,EAC1C,OACA,iBACA,mBACY;AACZ,KAAI,CAAC,MAAO,QAAO;AACnB,QACE,oBAAC,kBAAD;EAES;EACU;EACA;EACjB,EAJK,MAAM,GAIX"}

package/dist/LogicTree/components/DisplayLogicItem/index.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import { default as React } from 'react';
 import { TNode } from '../../type';
 interface IProps<T> {
     value: TNode<T>;
     renderCondition: (value: T) => React.ReactNode;
     backgroundColor?: string;
 }
-export declare function DisplayLogicItem<T>({ value, renderCondition, backgroundColor, }: IProps<T>): React.JSX.Element | null;
+export declare function DisplayLogicItem<T>({ value, renderCondition, backgroundColor, }: IProps<T>): import("react/jsx-runtime").JSX.Element | null;
 export {};