@aloudata/aloudata-design 1.9.3 → 1.9.5

package/dist/AldTable/style/index.less

@@ -61,6 +61,7 @@
     display: flex;
     align-items: center;
     height: 100%;
+    font-size: 13px;
     min-height: 48px;
 
     .ald-tmp-table-td-ellipsis-content {

package/dist/Avatar/component/Avatar/avatar.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const SearchSmall: () => JSX.Element;
+export default SearchSmall;

package/dist/Avatar/component/Avatar/avatar.js

@@ -0,0 +1,25 @@
+import * as React from 'react';
+
+var SearchSmall = function SearchSmall() {
+  return /*#__PURE__*/React.createElement("svg", {
+    version: "1.1",
+    id: "\u56FE\u5C42_1",
+    xmlns: "http://www.w3.org/2000/svg",
+    x: "0px",
+    y: "0px",
+    viewBox: "0 0 100 100",
+    xmlSpace: "preserve"
+  }, /*#__PURE__*/React.createElement("circle", {
+    fill: "#F3E6F6",
+    cx: "50",
+    cy: "50",
+    r: "50"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    fill: "#9A66A8",
+    d: "M63,45.8c1.7-2.6,2.6-5.6,2.6-8.7c0-4.1-1.6-8.1-4.6-11c-2.9-2.9-6.9-4.6-11-4.6c-3.1,0-6.1,0.9-8.7,2.6 s-4.6,4.2-5.8,7c-1.2,2.9-1.5,6-0.9,9c0.6,3,2.1,5.8,4.3,8c2.2,2.2,5,3.7,8,4.3c3,0.6,6.2,0.3,9-0.9C58.8,50.4,61.3,48.4,63,45.8z M50,93.8c13.4,0,25.4-6,33.4-15.5C75.6,68.4,63.5,62.1,50,62.1c-13.5,0-25.6,6.3-33.4,16.2C24.6,87.7,36.6,93.8,50,93.8z"
+  }));
+};
+
+export default SearchSmall;

package/dist/Avatar/component/Avatar/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["size", "showFullValue", "children"];
+var _excluded = ["size", "showFullValue", "children", "src"];
 
 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); }
 
@@ -9,6 +9,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import InternalAvatar from 'antd/lib/avatar/avatar';
 import classNames from 'classnames';
 import * as React from 'react';
