@aloudata/aloudata-design 1.3.1 → 1.4.0

package/dist/Progress/index.js

@@ -1,3 +1,88 @@
-import Progress, { ProgressProps } from 'antd/es/progress';
-export { ProgressProps };
-export default Progress;
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import classNames from 'classnames';
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useState } from 'react';
+var ELoadingState;
+/**
+ * 条状进度条组件
+ */
+
+(function (ELoadingState) {
+  ELoadingState["IDLE"] = "IDLE";
+  ELoadingState["LOADING"] = "LOADING";
+  ELoadingState["LOADED"] = "LOADED";
+})(ELoadingState || (ELoadingState = {}));
+
+export default /*#__PURE__*/forwardRef(function Progress(props, ref) {
+  var _classNames2;
+
+  var loading = props.loading,
+      className = props.className;
+
+  var _useState = useState(ELoadingState.IDLE),
+      _useState2 = _slicedToArray(_useState, 2),
+      loadingState = _useState2[0],
+      setLoadingState = _useState2[1];
+
+  var _useState3 = useState(0),
+      _useState4 = _slicedToArray(_useState3, 2),
+      key = _useState4[0],
+      setKey = _useState4[1];
+
+  useImperativeHandle(ref, function () {
+    return {
+      restart: function restart() {
+        setKey(function (prev) {
+          return prev + 1;
+        });
+      }
+    };
+  });
+  useEffect(function () {
+    if (loadingState !== ELoadingState.IDLE) {
+      if (loadingState === ELoadingState.LOADING && !loading) {
+        // loading 变为 false 时，进度条开始消失
+        setLoadingState(ELoadingState.LOADED);
+      }
+
+      return;
+    } // 防止 loading 快速变化导致的闪烁
+
+
+    var DELAY_TIME = 200;
+    var timer = setTimeout(function () {
+      if (loading) {
+        setLoadingState(ELoadingState.LOADING);
+      }
+    }, DELAY_TIME);
+    return function () {
+      if (timer) {
+        clearTimeout(timer);
+      }
+    };
+  }, [loading, loadingState]);
+  var onAnimationEnd = useCallback(function () {
+    if (loadingState === ELoadingState.LOADED) {
+      setLoadingState(ELoadingState.IDLE);
+    }
+  }, [loadingState]);
+  return /*#__PURE__*/React.createElement("div", {
+    key: key,
+    className: classNames('ald-progress-bar', className, _defineProperty({}, 'ald-progress-bar-show-bg', loadingState !== ELoadingState.IDLE))
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames('ald-progress-bar-inner', (_classNames2 = {}, _defineProperty(_classNames2, 'ald-progress-bar-show-loading', loadingState === ELoadingState.LOADING), _defineProperty(_classNames2, 'ald-progress-bar-hide-loading', loadingState === ELoadingState.LOADED), _classNames2)),
+    onAnimationEnd: onAnimationEnd
+  }));
+});

package/dist/Progress/style/index.less

@@ -1 +1,57 @@
 @import '../../style/index.less';
+
+.ald-progress-bar {
+  border-radius: 2px 0 0;
+  height: 3px;
+  width: 100%;
+  pointer-events: none;
+
+  &-show-bg {
+    background-color: #d6e3f4;
+  }
+
+  &-inner {
+    background-color: #3271c9;
+    border-radius: 2px 0 0;
+    height: 100%;
+    width: 0;
+  }
+
+  &-show-loading {
+    animation: loading 2s ease-in-out forwards;
+  }
+
+  &-hide-loading {
+    animation: disappear 0.5s forwards;
+  }
+}
+
+@keyframes loading {
+  0% {
+    width: 0;
+  }
+
+  90% {
+    width: 90%;
+  }
+
+  100% {
+    width: 90%;
+  }
+}
+
+@keyframes disappear {
+  0% {
+    width: 90%;
+  }
+
+  99% {
+    width: 99%;
+    opacity: 1;
+  }
+
+  100% {
+    width: 100%;
+    opacity: 0;
+  }
+}

package/dist/ScrollArea/index.d.ts

