@aloudata/aloudata-design 0.4.8-beta.1 → 0.4.8-beta.11

package/dist/Button/index.js

@@ -17,9 +17,9 @@ import { Button as AntdButton } from 'antd';
 import classNames from 'classnames';
 import React from 'react';
 var iconPrefixCls = 'aldicon';
-var ICON_LARGE = 24;
-var ICON_MIDDLE = 20;
-var ICON_SMALL = 16;
+var ICON_LARGE = 20;
+var ICON_MIDDLE = 16;
+var ICON_SMALL = 14;
 export var btnPrefix = 'ald-btn';
 export function getButtonType(buttonType) {
   if (!['primary', 'secondary', 'dangerous', 'text', 'link'].includes(buttonType)) {
@@ -44,7 +44,7 @@ export function getDangerStatus(buttonType) {
   return false;
 }
 export function getButtonSizeClass(ButtonSize) {
-  return ButtonSize === 'middle' || undefined ? "".concat(btnPrefix, "-middle") : "".concat(btnPrefix, "-").concat(ButtonSize);
+  return ['small', 'large'].includes(ButtonSize) ? "".concat(btnPrefix, "-").concat(ButtonSize) : "".concat(btnPrefix, "-middle");
 }
 export function getIconSize(ButtonSize) {
   if (ButtonSize === 'large') {
@@ -80,7 +80,7 @@ export var setIcon = function setIcon(iconNode, size, loading) {
   if (loading) {
     return /*#__PURE__*/React.createElement(LoadingLine, {
       spin: true,
-      size: ICON_LARGE,
+      size: getIconSize(size),
       className: classNames("".concat(iconPrefixCls, "-icon-left"), iconPrefixCls),
       fill: "currentColor"
     });

package/dist/Button/style/index.less

@@ -1,7 +1,7 @@
 @import '../../style/index.less';
 @import './variables.less';
 
-.ant-btn.ald-btn {
+.ald-btn {
   &.ald-btn {
     // &-loading::before{
     //   // display: none !important;
@@ -70,15 +70,15 @@
       border-color: @button-dangerous-bg-color;
       box-shadow: unset;
 
-      &:focus {
+      &:focus:not(:disabled) {
         color: @button-dangerous-color;
         background-color: @button-dangerous-bg-color;
         border-color: @button-dangerous-bg-color;
         box-shadow: unset;
       }
 
-      &:hover,
-      &:active {
+      &:hover:not(:disabled),
+      &:active:not(:disabled) {
         color: @button-dangerous-color-active;
         background-color: @button-dangerous-bg-color-active;
         border-color: @button-dangerous-bg-color-active;
@@ -254,13 +254,14 @@
 
       .aldicon-icon-left {
         svg {
-          vertical-align: -2px;
+          vertical-align: -4px;
         }
       }
 
-      .aldicon-icon-left + span {
-        margin-left: @button-left-icon-margin-right-large;
-      }
+      gap:@button-left-icon-margin-right-large;
+      // .aldicon-icon-left + span {
+      //   margin-left: @button-left-icon-margin-right-large;
+      // }
     }
 
     &-middle {
@@ -284,13 +285,14 @@
 
       .aldicon-icon-left {
         svg {
-          vertical-align: -2px;
+          vertical-align: -3px;
         }
       }
 
-      .aldicon-icon-left + span {
-        margin-left: @button-left-icon-margin-right-middle;
-      }
+      gap:@button-left-icon-margin-right-middle;
+      // .aldicon-icon-left + span {
+      //   margin-left: @button-left-icon-margin-right-middle;
+      // }
     }
 
     &-small {
@@ -318,39 +320,41 @@
         }
       }
 
-      .aldicon-icon-left + span {
-        margin-left: @button-left-icon-margin-right-small;
-      }
+      gap:@button-left-icon-margin-right-small;
+      // .aldicon-icon-left + span {
+      //   margin-left: @button-left-icon-margin-right-small;
+      // }
     }
 
-    &-mini {
-      height: @button-height-mini;
-      padding: @button-border-padding-mini;
-      font-size: @button-text-size-mini;
-      line-height: 22px;
-      border-radius: @button-border-radius-mini;
-
-      &.ant-btn-icon-only {
-        min-width: @button-height-mini;
-        height: @button-height-mini;
-        border-radius: @button-border-radius-mini;
-      }
-
-      &.ant-btn-circle {
-        min-width: @button-height-mini;
-        height: @button-height-mini;
-        border-radius: 50%;
-      }
-
-      .aldicon-icon-left {
-        svg {
-          vertical-align: -2px;
-        }
-      }
-
-      .aldicon-icon-left + span {
-        margin-left: @button-left-icon-margin-right-mini;
-      }
-    }
+    // &-mini {
+    //   height: @button-height-mini;
+    //   padding: @button-border-padding-mini;
+    //   font-size: @button-text-size-mini;
+    //   line-height: 22px;
+    //   border-radius: @button-border-radius-mini;
+
+    //   &.ant-btn-icon-only {
+    //     min-width: @button-height-mini;
+    //     height: @button-height-mini;
+    //     border-radius: @button-border-radius-mini;
+    //   }
+
+    //   &.ant-btn-circle {
+    //     min-width: @button-height-mini;
+    //     height: @button-height-mini;
+    //     border-radius: 50%;
+    //   }
+
+    //   .aldicon-icon-left {
+    //     svg {
+    //       vertical-align: -2px;
+    //     }
+    //   }
+
+    //   gap:@button-left-icon-margin-right-mini;
+    //   // .aldicon-icon-left + span {
+    //   //   margin-left: @button-left-icon-margin-right-mini;
+    //   // }
+    // }
   }
 }

package/dist/Button/style/variables.less

@@ -6,27 +6,27 @@
 /** size控制 **/
 @button-height-large: 36px;
 @button-text-size-large: 16px;
-@button-border-radius-large: 8px;
-@button-border-padding-large: 6px 14px;
+@button-border-radius-large: 6px;
+@button-border-padding-large: 6px 24px;
 @button-left-icon-margin-right-large: 8px;
 
 @button-height-middle: 32px;
-@button-text-size-middle: 14px;
-@button-border-radius-middle: 8px;
-@button-border-padding-middle: 6px 12px;
-@button-left-icon-margin-right-middle: 8px;
+@button-text-size-middle: 13px;
+@button-border-radius-middle: 4px;
+@button-border-padding-middle: 6px 20px;
+@button-left-icon-margin-right-middle: 4px;
 
 @button-height-small: 28px;
 @button-text-size-small: 12px;
-@button-border-radius-small: 6px;
-@button-border-padding-small: 6px 10px;
+@button-border-radius-small: 4px;
+@button-border-padding-small: 6px 16px;
 @button-left-icon-margin-right-small: 4px;
 
-@button-height-mini: 24px;
-@button-text-size-mini: 12px;
-@button-border-radius-mini: 4px;
-@button-border-padding-mini: 0 7px;
-@button-left-icon-margin-right-mini: 4px;
+// @button-height-mini: 24px;
+// @button-text-size-mini: 12px;
+// @button-border-radius-mini: 4px;
+// @button-border-padding-mini: 0 7px;
+// @button-left-icon-margin-right-mini: 4px;
 
 /****  type控制  ****/
 @button-primary-bg-color: @B40;

package/dist/Checkbox/style/index.less

@@ -3,15 +3,19 @@
 .ald-checkbox {
   height: 20px;
   color: @NL0;
-  font-size: 14px;
+  font-size: 13px;
   line-height: 20px;
 
-  .ant-checkbox-wrapper {
+  &.ant-checkbox-wrapper {
     height: 20px;
     color: @NL0;
     font-weight: 400;
-    font-size: 14px;
+    font-size: 13px;
     line-height: 20px;
+
+   .ant-checkbox-input{
+      margin:0;
+    }
   }
 
   .ant-checkbox-inner {

package/dist/DoubleCircleIcon/index.d.ts

@@ -5,5 +5,6 @@ declare const DoubleCircleIcon: (props: {
     size?: number | undefined;
     innerColor?: string | undefined;
     children: React.ReactNode;
+    type?: "error" | "success" | "warning" | "info" | undefined;
 }) => JSX.Element;
 export default DoubleCircleIcon;

package/dist/DoubleCircleIcon/index.js

@@ -1,3 +1,4 @@
+import classnames from 'classnames';
 import React from 'react';
 import "./style/index.less";
 var INNER_SIZE_RATIO = 0.75; // 外面有两个圆，中间是个图标
@@ -6,7 +7,9 @@ var DoubleCircleIcon = function DoubleCircleIcon(props) {
   var outColor = props.outColor,
       size = props.size,
       innerColor = props.innerColor,
-      children = props.children;
+      children = props.children,
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'info' : _props$type;
   var innerSize;
 
   if (size) {
@@ -19,7 +22,7 @@ var DoubleCircleIcon = function DoubleCircleIcon(props) {
       width: size,
       height: size
     },
-    className: 'icon'
+    className: classnames('ald-double-circle-icon', "ald-double-circle-icon-".concat(type))
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       background: innerColor,

package/dist/DoubleCircleIcon/style/index.less

@@ -1,6 +1,6 @@
 @import '../../style/index.less';
 
-.icon {
+.ald-double-circle-icon {
   font-family: 'PingFang SC';
   display: inline-flex;
   align-items: center;
@@ -21,3 +21,35 @@
     background-color: @B90;
   }
 }
+
+.ald-double-circle-icon-info {
+  background-color: @B95;
+
+  .inner {
+    background-color: @B90;
+  }
+}
+
+.ald-double-circle-icon-success{
+  background-color: @SA95;
+
+  .inner {
+    background-color: @SA90;
+  }
+}
+
+.ald-double-circle-icon-error {
+  background-color: @SC95;
+
+  .inner {
+    background-color: @SC90;
+  }
+}
+
+.ald-double-circle-icon-warning {
+  background-color: @SB95;
+
+  .inner {
+    background-color: @SB90;
+  }
+}

package/dist/Dropdown/style/index.less

@@ -26,20 +26,11 @@
     background-color: @NL97;
   }
 
-  .ant-dropdown-menu-submenu-title {
-    padding: 8px 24px 8px 12px;
-    line-height: 20px;
-    border-radius: 6px;
-
-    .ant-dropdown-menu-submenu-expand-icon {
-      right: 12px;
-    }
-  }
 
   .ant-dropdown-menu-item {
     padding: 8px 12px;
     line-height: 20px;
-    border-radius: 6px;
+    border-radius: 0;
   }
 
   .ant-dropdown-menu-item,
@@ -59,6 +50,16 @@
   }
 }
 
+.ant-dropdown-menu-submenu-title {
+  padding: 8px 24px 8px 12px;
+  line-height: 20px;
+  border-radius: 0 !important;
+
+  .ant-dropdown-menu-submenu-expand-icon {
+    right: 12px;
+  }
+}
+
 .ald-submenu.ant-dropdown-menu-submenu-popup {
   padding: 0;
   border: none;

package/dist/Empty/image/SearchSmall.js

@@ -14,6 +14,11 @@ var SearchSmall = function SearchSmall() {
     fill: "#EFF2F5",
     stroke: "#F9FAFB",
     strokeWidth: "5"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M19.4074 15.3333C17.1574 15.3333 15.3333 17.1574 15.3333 19.4074C15.3333 21.6575 17.1574 23.4815 19.4074 23.4815C20.5031 23.4815 21.4978 23.0489 22.23 22.3453C22.2466 22.3241 22.2646 22.3037 22.2842 22.2842C22.3037 22.2646 22.3241 22.2466 22.3453 22.23C23.0489 21.4978 23.4815 20.5031 23.4815 19.4074C23.4815 17.1574 21.6575 15.3333 19.4074 15.3333ZM23.6734 22.7306C24.3887 21.8138 24.8148 20.6603 24.8148 19.4074C24.8148 16.421 22.3938 14 19.4074 14C16.421 14 14 16.421 14 19.4074C14 22.3938 16.421 24.8148 19.4074 24.8148C20.6603 24.8148 21.8138 24.3887 22.7306 23.6734L24.8619 25.8047C25.1223 26.0651 25.5444 26.0651 25.8047 25.8047C26.0651 25.5444 26.0651 25.1223 25.8047 24.8619L23.6734 22.7306Z",
+    fill: "#667085"
   }));
 };
 

package/dist/Empty/style/index.less

@@ -46,12 +46,23 @@
       width:160px;
       height: 160px;
     }
+
+    .ald-empty-title{
+      margin-top: 20px;
+    }
   }
 
   &.ald-empty-small{
+    padding:24px;
+
     .ald-empty-image-wrap{
       width:40px;
       height: 40px;
+      
+    }
+
+    .ald-empty-title{
+      margin-top: 12px;
     }
   }
 }

package/dist/Icon/icons.js

@@ -1670,4 +1670,36 @@ export default [{
   "categoryCN": "线性",
   "author": "阿广",
   "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" width=\"1em\" height=\"1em\"><path fill=\"#000\" d=\"M3.75 2.25h16.5a1.5 1.5 0 0 1 1.5 1.5v16.5a1.5 1.5 0 0 1-1.5 1.5H3.75a1.5 1.5 0 0 1-1.5-1.5V3.75a1.5 1.5 0 0 1 1.5-1.5Zm3.75 4.5v-3H3.75v3H7.5Zm12.75 1.5H9v5.25h11.25V8.25ZM3.75 13.5H7.5V8.25H3.75v5.25ZM7.5 15H3.75v5.25H7.5V15ZM9 15v5.25h11.25V15H9ZM20.25 3.75H9v3h11.25v-3Z\" clip-rule=\"evenodd\" fill-rule=\"evenodd\" data-follow-fill=\"#000\"></path></svg>"
+}, {
+  "id": 209,
+  "title": "圆点-小号-填充",
+  "name": "dot-s-fill",
+  "category": "Fill",
+  "categoryCN": "填充",
+  "author": "阿广",
+  "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" width=\"1em\" height=\"1em\"><path fill=\"#000\" d=\"M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z\" data-follow-fill=\"#000\"></path></svg>"
+}, {
+  "id": 210,
+  "title": "定时-线性",
+  "name": "timing-line",
+  "category": "Line",
+  "categoryCN": "线性",
+  "author": "阿广",
+  "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" width=\"1em\" height=\"1em\"><path stroke-width=\"1.5\" stroke=\"#000\" d=\"M12 5.25v7.5h5.25\" data-follow-stroke=\"#000\"></path><path fill=\"#000\" d=\"M5.085 7.5H9V9H3V3h1.5v2.76A9.75 9.75 0 0 1 21.75 12h-1.5A8.25 8.25 0 0 0 5.085 7.5Zm13.83 9H15V15h6v6h-1.5v-2.76A9.75 9.75 0 0 1 2.25 12h1.5a8.25 8.25 0 0 0 15.165 4.5Z\" clip-rule=\"evenodd\" fill-rule=\"evenodd\" data-follow-fill=\"#000\"></path></svg>"
+}, {
+  "id": 211,
+  "title": "明细加速-线性",
+  "name": "details-accelerate-line",
+  "category": "Line",
+  "categoryCN": "线性",
+  "author": "阿广",
+  "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" width=\"1em\" height=\"1em\"><path fill=\"#000\" d=\"M6.75 4.5H1.5V6h5.25V4.5ZM6.75 18H1.5v1.5h5.25V18ZM6.75 11.25H1.5v1.5h5.25v-1.5ZM11.707 22.44a.75.75 0 0 1-.45-.802l1.366-8.887H9a.75.75 0 0 1-.75-.923l2.25-9.75a.75.75 0 0 1 .75-.577h7.5a.75.75 0 0 1 .735.915L18.188 8.25h3.562a.75.75 0 0 1 .675.42.75.75 0 0 1-.082.75l-9.75 12.75a.75.75 0 0 1-.593.33.818.818 0 0 1-.293-.06Zm4.605-12.69 1.5-6.75H11.85l-1.905 8.25h4.432l-1.192 7.71 7.065-9.21h-3.938Z\" data-follow-fill=\"#000\"></path></svg>"
+}, {
+  "id": 212,
+  "title": "聚合加速-线性",
+  "name": "polymerization-accelerate-line",
+  "category": "Line",
+  "categoryCN": "线性",
+  "author": "阿广",
+  "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" width=\"1em\" height=\"1em\"><path stroke-linejoin=\"round\" stroke-width=\"1.5\" stroke=\"#000\" d=\"M6.75 5.25h-4.5v13.5h4.5\" data-follow-stroke=\"#000\"></path><path fill=\"#000\" d=\"M11.707 22.44a.75.75 0 0 1-.45-.802l1.366-8.888H9a.75.75 0 0 1-.75-.922l2.25-9.75a.75.75 0 0 1 .75-.578h7.5a.75.75 0 0 1 .735.915L18.188 8.25h3.562a.75.75 0 0 1 .675.42.75.75 0 0 1-.082.75l-9.75 12.75a.75.75 0 0 1-.593.33.82.82 0 0 1-.293-.06Zm4.605-12.69 1.5-6.75H11.85l-1.905 8.25h4.432l-1.192 7.71 7.065-9.21h-3.938Z\" data-follow-fill=\"#000\"></path></svg>"
 }];

package/dist/Input/style/index.less

@@ -9,21 +9,21 @@
 @input-height-large: 36px;
 @input-padding-large: 5px 13px;
 @input-font-size-large: 16px;
-@input-border-radius-large: 8px;
+@input-border-radius-large: 6px;
 @input-prefix-margin-right-large: 8px;
 @input-clear-icon-large: 20px;
 // size===middle
 @input-height-middle: 32px;
 @input-padding-middle: 5px 11px;
 @input-font-size-middle: 14px;
-@input-border-radius-middle: 6px;
+@input-border-radius-middle: 4px;
 @input-prefix-margin-right-middle: 8px;
 @input-clear-icon-middle: 16px;
 // size===small
 @input-height-small: 28px;
 @input-padding-small: 5px 9px;
 @input-font-size-small: 12px;
-@input-border-radius-small: 6px;
+@input-border-radius-small: 4px;
 @input-prefix-margin-right-small: 4px;
 @input-clear-icon-small: 14px;
 //custom status
@@ -34,7 +34,7 @@
 @input-bg-color: @BG100;
 // active status
 @input-active-border-color: @B40;
-@input-box-shadow-active: @shadow-xs;
+// @input-box-shadow-active: @shadow-xs;
 // disabled status
 @input-disabled-border-color: @BG60;
 @input-disabled-bg-color: @BG90;
@@ -47,7 +47,7 @@
   background-color: @input-bg-color;
   border-color: @input-border-color;
   border-radius: @input-border-radius-middle;
-  box-shadow: @shadow-xs;
+  // box-shadow: @shadow-xs;
   caret-color: @B60;
 
   &::placeholder {
@@ -67,7 +67,7 @@
   &:hover,
   &-focused {
     border-color: @input-active-border-color;
-    box-shadow: @input-box-shadow-active;
+    // box-shadow: @input-box-shadow-active;
   }
 
   &[disabled].ald-input {
@@ -112,7 +112,7 @@
   &:focus,
   &-focused {
     border-color: @input-active-border-color;
-    box-shadow: @input-box-shadow-active;
+    // box-shadow: @input-box-shadow-active;
   }
 
   .ant-input {
@@ -155,12 +155,12 @@
 .ant-input-affix-wrapper-focused {
   &.ant-input-password {
     border-color: @input-active-border-color;
-    box-shadow: @input-box-shadow-active;
+    // box-shadow: @input-box-shadow-active;
   }
 
   &:hover {
     border-color: @input-active-border-color;
-    box-shadow: @input-box-shadow-active;
+    // box-shadow: @input-box-shadow-active;
   }
 
   .ant-input:hover {
@@ -222,7 +222,7 @@
 }
 
 .ald-input-group-large {
-  .ald-input {
+  &:not(.ant-input-group-compact) .ald-input {
     height: @input-height-large;
     padding: @input-padding-large;
     font-size: @input-font-size-large;
@@ -236,21 +236,26 @@
     }
   }
 
-  &.ant-input-group-compact {
-    .ald-input {
-      &:first-of-type {
-        border-radius: @input-border-radius-large 0 0 @input-border-radius-large;
-      }
-
-      &:last-of-type {
-        border-radius: 0 @input-border-radius-large @input-border-radius-large 0;
-      }
+  &.ant-input-group-compact{
+    .ald-input,.ald-select,.ald-btn.ant-btn{
+      border-radius: 0;
     }
   }
+
+  &.ant-input-group-compact>*:first-child{
+    border-start-start-radius: @input-border-radius-large !important;
+    border-end-start-radius: @input-border-radius-large !important;
+  }
+
+  &.ant-input-group-compact>*:last-child{
+    border-inline-end-width: 1px;
+    border-start-end-radius:  @input-border-radius-large !important;
+    border-end-end-radius:  @input-border-radius-large !important;
+  }
 }
 
 .ald-input-group-middle {
-  .ald-input {
+  &:not(.ant-input-group-compact) .ald-input {
     height: @input-height-middle;
     padding: @input-padding-middle;
     font-size: @input-font-size-middle;
@@ -265,21 +270,26 @@
     }
   }
 
-  &.ant-input-group-compact {
-    .ald-input {
-      &:first-of-type {
-        border-radius: @input-border-radius-middle 0 0 @input-border-radius-middle;
-      }
-
-      &:last-of-type {
-        border-radius: 0 @input-border-radius-middle @input-border-radius-middle 0;
-      }
+  &.ant-input-group-compact{
+    .ald-input,.ald-select,.ald-btn.ant-btn{
+      border-radius: 0;
     }
   }
+
+  &.ant-input-group-compact>*:first-child{
+    border-start-start-radius: @input-border-radius-middle !important;
+    border-end-start-radius: @input-border-radius-middle !important;
+  }
+
+  &.ant-input-group-compact>*:last-child{
+    border-inline-end-width: 1px;
+    border-start-end-radius:  @input-border-radius-middle !important;
+    border-end-end-radius:  @input-border-radius-middle !important;
+  }
 }
 
 .ald-input-group-small {
-  .ald-input {
+  &:not(.ant-input-group-compact) .ald-input {
     height: @input-height-small;
     padding: @input-padding-small;
     font-size: @input-font-size-small;
@@ -294,17 +304,22 @@
     }
   }
 
-  &.ant-input-group-compact {
-    .ald-input {
-      &:first-of-type {
-        border-radius: @input-border-radius-small 0 0 @input-border-radius-small;
-      }
-
-      &:last-of-type {
-        border-radius: 0 @input-border-radius-small @input-border-radius-small 0;
-      }
+  &.ant-input-group-compact{
+    .ald-input,.ald-select,.ald-btn.ant-btn{
+      border-radius: 0;
     }
   }
+
+  &.ant-input-group-compact>*:first-child{
+    border-start-start-radius: @input-border-radius-small !important;
+    border-end-start-radius: @input-border-radius-small !important;
+  }
+
+  &.ant-input-group-compact>*:last-child{
+    border-inline-end-width: 1px;
+    border-start-end-radius:  @input-border-radius-small !important;
+    border-end-end-radius:  @input-border-radius-small !important;
+  }
 }
 
 .ald-textarea-large {