@aloudata/aloudata-design 2.4.0 → 2.5.0

package/dist/Badge/index.d.ts

@@ -0,0 +1,3 @@
+import { Badge, BadgeProps } from 'antd';
+export type { BadgeProps };
+export default Badge;

package/dist/Badge/index.js

@@ -0,0 +1,2 @@
+import { Badge } from 'antd';
+export default Badge;

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

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

package/dist/Badge/style/index.js

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

package/dist/Badge/style/index.less

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

package/dist/Spin/CustomIcon/index.d.ts

@@ -1,11 +1,13 @@
 import React from 'react';
 import { TDirection } from '..';
-import type { SizeType } from '../../ConfigProvider/SizeContext';
-import './index.less';
+import type { SizeType } from '../../ConfigProvider/sizeContext';
 interface ICustomIconProps {
     size?: SizeType;
     tip?: React.ReactNode;
     direction: TDirection;
+    spinning?: boolean;
+    className?: string;
+    inContainer?: boolean;
 }
-declare const Icon: (props: ICustomIconProps) => React.JSX.Element;
+declare const Icon: (props: ICustomIconProps) => React.JSX.Element | null;
 export default Icon;

package/dist/Spin/CustomIcon/index.js

@@ -1,14 +1,21 @@
-import { LoadingDuotone } from "../../Icon";
 import classNames from 'classnames';
 import React from 'react';
-import "./index.less";
+import { LoadingDuotone } from "../../Icon";
 var Icon = function Icon(props) {
   var size = props.size,
     tip = props.tip,
-    direction = props.direction;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('spinner', {
-      'spinner-horizontal': direction === 'horizontal'
+    direction = props.direction,
+    _props$spinning = props.spinning,
+    spinning = _props$spinning === void 0 ? true : _props$spinning,
+    className = props.className,
+    inContainer = props.inContainer;
+  if (!spinning) return null;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, inContainer && /*#__PURE__*/React.createElement("div", {
+    className: "spinner-mask"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classNames('spinner', className, {
+      'spinner-horizontal': direction === 'horizontal',
+      'spinner-center': inContainer
     })
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames('spinner-inner', {
@@ -22,8 +29,8 @@ var Icon = function Icon(props) {
     size: 64
   }), size !== 'small' && size !== 'large' && /*#__PURE__*/React.createElement(LoadingDuotone, {
     size: 40
-  })), /*#__PURE__*/React.createElement("div", {
+  })), tip && /*#__PURE__*/React.createElement("div", {
     className: "spinner-text"
-  }, tip));
+  }, tip)));
 };
 export default Icon;

package/dist/Spin/index.d.ts

@@ -1,9 +1,13 @@
-import { SpinProps as AntdSpinProps } from 'antd';
 import React from 'react';
 export type TDirection = 'vertical' | 'horizontal';
-export interface SpinProps extends Omit<AntdSpinProps, 'size'> {
+export interface SpinProps {
     size?: 'small' | 'large' | 'middle';
     direction?: TDirection;
+    children?: React.ReactElement;
+    tip?: React.ReactNode;
+    spinning?: boolean;
+    wrapperClassName?: string;
+    className?: string;
 }
-declare function CustomSpin(props: SpinProps): React.JSX.Element;
+declare function CustomSpin(props: SpinProps): React.JSX.Element | null;
 export default CustomSpin;

package/dist/Spin/index.js

@@ -1,30 +1,63 @@
-var _excluded = ["size", "tip", "direction"];
-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 { Spin } from 'antd';
+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 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 _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 classNames from 'classnames';
-import React from 'react';
+import React, { isValidElement } from 'react';
+import { cloneElement, isFragment, isReactComponent } from "../_utils/reactNode";
 import CustomIcon from "./CustomIcon";
 function CustomSpin(props) {
   var size = props.size,
     tip = props.tip,
     _props$direction = props.direction,
     direction = _props$direction === void 0 ? 'vertical' : _props$direction,
-    restProps = _objectWithoutProperties(props, _excluded);
-  var spinSize = 'default';
-  if (size === 'middle') {
-    spinSize = 'default';
+    children = props.children,
+    spinning = props.spinning,
+    wrapperClassName = props.wrapperClassName,
+    className = props.className;
+  if (!children) {
+    return CustomIcon({
+      size: size,
+      tip: tip,
+      direction: direction,
+      spinning: spinning,
+      className: className
+    });
+  }
+  if (! /*#__PURE__*/isValidElement(children)) {
+    return children;
   }
-  return /*#__PURE__*/React.createElement(Spin, _extends({}, restProps, {
-    className: classNames('ald-spin', props.className),
-    indicator: /*#__PURE__*/React.createElement(CustomIcon, {
-      size: props.size,
+  if (isFragment(children) || isReactComponent(children)) {
+    return /*#__PURE__*/React.createElement('div', {
+      style: {
+        position: 'relative'
+      },
+      className: classNames(wrapperClassName)
+    }, [children, CustomIcon({
+      size: size,
       tip: tip,
-      direction: direction
-    }),
-    tip: null,
-    size: spinSize
-  }));
+      direction: direction,
+      inContainer: true,
+      spinning: spinning,
+      className: className
+    })]);
+  } else {
+    return cloneElement(children, {
+      style: _objectSpread({
+        position: 'relative'
+      }, children.props.style),
+      className: classNames(wrapperClassName, children.props.className),
+      children: [children.props.children, CustomIcon({
+        size: size,
+        tip: tip,
+        direction: direction,
+        spinning: spinning,
+        inContainer: true,
+        className: className
+      })]
+    });
+  }
 }
 export default CustomSpin;

package/dist/Spin/{CustomIcon/index.less → style/customIcon.less}

@@ -1,5 +1,3 @@
-@import '../../style/themes/default/themeColor.module.less';
-
 @spinner-size-large: 64px;
 @spinner-size-middle: 40px;
 @spinner-size-small: 20px;
@@ -37,6 +35,23 @@
   }
 }
 