@@ -0,0 +1,11 @@
+import { ScrollAreaProps } from '@radix-ui/react-scroll-area';
+import React, { ReactNode } from 'react';
+interface Props extends ScrollAreaProps {
+    children?: ReactNode;
+    className?: string;
+    horizontalScrollBarClassName?: string;
+    verticalScrollBarClassName?: string;
+    onViewportScroll?: (event: React.UIEvent<HTMLDivElement>) => void;
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>>;
+export default _default;

package/dist/ScrollArea/index.js

@@ -0,0 +1,49 @@
+var _excluded = ["children", "className", "horizontalScrollBarClassName", "verticalScrollBarClassName", "onViewportScroll"];
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import * as ScrollAreaComponent from '@radix-ui/react-scroll-area';
+import classNames from 'classnames';
+import React, { forwardRef, memo } from 'react';
+
+var ScrollArea = function ScrollArea(props, ref) {
+  var children = props.children,
+      className = props.className,
+      horizontalScrollBarClassName = props.horizontalScrollBarClassName,
+      verticalScrollBarClassName = props.verticalScrollBarClassName,
+      onViewportScroll = props.onViewportScroll,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(ScrollAreaComponent.Root, _extends({}, rest, {
+    scrollHideDelay: 50,
+    className: classNames('ald-scroll-area', className)
+  }), /*#__PURE__*/React.createElement(ScrollAreaComponent.Viewport, {
+    className: "ald-scroll-area-inner",
+    onScroll: function onScroll(event) {
+      onViewportScroll === null || onViewportScroll === void 0 ? void 0 : onViewportScroll(event);
+    },
+    ref: ref
+  }, children), /*#__PURE__*/React.createElement(ScrollAreaComponent.Scrollbar, {
+    style: {
+      right: 3
+    },
+    className: classNames('ald-scroll-area-bar', verticalScrollBarClassName),
+    orientation: "vertical"
+  }, /*#__PURE__*/React.createElement(ScrollAreaComponent.Thumb, {
+    className: 'ald-scroll-area-thumb'
+  })), /*#__PURE__*/React.createElement(ScrollAreaComponent.Scrollbar, {
+    className: classNames('ald-scroll-area-bar', horizontalScrollBarClassName),
+    style: {
+      bottom: 3
+    },
+    orientation: "horizontal"
+  }, /*#__PURE__*/React.createElement(ScrollAreaComponent.Thumb, {
+    className: 'ald-scroll-area-thumb'
+  })));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(ScrollArea));

package/dist/ScrollArea/style/index.d.ts

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

package/dist/ScrollArea/style/index.js

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

package/dist/ScrollArea/style/index.less

@@ -0,0 +1,48 @@
+@import '../../style/index.less';
+
+.ald-scroll-area {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  box-sizing: border-box;
+
+  --scrollbar-size: 6px;
+  // 滚动条轨道
+  .ald-scroll-area-bar {
+    z-index: 6;
+    display: flex;
+    user-select: none;
+    touch-action: none;
+    background: transparent;
+    transition: background 160ms ease-out;
+  }
+
+  .ald-scroll-area-bar[data-orientation='vertical'] {
+    width: var(--scrollbar-size);
+    padding: 2px 0;
+  }
+
+  .ald-scroll-area-bar[data-orientation='horizontal'] {
+    flex-direction: column;
+    padding: 0 2px;
+    height: var(--scrollbar-size);
+  }
+  // 滚动条可拖动条
+  .ald-scroll-area-thumb {
+    flex: 1;
+    background: #575757;
+    border-radius: var(--scrollbar-size);
+    position: relative;
+    opacity: 0.2;
+
+    &:hover {
+      opacity: 0.6;
+    }
+  }
+}
+
+.ald-scroll-area-inner {
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+}

package/dist/Select/index.d.ts

@@ -3,6 +3,7 @@ import React from 'react';
 export interface ISelectProps extends Omit<SelectProps, 'mode'> {
     prefix?: React.ReactNode;
     mode?: 'multiple';
+    showAllOption?: boolean;
 }
 export declare type IRefSelectProps = RefSelectProps;
 export declare type IAldRefSelectProps = IRefSelectProps & {

package/dist/Select/index.js

@@ -1,28 +1,28 @@
-var _excluded = ["mode", "options", "dropdownRender", "onDropdownVisibleChange", "defaultValue", "onChange", "open", "defaultOpen", "prefix", "className", "popupClassName", "listHeight", "listItemHeight", "notFoundContent", "value", "tagRender", "style", "autoFocus"];
+var _excluded = ["mode", "options", "dropdownRender", "onDropdownVisibleChange", "defaultValue", "onChange", "open", "defaultOpen", "prefix", "className", "popupClassName", "listHeight", "listItemHeight", "notFoundContent", "value", "tagRender", "style", "autoFocus", "showSearch", "showAllOption"];
 
 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
 function _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; }
 
@@ -37,6 +37,7 @@ import Empty from "../Empty";
 import theme from "../style/themes/default/themeColor.module.less";
 import MultipleOption from "./components/MultipleOption";
 import SingleOption from "./components/SingleOption";
+var DEFAULT_ALL_OPTION_VALUE = 'default_all_option_value';
 var suffixIconSizeMap = {
   large: 20,
   middle: 16,
@@ -112,11 +113,25 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
       _props$style = props.style,
       style = _props$style === void 0 ? {} : _props$style,
       autoFocus = props.autoFocus,
+      _props$showSearch = props.showSearch,
+      showSearch = _props$showSearch === void 0 ? false : _props$showSearch,
+      showAllOption = props.showAllOption,
       restProps = _objectWithoutProperties(props, _excluded);
 
   var isMultiple = mode === 'multiple';
+  var innerOptions = useMemo(function () {
+    if (showAllOption && isMultiple && options) {
+      return [{
+        label: '全部',
+        value: DEFAULT_ALL_OPTION_VALUE,
+        __IS_INNER_ALL_OPTION: true
+      }].concat(_toConsumableArray(options || []));
+    }
+
+    return options;
+  }, [options, showAllOption, isMultiple]);
 
-  var _React$useState = React.useState(getSelectedOptionsFromValue(isMultiple, options, value, defaultValue)),
+  var _React$useState = React.useState(getSelectedOptionsFromValue(isMultiple, innerOptions, value, defaultValue)),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       selectedOptions = _React$useState2[0],
       setSelectedOptions = _React$useState2[1];
@@ -183,18 +198,31 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
     if (selected) {
       var _props$onSelect;
 
-      newOptions = [].concat(_toConsumableArray(selectedOptions), [option]);
+      if (option.__IS_INNER_ALL_OPTION) {
+        newOptions = (innerOptions === null || innerOptions === void 0 ? void 0 : innerOptions.filter(function (item) {
+          return !item.__IS_INNER_ALL_OPTION && !item.disabled;
+        })) || [];
+      } else {
+        newOptions = [].concat(_toConsumableArray(selectedOptions), [option]);
+      }
+
       (_props$onSelect = props.onSelect) === null || _props$onSelect === void 0 ? void 0 : _props$onSelect.call(props, option.value, option);
     } else {
       var _props$onDeselect;
 
       (_props$onDeselect = props.onDeselect) === null || _props$onDeselect === void 0 ? void 0 : _props$onDeselect.call(props, option.value, option);
-      newOptions = selectedOptions.filter(function (item) {
-        return item.value !== option.value;
-      });
+
+      if (option.__IS_INNER_ALL_OPTION) {
+        newOptions = [];
+      } else {
+        newOptions = selectedOptions.filter(function (item) {
+          return item.value !== option.value;
+        });
+      }
     }
 
     if (typeof value === 'undefined') {
+      console.log(newOptions, 'newOptions');
       setSelectedOptions(newOptions);
     }
 
@@ -204,8 +232,8 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
   };
 
   var getListHeight = function getListHeight() {
-    if (typeof listHeight === 'number' && options !== null && options !== void 0 && options.length) {
-      if (listHeight <= options.length * listItemHeight) {
+    if (typeof listHeight === 'number' && innerOptions !== null && innerOptions !== void 0 && innerOptions.length) {
+      if (listHeight <= innerOptions.length * listItemHeight) {
         return listHeight;
       }
     }
@@ -217,15 +245,24 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement("div", {
       className: "ald-multiple-option-list"
     }, /*#__PURE__*/React.createElement(List, {
-      data: options || [],
+      data: innerOptions || [],
       "data-id": "list",
       height: getListHeight(),
       itemHeight: listItemHeight,
       itemKey: "value"
     }, function (option) {
-      var isSelected = selectedOptions.some(function (selectedOption) {
-        return selectedOption.value === option.value;
-      });
+      var isSelected = false;
+
+      if (option.__IS_INNER_ALL_OPTION) {
+        isSelected = selectedOptions.length === (innerOptions === null || innerOptions === void 0 ? void 0 : innerOptions.filter(function (option) {
+          return !option.__IS_INNER_ALL_OPTION && !option.disabled;
+        }).length);
+      } else {
+        isSelected = selectedOptions.some(function (selectedOption) {
+          return selectedOption.value === option.value;
+        });
+      }
+
       return /*#__PURE__*/React.createElement(MultipleOption, {
         key: option.value,
         selected: isSelected,
@@ -255,7 +292,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement("div", {
       className: "ald-single-option-list"
     }, /*#__PURE__*/React.createElement(List, {
-      data: options || [],
+      data: innerOptions || [],
       "data-id": "list",
       height: getListHeight(),
       itemHeight: listItemHeight,
@@ -291,7 +328,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
           return dropdownRender(_menu);
         };
       }
-    } else if (Array.isArray(options) && options.length > 0) {
+    } else if (Array.isArray(innerOptions) && innerOptions.length > 0) {
       if (!isMultiple) {
         return singleRender;
       } else {
@@ -341,11 +378,11 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
 
   useEffect(function () {
     if (updatedRef.current) {
-      setSelectedOptions(getSelectedOptionsFromValue(isMultiple, options, value));
+      setSelectedOptions(getSelectedOptionsFromValue(isMultiple, innerOptions, value));
     } else {
       updatedRef.current = true;
     }
-  }, [value]);
+  }, [value, innerOptions, isMultiple]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('ald-select', className, {
       'ald-select-multiple': isMultiple,
@@ -368,7 +405,8 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
       }
     }
   }, prefix), /*#__PURE__*/React.createElement(AntdSelect, _extends({}, restProps, {
-    options: options,
+    showSearch: showSearch,
+    options: innerOptions,
     mode: isMultiple ? 'multiple' : undefined,
     bordered: false,
     open: typeof _open === 'boolean' ? _open : isOpen,

package/dist/index.d.ts

@@ -19,6 +19,7 @@ export type { CollapsePanelProps, CollapseProps } from './Collapse';
 export { default as ColorPicker } from './ColorPicker';
 export type { IColorPickerProps } from './ColorPicker';
 export { default as ConfigProvider } from './ConfigProvider';
+export { default as DataPreviewTable } from './DataPreviewTable';
 export { default as DatePicker } from './DatePicker';
 export type { DatePickerProps } from './DatePicker';
 export { default as Divider } from './Divider';
@@ -53,11 +54,12 @@ export type { PopconfirmProps } from './Popconfirm';
 export { default as Popover } from './Popover';
 export type { PopoverProps } from './Popover';
 export { default as Progress } from './Progress';
-export type { ProgressProps } from './Progress';
+export type { IProgressRef, IProps as ProgressProps } from './Progress';
 export { default as Radio } from './Radio';
 export type { RadioGroupProps, RadioProps } from './Radio';
 export { default as Row } from './Row';
 export type { RowProps } from './Row';
+export { default as ScrollArea } from './ScrollArea';
 export { default as Select } from './Select';
 export type { IRefSelectProps as RefSelectProps, ISelectProps as SelectProps, } from './Select';
 export { default as Skeleton } from './Skeleton';

package/dist/index.js

@@ -11,6 +11,7 @@ export { default as Col } from "./Col";
 export { default as Collapse } from "./Collapse";
 export { default as ColorPicker } from "./ColorPicker";
 export { default as ConfigProvider } from "./ConfigProvider";
+export { default as DataPreviewTable } from "./DataPreviewTable";
 export { default as DatePicker } from "./DatePicker";
 export { default as Divider } from "./Divider";
 export { default as Drawer } from "./Drawer";
@@ -33,6 +34,7 @@ export { default as Popover } from "./Popover";
 export { default as Progress } from "./Progress";
 export { default as Radio } from "./Radio";
 export { default as Row } from "./Row";
+export { default as ScrollArea } from "./ScrollArea";
 export { default as Select } from "./Select";
 export { default as Skeleton } from "./Skeleton";
 export { default as Space } from "./Space";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aloudata/aloudata-design",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "description": "",
   "license": "MIT",
   "module": "dist/index.js",
@@ -69,6 +69,7 @@
     "@babel/preset-react": "^7.18.6",
     "@commitlint/cli": "^17.5.1",
     "@commitlint/config-conventional": "^17.4.4",
+    "@radix-ui/react-scroll-area": "^1.0.4",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@types/jest": "^29.4.0",