@aloudata/aloudata-design 1.3.1 → 1.4.1

package/dist/Form/index.d.ts

@@ -1,8 +1,28 @@
-import { Form } from 'antd';
-import { FormInstance, RuleRender, RuleObject, Rule } from 'antd/lib/form';
-import { FormProps } from 'antd/lib/form/Form';
-import { FormItemProps } from 'antd/lib/form/FormItem';
-import { FormListProps } from 'antd/lib/form/FormList';
-import { ErrorListProps } from 'antd/lib/form/ErrorList';
-export { FormInstance, FormProps, FormItemProps, Rule, RuleObject, RuleRender, FormListProps, ErrorListProps, };
+import { FormProvider } from 'antd/lib/form/context';
+import ErrorList, { type ErrorListProps } from 'antd/lib/form/ErrorList';
+import { useForm, useWatch, type FormInstance, type FormProps } from 'antd/lib/form/Form';
+import Item, { type FormItemProps } from 'antd/lib/form/FormItem';
+import List, { type FormListFieldData, type FormListOperation, type FormListProps } from 'antd/lib/form/FormList';
+import useFormInstance from 'antd/lib/form/hooks/useFormInstance';
+import type { Rule, RuleObject, RuleRender } from 'rc-field-form/lib/interface';
+import React from 'react';
+declare const AldForm: <Values = any>(props: FormProps<Values> & {
+    children?: React.ReactNode;
+} & {
+    ref?: React.Ref<FormInstance<Values>> | undefined;
+}) => React.ReactElement;
+declare type InternalFormType = typeof AldForm;
+declare type CompoundedComponent = InternalFormType & {
+    useForm: typeof useForm;
+    useFormInstance: typeof useFormInstance;
+    useWatch: typeof useWatch;
+    Item: typeof Item;
+    List: typeof List;
+    ErrorList: typeof ErrorList;
+    Provider: typeof FormProvider;
+    /** @deprecated Only for warning usage. Do not use. */
+    create: () => void;
+};
+declare const Form: CompoundedComponent;
+export type { FormInstance, FormProps, FormItemProps, ErrorListProps, Rule, RuleObject, RuleRender, FormListProps, FormListFieldData, FormListOperation, };
 export default Form;

package/dist/Form/index.js

@@ -1,8 +1,47 @@
-import { Form } from 'antd';
-import { FormInstance, RuleRender, RuleObject, Rule } from 'antd/lib/form';
-import { FormProps } from 'antd/lib/form/Form';
-import { FormItemProps } from 'antd/lib/form/FormItem';
-import { FormListProps } from 'antd/lib/form/FormList';
-import { ErrorListProps } from 'antd/lib/form/ErrorList';
-export { FormInstance, FormProps, FormItemProps, Rule, RuleObject, RuleRender, FormListProps, ErrorListProps };
+var _excluded = ["children", "size"];
+
+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 { FormProvider } from 'antd/lib/form/context';
+import ErrorList from 'antd/lib/form/ErrorList';
+import InternalForm, { useForm, useWatch } from 'antd/lib/form/Form';
+import Item from 'antd/lib/form/FormItem';
+import List from 'antd/lib/form/FormList';
+import useFormInstance from 'antd/lib/form/hooks/useFormInstance';
+import warning from 'antd/lib/_util/warning';
+import React, { forwardRef } from 'react';
+import SizeContext, { SizeContextProvider } from "../ConfigProvider/sizeContext";
+var AldForm = /*#__PURE__*/forwardRef(function (props, ref) {
+  var contextSize = React.useContext(SizeContext);
+
+  var children = props.children,
+      _props$size = props.size,
+      size = _props$size === void 0 ? contextSize : _props$size,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(SizeContextProvider, {
+    size: size
+  }, /*#__PURE__*/React.createElement(InternalForm, _extends({
+    size: size
+  }, restProps, {
+    ref: ref
+  }), children));
+});
+var Form = AldForm;
+Form.Item = Item;
+Form.List = List;
+Form.ErrorList = ErrorList;
+Form.useForm = useForm;
+Form.useFormInstance = useFormInstance;
+Form.useWatch = useWatch;
+Form.Provider = FormProvider;
+
+Form.create = function () {
+  warning(false, 'Form', 'antd v4 removed `Form.create`. Please remove or use `@ant-design/compatible` instead.');
+};
+
 export default Form;