+.spinner-center {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.spinner-mask {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0.4;
+  background: var(--alias-colors-bg-skeleton-subtler, #fff);
+}
+
 .spinner-text {
   color: var(--alias-colors-text-subtle, #4b5563);
 }

package/dist/Spin/style/index.less

@@ -1,4 +1,5 @@
 @import '../../style/index.less';
+@import './customIcon.less';
 
 .ant-spin.ald-spin {
   display: flex !important;

package/dist/Table/index.js

@@ -135,9 +135,7 @@ function Table(props, ref) {
   }, [onRowClick]);
 
   // 渲染 body
-  var bodyContent = /*#__PURE__*/React.createElement(Spin, {
-    spinning: !!loading
-  }, /*#__PURE__*/React.createElement("div", {
+  var bodyContent = /*#__PURE__*/React.createElement("div", {
     className: prefixCls('body'),
     style: {
       width: tableInstance.getTotalSize()
@@ -160,8 +158,10 @@ function Table(props, ref) {
         }
       }, flexRender(cell.column.columnDef.cell, cell.getContext()));
     }));
-  })));
-  var tableContent = y && totalSize ? /*#__PURE__*/React.createElement("div", {
+  }));
+  var tableContent = y && totalSize ? /*#__PURE__*/React.createElement(Spin, {
+    spinning: !!loading
+  }, /*#__PURE__*/React.createElement("div", {
     className: prefixCls('content')
   }, /*#__PURE__*/React.createElement("div", {
     className: prefixCls('header'),
@@ -176,9 +176,16 @@ function Table(props, ref) {
   }, /*#__PURE__*/React.createElement(ScrollArea, {
     onViewportScroll: onBodyScroll,
     ref: tableBodyRef
-  }, bodyContent))) : /*#__PURE__*/React.createElement("div", {
+  }, bodyContent)))) : /*#__PURE__*/React.createElement("div", {
     className: prefixCls('content')
-  }, headerContent, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ScrollArea, {
+  }, !!loading && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: prefixCls('spin-mask')
+  }), /*#__PURE__*/React.createElement(Spin, null, /*#__PURE__*/React.createElement("div", {
+    className: prefixCls('spin'),
+    style: {
+      position: 'absolute'
+    }
+  }))), headerContent, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ScrollArea, {
     onViewportScroll: onBodyScroll,
     ref: tableBodyRef
   }, bodyContent)));

package/dist/Table/style/index.less

@@ -22,6 +22,32 @@
     display: flex;
     flex-direction: column;
     border-spacing: 0;
+    position: relative;
+
+    .ald-table-spin {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 300px;
+      max-height: 100%;
+      z-index: 2;
+
+      .spinner-mask {
+        opacity: 0;
+      }
+    }
+
+    .ald-table-spin-mask {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: #fff;
+      opacity: 0.4;
+      z-index: 1;
+    }
   }
 
   .ald-table-resizer {

package/dist/TextLink/style/type.less

@@ -1,32 +1,64 @@
 .ald-text-link-primary {
   color: var(--alias-colors-link-default, #126fdd);
 
+  .ald-icon {
+    color: #2986f4;
+  }
+
   &:hover {
     color: var(--alias-colors-link-hover, #0f59b1);
+
+    .ald-icon {
+      color: #126fdd;
+    }
   }
 
   &:active {
     color: var(--alias-colors-link-hover, #0f59b1);
+
+    .ald-icon {
+      color: #126fdd;
+    }
   }
 
   &.ald-text-link-disabled {
     color: var(--alias-colors-text-disabled, rgba(0, 0, 0, 0.25));
+
+    .ald-icon {
+      color: rgba(0, 0, 0, 0.25);
+    }
   }
 }
 
 .ald-text-link-secondary {
   color: var(--alias-colors-text-default, #1f2937);
 
+  .ald-icon {
+    color: #6b7280;
+  }
+
   &:hover {
     color: var(--alias-colors-text-selected, #126fdd);
+
+    .ald-icon {
+      color: #2986f4;
+    }
   }
 
   &:active {
     color: var(--alias-colors-text-selected, #126fdd);
+
+    .ald-icon {
+      color: #126fdd;
+    }
   }
 
   &.ald-text-link-disabled {
     color: var(--alias-colors-text-disabled, rgba(0, 0, 0, 0.25));
+
+    .ald-icon {
+      color: rgba(0, 0, 0, 0.25);
+    }
   }
 }
 

package/dist/_utils/reactNode.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 export declare const isValidElement: typeof React.isValidElement;
 export declare function isFragment(child: any): boolean;
+export declare function isReactComponent(child: any): boolean;
 type AnyObject = Record<PropertyKey, any>;
 type RenderProps = AnyObject | ((originProps: AnyObject) => AnyObject | void);
 export declare function replaceElement(element: React.ReactNode, replacement: React.ReactNode, props?: RenderProps): React.ReactNode;

package/dist/_utils/reactNode.js

@@ -4,6 +4,9 @@ export { isValidElement };
 export function isFragment(child) {
   return child && isValidElement(child) && child.type === React.Fragment;
 }
+export function isReactComponent(child) {
+  return child && isValidElement(child) && typeof child.type === 'function';
+}
 export function replaceElement(element, replacement, props) {
   if (!isValidElement(element)) {
     return replacement;