+import DefaultAvatar from "./avatar";
 var ZERO = 0;
 
 var Avatar = function Avatar(props) {
@@ -17,14 +18,21 @@ var Avatar = function Avatar(props) {
       _props$showFullValue = props.showFullValue,
       showFullValue = _props$showFullValue === void 0 ? false : _props$showFullValue,
       children = props.children,
+      src = props.src,
       restProps = _objectWithoutProperties(props, _excluded);
 
   var getSizeClass = function getSizeClass(avatarSize) {
+    var defaultAvatarClassName = '';
+
+    if (typeof src === 'undefined' && typeof children === 'undefined') {
+      defaultAvatarClassName = 'ald-avatar-default';
+    }
+
     if (['large', 'small', 'mini'].includes("".concat(avatarSize))) {
-      return classNames('ald-avatar', "ald-avatar-".concat(avatarSize));
+      return classNames('ald-avatar', defaultAvatarClassName, "ald-avatar-".concat(avatarSize));
     }
 
-    return classNames('ald-avatar', 'ald-avatar-middle');
+    return classNames('ald-avatar', defaultAvatarClassName, 'ald-avatar-middle');
   };
 
   var getChildren = function getChildren() {
@@ -35,9 +43,17 @@ var Avatar = function Avatar(props) {
     return children;
   };
 
+  var defaultSrc = React.useMemo(function () {
+    if (typeof src === 'undefined' && typeof children === 'undefined') {
+      return /*#__PURE__*/React.createElement(DefaultAvatar, null);
+    }
+
+    return src;
+  }, [src, children]);
   return /*#__PURE__*/React.createElement(InternalAvatar, _extends({
     size: typeof size === 'number' ? size : undefined,
-    className: getSizeClass(size)
+    className: getSizeClass(size),
+    src: defaultSrc
   }, restProps), getChildren());
 };
 

package/dist/Avatar/style/index.less

@@ -4,6 +4,10 @@
   color: @ND0;
   background-color: @B40;
 
+  &.ald-avatar-default {
+    background-color: transparent;
+  }
+
   &-large {
     width: 40px;
     height: 40px;

package/dist/Button/index.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 export declare const btnPrefix = "ald-btn";
 export declare type ButtonType = 'primary' | 'secondary' | 'dangerous' | 'text' | 'link';
 export declare type Size = 'small' | 'middle' | 'large';
-export interface IButtonProps extends Omit<AntdButtonProps, 'type' | 'size' | 'dangerous' | 'shape' | 'icon' | 'href' | 'target' | 'onClick' | 'loading'> {
+export interface IButtonProps extends Omit<AntdButtonProps, 'type' | 'dangerous' | 'shape' | 'icon' | 'href' | 'target' | 'onClick' | 'loading'> {
     /**
      * @description 类型
      * @type 'primary' | 'secondary' | 'dangerous' | 'text' | 'link'

package/dist/Button/style/size.less

@@ -1,4 +1,6 @@
-.ald-btn.ald-btn {
+.ald-btn.ald-btn.ald-btn {
+  font-weight: 400;
+
   &-large {
     min-width: auto;
     height: @button-height-large;
@@ -10,7 +12,10 @@
     &.ant-btn-icon-only {
       min-width: @button-height-large;
       height: @button-height-large;
-      border-radius: @button-border-radius-large;
+
+      &:not(.ant-btn-compact-item) {
+        border-radius: @button-border-radius-large;
+      }
     }
 
     &.ant-btn-circle {
@@ -36,7 +41,10 @@
     &.ant-btn-icon-only {
       min-width: @button-height-middle;
       height: @button-height-middle;
-      border-radius: @button-border-radius-middle;
+
+      &:not(.ant-btn-compact-item) {
+        border-radius: @button-border-radius-middle;
+      }
     }
 
     &.ant-btn-circle {
@@ -62,7 +70,10 @@
     &.ant-btn-icon-only {
       min-width: @button-height-small;
       height: @button-height-small;
-      border-radius: @button-border-radius-small;
+
+      &:not(.ant-btn-compact-item) {
+        border-radius: @button-border-radius-small;
+      }
     }
 
     &.ant-btn-circle {

package/dist/Button/style/type.less

@@ -186,6 +186,7 @@
 
     &-link {
       color: @button-link-color;
+      font-weight: 400;
       //text-shadow: @text-shadow;
       background-color: @button-link-bg-color;
       border-color: @button-link-bg-color;

package/dist/Checkbox/style/index.less

@@ -1,5 +1,36 @@
 @import '../../style/index.less';
 
+// v3.2的设计稿中所有复选框的边框都是如此，所以此处写死，后续如若需要修改请移除
+.ant-checkbox-inner {
+  border: 1px solid #dbdbdb !important;
+  background-color: #fff !important;
+}
+// 此处同理
+.ant-checkbox::after,
+.ant-checkbox-checked::after {
+  border: 1px solid #dbdbdb !important;
+}
+
+.ant-checkbox-checked {
+  .ant-checkbox-inner {
+    background-color: #f8f8f8 !important;
+  }
+
+  &::after {
+    background-color: #f8f8f8 !important;
+  }
+}
+
+.ald-checkout-group-vertical {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+
+  .ant-checkbox-wrapper + .ant-checkbox-wrapper {
+    margin-left: 0;
+  }
+}
+
 .ald-checkbox.ald-checkbox {
   height: 20px;
   color: @NL0;
@@ -75,7 +106,8 @@
         width: 10px;
         height: 8px;
         /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
-        background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS42NzU3MyAwLjI2Mjg1MkMxMC4wODI4IDAuNjM2MDQ0IDEwLjExMDQgMS4yNjg2MSA5LjczNzE2IDEuNjc1NzNMNC4yMzcxNiA3LjY3NTczQzQuMDQ3NzUgNy44ODIzNiAzLjc4MDMxIDguMDAwMDEgMy41MDAwMSA4LjAwMDAxQzMuMjE5NyA4LjAwMDAxIDIuOTUyMjYgNy44ODIzNiAyLjc2Mjg1IDcuNjc1NzNMMC4yNjI4NTIgNC45NDg0NkMtMC4xMTAzNDEgNC41NDEzNCAtMC4wODI4Mzc4IDMuOTA4NzcgMC4zMjQyODEgMy41MzU1OEMwLjczMTQgMy4xNjIzOSAxLjM2Mzk3IDMuMTg5ODkgMS43MzcxNiAzLjU5NzAxTDMuNTAwMDEgNS41MjAxMUw4LjI2Mjg1IDAuMzI0MjgxQzguNjM2MDQgLTAuMDgyODM3OCA5LjI2ODYxIC0wLjExMDM0MSA5LjY3NTczIDAuMjYyODUyWiIgZmlsbD0iIzE1NzBFRiIvPgo8L3N2Zz4K');
+        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADLSURBVHgBrdTPDcIgFAZwHo3O0RF6MdGbjuAI3aCjuAGj6E3jyRGYQwPIR2rT1mfDH79Lyct7vxRIIPGHbLtr/aJKrZxpb6edRk2KwgB9kjw74fb4brp7Uwx/UL+s+1JtyakimEERbZw9YkEiI79Q6+zh0Z9xMhyDDjB3qyVogGfNeu2bODwFRST+dNQchoGUoAE2fvtoGtUmeA6KhDNu/LBkhmUlW2usSkUHeAGfJwqdwBF4NPoFL+BJKAszeDKKsG8FEGAk6JKDIm/pQrazK2zB6QAAAABJRU5ErkJggg==')
+          no-repeat;
         background-size: 100%, 100%;
         border-width: 0;
         transform: none;
@@ -102,12 +134,13 @@
   .ant-checkbox + span {
     display: flex;
     align-items: center;
-    padding-right: 8px;
-    padding-left: 8px;
+    padding-right: 12px;
+    padding-left: 4px;
+    font-size: 13px;
   }
 
-  &:hover .ant-checkbox-inner {
-    border-color: @B40;
+  &:hover .ant-checkbox-inner[class][class] {
+    border-color: #dbdbdb;
   }
 
   &.ant-checkbox-checked.ant-checkbox-disabled .ant-checkbox-inner {
@@ -116,6 +149,12 @@
     border-radius: 2px;
   }
 
+  & .ant-checkbox-checked.ant-checkbox-disabled {
+    &:hover .ant-checkbox-inner[class][class] {
+      border-color: @B40;
+    }
+  }
+
   .ant-checkbox:hover .ant-checkbox-inner {
     border-color: @B40;
     // box-shadow: @shadow-primary;
@@ -156,8 +195,6 @@
   cursor: default;
 }
 
-.ald-checkout-group-vertical {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
+.ant-checkbox-checked:hover .ant-checkbox-inner[class] {
+  background-color: transparent;
 }

package/dist/DataPreviewTable/components/Body/Error.js

@@ -1,4 +1,5 @@
 import React, { memo } from 'react';
+import Result from "../../../Result";
 
 function ErrorBody(props) {
   var contentWidth = props.contentWidth,
@@ -11,7 +12,10 @@ function ErrorBody(props) {
     style: {
       width: width
     }
-  }, errorMsg);
+  }, /*#__PURE__*/React.createElement(Result, {
+    status: "warning",
+    title: errorMsg
+  }));
 }
 
 export default /*#__PURE__*/memo(ErrorBody);

package/dist/DataPreviewTable/index.js

@@ -20,7 +20,7 @@ var DataPreviewTable = /*#__PURE__*/forwardRef(function (props, ref) {
       loading = props.loading,
       dataStatus = props.dataStatus,
       _props$errorMsg = props.errorMsg,
-      errorMsg = _props$errorMsg === void 0 ? '加载失败' : _props$errorMsg;
+      errorMsg = _props$errorMsg === void 0 ? '数据加载失败' : _props$errorMsg;
   var contentHeight = useMemo(function () {
     return datasource.length * CELL_HEIGHT + HEADER_HEIGHT;
   }, [datasource]);

package/dist/DataPreviewTable/style/index.less

@@ -2,6 +2,7 @@
 @import '../../ScrollArea/style/index.less';
 @import '../../Progress/style/index.less';
 @import '../../Skeleton/style/index.less';
+@import '../../Result/style/index.less';
 
 .ald-data-preview-table {
   border: 1px solid #d5d5d5;