package/dist/Input/components/Input/index.d.ts

@@ -1,13 +1,14 @@
-import React, { ReactNode } from 'react';
 import type { InputProps } from 'antd/lib/input/Input';
 import type { InputRef } from 'rc-input';
+import React, { ReactNode } from 'react';
+import { SizeType } from '../../../ConfigProvider/sizeContext';
 interface IShowCountProps {
     formatter: (args: {
         count: number;
         maxLength?: number;
     }) => string;
 }
-export declare type TSize = 'small' | 'middle' | 'large';
+export declare type TSize = SizeType;
 export type { InputRef };
 declare type ChangeEventHandler = (e: React.ChangeEvent<HTMLInputElement>) => void;
 export interface IInputProps extends Omit<InputProps, 'size' | 'id' | 'prefix' | 'allowClear' | 'disabled' | 'showCount' | 'maxLength' | 'value' | 'defaultValue' | 'onPressEnter' | 'onChange' | 'addonAfter' | 'addonBefore'> {

package/dist/Input/components/Input/index.js

@@ -6,22 +6,24 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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 React from 'react';
+import SizeContext from 'antd/lib/config-provider/SizeContext';
 import AntdInput from 'antd/lib/input/Input';
 import classnames from 'classnames';
+import React, { useContext } from 'react';
 export function getSizeType(sizeType) {
-  if (['small', 'middle', 'large'].includes(sizeType)) {
+  if (['small', 'middle', 'large'].includes(sizeType || '')) {
     return sizeType;
   }
 
   return 'middle';
 }
 var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$size = props.size,
-      size = _props$size === void 0 ? 'middle' : _props$size,
+  var customSize = props.size,
       className = props.className,
       rest = _objectWithoutProperties(props, _excluded);
 
+  var contentSize = useContext(SizeContext);
+  var size = customSize || contentSize;
   return /*#__PURE__*/React.createElement(AntdInput, _extends({}, rest, {
     ref: ref,
     bordered: true,

package/dist/Menu/SubMenu.d.ts

@@ -1,5 +1,5 @@
+import { SubMenuProps } from 'antd/lib/menu/SubMenu';
 import React from 'react';
-import { SubMenuProps } from 'antd/es/menu/SubMenu';
 export interface ISubMenuProps extends SubMenuProps {
     /**
      * @description 唯一标志

package/dist/Menu/SubMenu.js

@@ -6,9 +6,9 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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 { Menu as AntdMenu } from 'antd';
 import classNames from 'classnames';
 import React from 'react';
-import { Menu as AntdMenu } from 'antd';
 var AntdSubMenu = AntdMenu.SubMenu;
 export default function SubMenu(props) {
   var popupClassName = props.popupClassName,

package/dist/Progress/index.d.ts

@@ -1,3 +1,13 @@
-import Progress, { ProgressProps } from 'antd/es/progress';
-export { ProgressProps };
-export default Progress;
+import React from 'react';
+/**
+ * 条状进度条组件
+ */
+declare const _default: React.ForwardRefExoticComponent<IProps & React.RefAttributes<unknown>>;
+export default _default;
+export interface IProps {
+    loading: boolean;
+    className?: string;
+}
+export interface IProgressRef {
+    restart: () => void;
+}

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/Radio/components/Group/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IRadioGroupProps } from '../../interface/radioGroup';
-export declare const RadioGroupContext: React.Context<Omit<IRadioGroupProps, "children" | "className"> & {
+export declare const RadioGroupContext: React.Context<Omit<IRadioGroupProps, "className" | "children"> & {
     sliderRef?: React.RefObject<HTMLDivElement> | undefined;
 }>;
 export default function RadioGroup(props: IRadioGroupProps): JSX.Element;

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/components/MultipleOption.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DefaultOptionType } from 'antd/es/select';
+import { DefaultOptionType } from 'antd/lib/select';
 interface IMultipleOptionProps {
     selected: boolean;
     disabled?: boolean;

package/dist/Select/components/SingleOption.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DefaultOptionType } from 'antd/es/select';
+import { DefaultOptionType } from 'antd/lib/select';
 interface ISelectProps {
     selected: boolean;
     option: DefaultOptionType;

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 & {