@aloudata/aloudata-design 1.0.9 → 1.1.1

package/dist/App/index.d.ts

@@ -0,0 +1,4 @@
+import { AppProps } from 'antd';
+import React from 'react';
+declare const AldApp: React.FC<AppProps>;
+export default AldApp;

package/dist/App/index.js

@@ -0,0 +1,27 @@
+var _excluded = ["children", "className"];
+
+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 { legacyLogicalPropertiesTransformer, StyleProvider } from '@ant-design/cssinjs';
+import { App } from 'antd';
+import classNames from 'classnames';
+import React from 'react';
+
+var AldApp = function AldApp(_ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      restProps = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(StyleProvider, {
+    hashPriority: "high",
+    transformers: [legacyLogicalPropertiesTransformer]
+  }, /*#__PURE__*/React.createElement(App, _extends({
+    className: classNames('ald-app', className)
+  }, restProps), children));
+};
+
+export default AldApp;

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

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

package/dist/App/style/index.js

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

package/dist/App/style/index.less

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

package/dist/Breadcrumb/style/index.less

@@ -1,6 +1,6 @@
 @import '../../style/index.less';
 
-.ald-breadcrumb.ant-breadcrumb li {
+.ald-breadcrumb.ald-breadcrumb.ant-breadcrumb li {
   color: @NL50;
   font-weight: 600;
   font-size: 24px;

package/dist/Button/style/index.less

@@ -1,7 +1,7 @@
 @import '../../style/index.less';
 @import './variables.less';
 
-.ald-btn {
+.ald-btn.ant-btn {
   &.ald-btn {
     // &-loading::before{
     //   // display: none !important;
@@ -194,6 +194,7 @@
       background-color: @button-link-bg-color;
       border-color: @button-link-bg-color;
       box-shadow: none;
+      padding: 0 !important;
 
       &:focus {
         color: @button-link-color;
@@ -256,11 +257,11 @@
         border-radius: 50%;
       }
 
-      .aldicon-icon-left {
-        svg {
-          vertical-align: -4px;
-        }
-      }
+      // .aldicon-icon-left {
+      //   svg {
+      //     vertical-align: -4px;
+      //   }
+      // }
 
       gap: @button-left-icon-margin-right-large;
       // .aldicon-icon-left + span {
@@ -287,11 +288,11 @@
         border-radius: 50%;
       }
 
-      .aldicon-icon-left {
-        svg {
-          vertical-align: -3px;
-        }
-      }
+      // .aldicon-icon-left {
+      //   svg {
+      //     vertical-align: -3px;
+      //   }
+      // }
 
       gap: @button-left-icon-margin-right-middle;
       // .aldicon-icon-left + span {
@@ -318,11 +319,11 @@
         border-radius: 50%;
       }
 
-      .aldicon-icon-left {
-        svg {
-          vertical-align: -2px;
-        }
-      }
+      // .aldicon-icon-left {
+      //   svg {
+      //     vertical-align: -2px;
+      //   }
+      // }
 
       gap: @button-left-icon-margin-right-small;
       // .aldicon-icon-left + span {

package/dist/Button/style/variables.less

@@ -6,20 +6,20 @@
 /** size控制 **/
 @button-height-large: 36px;
 @button-text-size-large: 16px;
-@button-border-radius-large: 6px;
-@button-border-padding-large: 5px 23px;
+@button-border-radius-large: 4px;
+@button-border-padding-large: 5px 15px;
 @button-left-icon-margin-right-large: 8px;
 
 @button-height-middle: 32px;
 @button-text-size-middle: 13px;
-@button-border-radius-middle: 4px;
-@button-border-padding-middle: 5px 19px;
+@button-border-radius-middle: 2px;
+@button-border-padding-middle: 5px 11px;
 @button-left-icon-margin-right-middle: 4px;
 
 @button-height-small: 28px;
 @button-text-size-small: 12px;
-@button-border-radius-small: 4px;
-@button-border-padding-small: 5px 15px;
+@button-border-radius-small: 2px;
+@button-border-padding-small: 5px 7px;
 @button-left-icon-margin-right-small: 4px;
 
 // @button-height-mini: 24px;

package/dist/Checkbox/style/index.less

@@ -1,6 +1,6 @@
 @import '../../style/index.less';
 
-.ald-checkbox {
+.ald-checkbox.ald-checkbox {
   height: 20px;
   color: @NL0;
   font-size: 13px;
@@ -151,7 +151,7 @@
   }
 }
 
-.ald-checkbox.ant-checkbox-wrapper-disabled {
+.ald-checkbox.ald-checkbox.ant-checkbox-wrapper-disabled {
   cursor: default;
 }
 

package/dist/Divider/style/index.less

@@ -1,5 +1,5 @@
 @import '../../style/index.less';
 
 .ald-divider {
-  border-color: @BG70;
+  border-color: @BG60;
 }

package/dist/Dropdown/style/index.less

@@ -1,6 +1,6 @@
 @import '../../style/index.less';
 
-@Dropdown-menu-minWidth: 168px;
+@Dropdown-menu-minWidth: 140px;
 
 .ant-dropdown-menu > .ant-dropdown-menu {
   padding: 0;
@@ -22,12 +22,27 @@
   padding: 4px;
   color: @NL0;
   box-shadow: @shadow-L;
+
+  .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title {
+    &:hover {
+      background-color: #f8f8f8;
+    }
+
+    &.ant-dropdown-menu-item-disabled {
+      color: @NL80;
+      cursor: default;
+
+      &:hover {
+        background-color: @BG100;
+      }
+    }
+  } 
 }
 
-.ald-menu,
-.ald-submenu {
+.ald-menu.ald-menu,
+.ald-submenu.ald-submenu {
   .ant-dropdown-menu-item-active {
-    background-color: @NL97;
+    background-color: #f8f8f8;
   }
 
 
@@ -38,9 +53,9 @@
   }
 
   .ant-dropdown-menu-item,
-  .ant-dropdown-menu-submenu-title {
+  .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title {
     &:hover {
-      background-color: @NL97;
+      background-color: #f8f8f8;
     }
 
     &.ant-dropdown-menu-item-disabled {
@@ -54,7 +69,7 @@
   }
 }
 
-.ant-dropdown-menu-submenu-title {
+.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title {
   padding: 8px 24px 8px 12px;
   line-height: 20px;
   border-radius: 0 !important;

package/dist/Empty/style/index.less

@@ -24,15 +24,15 @@
 
   .ald-empty-title {
     color: @NL0;
-    font-size: 16px;
+    font-size: 13px;
     line-height: 24px;
     margin-bottom: 4px;
-    font-weight: 600;
+    font-weight: 500;
   }
 
   .ald-empty-description {
     color: @NL40;
-    font-size: 14px;
+    font-size: 13px;
     line-height: 20px;
     font-weight: 400;
   }

package/dist/Input/style/index.less

@@ -7,23 +7,23 @@
 @ald-iconfont-css-prefix: anticon;
 // size===large
 @input-height-large: 36px;
-@input-padding-large: 5px 13px;
+@input-padding-large: 5px 11px;
 @input-font-size-large: 16px;
-@input-border-radius-large: 6px;
+@input-border-radius-large: 4px;
 @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: 4px;
-@input-prefix-margin-right-middle: 8px;
+@input-padding-middle: 5px 7px;
+@input-font-size-middle: 13px;
+@input-border-radius-middle: 2px;
+@input-prefix-margin-right-middle: 4px;
 @input-clear-icon-middle: 16px;
 // size===small
 @input-height-small: 28px;
-@input-padding-small: 5px 9px;
+@input-padding-small: 5px 7px;
 @input-font-size-small: 12px;
-@input-border-radius-small: 4px;
+@input-border-radius-small: 2px;
 @input-prefix-margin-right-small: 4px;
 @input-clear-icon-small: 14px;
 //custom status
@@ -40,9 +40,9 @@
 @input-disabled-bg-color: @BG90;
 @input-disabled-font-color: @NL40;
 
-.ant-input.ald-input,
-.ant-input-affix-wrapper.ald-input, 
-.ald-input .ant-input {
+.ant-input.ald-input.ald-input,
+.ant-input-affix-wrapper.ald-input.ald-input, 
+.ald-input.ald-input .ant-input {
   color: @NL0;
   font-weight: 400;
   background-color: @input-bg-color;
@@ -106,7 +106,7 @@
   }
 }
 
-.ant-input-affix-wrapper.ant-input-affix-wrapper {
+.ant-input-affix-wrapper.ant-input-affix-wrapper.ant-input-affix-wrapper {
   background-color: @input-bg-color;
   border-color: @input-border-color;
 
@@ -115,6 +115,7 @@
   &-focused {
     border-color: @input-active-border-color;
     // box-shadow: @input-box-shadow-active;
+    box-shadow: none;
   }
 
   .ant-input {
@@ -351,23 +352,23 @@
   border-radius: @border-radius-small;
 }
 
-textarea.ald-input-textarea-large,
-.ald-input-textarea-large .ant-input {
+textarea.ald-input-textarea-large.ald-input-textarea,
+.ald-input-textarea.ald-input-textarea-large .ant-input {
   .ald-textarea-large();
 }
 
-textarea.ald-input-textarea-middle,
-.ald-input-textarea-middle .ant-input {
+textarea.ald-input-textarea-middle.ald-input-textarea,
+.ald-input-textarea.ald-input-textarea-middle .ant-input {
   .ald-textarea-middle();
 }
 
-textarea.ald-input-textarea-small,
-.ald-input-textarea-small .ant-input {
+textarea.ald-input-textarea-small.ald-input-textarea,
+.ald-input-textarea.ald-input-textarea-small .ant-input {
   .ald-textarea-small();
 }
 
-textarea.ald-input-textarea,
-.ald-input-textarea .ant-input {
+textarea.ald-input-textarea.ald-input-textarea,
+.ald-input-textarea.ald-input-textarea .ant-input {
   color: @NL0;
   background: @input-bg-color;
   caret-color: @B60;

package/dist/InputNumber/style/index.less

@@ -3,18 +3,18 @@
 
 @inputNumber-height-large: 36px;
 @inputNumber-font-size-large: 16px;
-@inputNumber-border-radius-large: 6px;
-@inputNumber-padding-large: 0 14px;
+@inputNumber-border-radius-large: 4px;
+@inputNumber-padding-large: 0 11px;
 
 @inputNumber-height-middle: 32px;
-@inputNumber-font-size-middle: 14px;
-@inputNumber-border-radius-middle: 4px;
-@inputNumber-padding-middle: 0 12px;
+@inputNumber-font-size-middle: 13px;
+@inputNumber-border-radius-middle: 2px;
+@inputNumber-padding-middle: 0 7px;
 
 @inputNumber-height-small: 28px;
 @inputNumber-font-size-small: 12px;
-@inputNumber-border-radius-small: 4px;
-@inputNumber-padding-small: 0 10px;
+@inputNumber-border-radius-small: 2px;
+@inputNumber-padding-small: 0 7px;
 
 //默认
 @inputNumber-bg-color: @BG100;

package/dist/Menu/style/dropdown.less

@@ -5,11 +5,12 @@
   border: 1px solid @BG70;
   border-radius: 2px;
   box-shadow: @shadow-L;
-  padding: 4px 0;
+  padding:  0;
 
   .ant-dropdown-menu-item-divider,
   .ant-dropdown-menu-submenu-title-divider {
     background-color: @BG70;
+    margin:0;
   }
 
   .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
@@ -17,7 +18,7 @@
   }
 
   .ant-dropdown-menu-item {
-    padding: 6px 12px;
+    padding: 6px 8px;
     line-height: 20px;
     font-size: 13px;
     border-radius: 0;
@@ -34,19 +35,23 @@
   }
 }
 
-.ant-dropdown {
+.ant-dropdown.ant-dropdown {
   .ald-menu.ant-dropdown-menu {
     .dropdown-menu-content();
   }
 }
 
-.ant-dropdown-menu-submenu {
+.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu {
   .ant-dropdown-menu-sub {
     .dropdown-menu-content();
   }
 
   &.ant-dropdown-menu-submenu-popup {
-    min-width: 168px;
+    min-width: 140px;
+  }
+
+  &.ant-dropdown-menu-submenu-active {
+    background-color: @BG90; 
   }
 }
 

package/dist/Menu/style/index.less

@@ -12,7 +12,7 @@
   .ant-menu-item-selected {
     margin: 0;
     height: initial;
-    padding: 6px 12px;
+    padding: 6px 8px;
     line-height: 20px;
     font-size: 13px;
     width: 100%;
@@ -82,7 +82,7 @@
   }
 }
 
-.ant-menu-submenu.ant-menu-submenu-popup.ant-menu{
+.ant-menu-submenu.ant-menu-submenu.ant-menu-submenu-popup.ant-menu{
   .ant-menu-vertical {
     border: 1px solid @BG70;
     border-radius: 2px;
@@ -94,7 +94,7 @@
   .ant-menu-item-selected {
     margin: 0;
     height: initial;
-    padding: 6px 12px;
+    padding: 6px 8px;
     line-height: 20px;
     font-size: 13px;
     width: 100%;
@@ -147,7 +147,7 @@
   }
 
   .ant-menu.ant-menu-sub{
-    padding:4px 0;
+    padding: 0;
   }
 
   .ant-menu-title-content{

package/dist/Modal/style/index.less

@@ -1,12 +1,22 @@
 @import '../../style/index.less';
 
-.ald-modal {
+.ald-modal.ald-modal {
   .ant-modal-content {
     padding: 15px 23px;
     box-shadow: 0 20px 24px -4px rgb(16 24 40 / 8%),
       0 8px 8px -4px rgb(16 24 40 / 3%);
     border-radius: 4px;
-    border:1px solid @BG60;
+    border: 1px solid @BG60;
+
+    .ant-modal-body {
+      max-height: 70vh;
+      overflow: auto;
+      overflow: overlay;
+      line-height: 20px;
+      font-size: 13px;
+
+     
+    }
   }
 
   .ald-modal-close {
@@ -55,32 +65,23 @@
     }
   }
 
-  .ant-modal-body {
-    max-height: 70vh;
-    overflow: auto;
-    overflow: overlay;
-    line-height: 20px;
-    font-size: 13px;
-  }
-
   .ant-modal-footer {
     .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
       margin-bottom: 0;
       margin-inline-start: 12px;
     }
   }
-  
 }
 
-.ald-modal-padding-less{
+.ald-modal-padding-less {
   .ant-modal-content {
-    .ant-modal-body{
+    .ant-modal-body {
       margin: 0 -24px;
     }
   }
 }
 
-.ant-modal-confirm {
+.ald-modal.ant-modal-confirm {
   .ant-modal-confirm-body > .i-icon {
     & + .ant-modal-confirm-title {
       flex: 1;
@@ -92,28 +93,27 @@
         margin-left: 28px;
       }
     }
-
   }
 
-  .ant-modal-confirm-body{
+  .ant-modal-confirm-body {
     display: block;
 
-    > span.anticon{
+    > span.anticon {
       display: none;
 
-      +.ant-modal-confirm-title+.ant-modal-confirm-content{
+      + .ant-modal-confirm-title + .ant-modal-confirm-content {
         margin-left: 0;
         margin-top: 16px;
       }
     }
-  } 
+  }
 
   .ant-modal-confirm-btns {
     margin-block-start: 16px;
   }
 }
 
-.ald-modal-warning {
+.ald-modal.ald-modal-warning {
   .ant-modal-confirm-btns {
     .ald-btn {
       background-color: @SB40;

package/dist/Popconfirm/style/index.less

@@ -1,7 +1,8 @@
 @import '../../style/index.less';
 
-.ant-popover .ant-popover-inner {
+.ant-popover.ant-popover .ant-popover-inner {
   padding: 16px;
+  border-radius: 4px;
 
   .ant-popover-inner-content {
     .ant-popconfirm-message {

package/dist/Popover/style/index.less

@@ -1,6 +1,6 @@
 @import '../../style/index.less';
 
-.ald-popover {
+.ald-popover.ald-popover {
   .ant-popover-title {
     min-width: 312px;
     height: 24px;

package/dist/Radio/style/index.less

@@ -7,8 +7,8 @@
 @radio-group-height-middle: 32px;
 @radio-group-height-small: 28px;
 @radio-button-padding: 12px;
-@radio-button-padding-large: 14px;
-@radio-button-padding-small: 10px;
+@radio-button-padding-large: 12px;
+@radio-button-padding-small: 8px;
 @radio-button-padding-middle: 12px;
 
 // Radio组件基础样式
@@ -70,7 +70,7 @@
 .ald-radio-checked > .ald-radio-inner {
   border: 1px solid @B40;
   background: @B95;
-  transform: background 0.5s ease;
+  transition: background 0.5s ease;
 
   &::after {
     position: absolute;
@@ -219,12 +219,12 @@
     cursor: pointer;
 
     &:first-child {
-      border-radius: 6px 0 0 6px;
+      border-radius: @border-radius-middle 0 0 @border-radius-middle;
     }
 
     &:last-child {
       border-right: 1px solid @BG60;
-      border-radius: 0 6px 6px 0;
+      border-radius: 0 @border-radius-middle @border-radius-middle 0;
     }
 
     .ald-radio {

package/dist/Select/style/index.less

@@ -6,19 +6,20 @@
 @import './size.less';
 @import './status.less';
 
-.ant-select-dropdown {
+.ant-select-dropdown.ant-select-dropdown {
   padding-left: 0;
   padding-right: 0;
+  border-radius: 2px;
 
   &.ald-select-popup {
     // max-height: 264px;
     overflow-y: auto;
     overflow-y: overlay;
-    border:1px solid @BG70;
+    border: 1px solid @BG70;
   }
 }
 
-.ald-select {
+.ald-select.ald-select {
   display: inline-block;
   position: relative;
   box-sizing: border-box;
@@ -29,10 +30,6 @@
   cursor: pointer;
   width: 100%;
 
-  .ant-select-selector {
-    color: @NL0;
-  }
-
   .ald-select-prefix {
     color: @NL40;
     display: inline-flex;
@@ -51,69 +48,79 @@
     }
   }
 
-  .ant-select.ald-select-prefix-select {
+  .ant-select {
     .ant-select-selector {
-      border: none;
+      color: @NL0;
+      align-items: center;
     }
-  }
-}
 
-.ant-select-selection-overflow {
-  .ant-select-selection-overflow-item {
-    // display: flex;
-    align-items: center;
-    line-height: inherit;
+    .ant-select.ald-select-prefix-select {
+      .ant-select-selector {
+        border: none;
+      }
+    }
 
-    .ant-select-selection-item {
-      height: auto;
-      margin-top: 0;
+    .ant-select-selection-overflow {
+      align-self: normal;
 
-      .ant-select-selection-item-content {
+      .ant-select-selection-overflow-item {
         // display: flex;
-        // align-items: center;
-        margin: 0;
-      }
-
-      .ant-select-selection-item-remove {
-        display: flex;
         align-items: center;
-        margin: 0;
-        font-size: inherit;
+        line-height: inherit;
+        height: 100%;
+
+        .ant-select-selection-item {
+          height: auto;
+          margin-top: 0;
+
+          .ant-select-selection-item-content {
+            // display: flex;
+            // align-items: center;
+            margin: 0;
+          }
+
+          .ant-select-selection-item-remove {
+            display: flex;
+            align-items: center;
+            margin: 0;
+            font-size: inherit;
+          }
+        }
+
+        &.ant-select-selection-overflow-item-rest {
+          .ant-select-selection-item {
+            border: none;
+            background: none;
+            margin-bottom: 0;
+          }
+        }
+
+        .ald-select-multiple-tag-default {
+          color: inherit;
+
+          &::before {
+            content: '，';
+          }
+        }
+
+        .ant-select-selection-search-input {
+          height: inherit;
+          line-height: inherit;
+          caret-color: @B60;
+        }
       }
-    }
 
-    &.ant-select-selection-overflow-item-rest {
-      .ant-select-selection-item {
-        border: none;
-        background: none;
-        margin-bottom: 0;
+      .ant-select-selection-overflow-item-rest {
+        .ant-select-selection-item {
+          padding-inline-start: 0;
+        }
       }
-    }
-
-    .ald-select-multiple-tag-default {
-      color: inherit;
 
-      &::before {
-        content: '，';
+      .ant-select-selection-overflow-item:first-of-type {
+        .ald-select-multiple-tag-default::before {
+          content: '';
+        }
       }
     }
-
-    .ant-select-selection-search-input {
-      height: inherit;
-      line-height: inherit;
-      caret-color: @B60;
-    }
-  }
-
-  .ant-select-selection-overflow-item-rest {
-    .ant-select-selection-item {
-      padding-inline-start: 0;
-    }
-  }
-
-  .ant-select-selection-overflow-item:first-of-type {
-    .ald-select-multiple-tag-default::before {
-      content: '';
-    }
   }
 }

package/dist/Select/style/size.less

@@ -1,5 +1,5 @@
 
-.ald-select{
+.ald-select.ald-select{
   &.ald-select-small{
     height: @select-height-small;
     font-size: @select-font-size-small;

package/dist/Select/style/status.less

@@ -1,4 +1,4 @@
-.ald-select {
+.ald-select.ald-select {
   /**
    * @file focused状态
    */

package/dist/Select/style/variables.less

@@ -3,10 +3,10 @@
 
 // large size
 @select-height-large: 36px;
-@select-border-radius-large: 6px;
+@select-border-radius-large: 4px;
 @select-font-size-large: 16px;
 @select-line-height-large: 24px;
-@select-padding-left-large: 13px;
+@select-padding-left-large: 11px;
 @selector-height-large: 34px;
 @selector-item-margin-left-large: 8px;
 // @prefix-margin-right-large: 8px;
@@ -14,10 +14,10 @@
 
 // medium size
 @select-height-middle: 32px;
-@select-border-radius-middle: 4px;
+@select-border-radius-middle: 2px;
 @select-font-size-middle: 14px;
 @select-line-height-middle: 20px;
-@select-padding-left-middle: 11px;
+@select-padding-left-middle: 7px;
 @selector-height-middle: 30px;
 @selector-item-margin-left-middle: 4px;
 // @prefix-margin-right-middle: 8px;
@@ -25,10 +25,10 @@
 
 // small size
 @select-height-small: 28px;
-@select-border-radius-small: 4px;
+@select-border-radius-small: 2px;
 @select-font-size-small: 12px;
 @select-line-height-small: 16px;
-@select-padding-left-small: 9px;
+@select-padding-left-small: 7px;
 @selector-height-small: 26px;
 @selector-item-margin-left-small: 4px;
 // @prefix-margin-right-small: 4px;

package/dist/Spin/index.js

@@ -21,6 +21,7 @@ function CustomSpin(props) {
   }
 
   return /*#__PURE__*/React.createElement(Spin, _extends({
+    className: "ald-spin",
     indicator: /*#__PURE__*/React.createElement(CustomIcon, {
       size: props.size
     })

package/dist/Spin/style/index.less

@@ -1 +1,7 @@
-@import '../../style/index.less';
+@import '../../style/index.less';
+
+.ant-spin.ald-spin {
+  .ant-spin-text {
+    color: @B40;
+  }
+}

package/dist/Steps/style/index.less

@@ -1,7 +1,7 @@
 @import '../../style/index.less';
 
 // 水平状态下
-.ant-steps.ald-steps {
+.ant-steps.ald-steps.ald-steps {
   padding: 24px;
 
   .ant-steps-item .ant-steps-item-container .ant-steps-item-icon {
@@ -144,7 +144,7 @@
   }
 }
 // 竖直状态下
-.ant-steps.ald-steps.ant-steps-vertical {
+.ant-steps.ald-steps.ant-steps-vertical.ald-steps {
   height: 100%;
 
   .ant-steps-item .ant-steps-item-container .ant-steps-item-icon {
@@ -245,7 +245,7 @@
   }
 }
 
-.ant-steps.ald-steps
+.ant-steps.ald-steps.ald-steps
   .ant-steps-item:not(.ant-steps-item-active)
   > .ant-steps-item-container[role='button'] {
   cursor: pointer;
@@ -277,7 +277,7 @@
   color: @B40;
 }
 
-.ald-steps .finish-icon-box {
+.ald-steps.ald-steps .finish-icon-box {
   position: relative;
   background-color: @B40;
   display: grid;
@@ -289,7 +289,7 @@
   }
 }
 
-.ald-steps .error-icon-box {
+.ald-steps.ald-steps .error-icon-box {
   position: relative;
   background-color: @SC50;
   display: grid;
@@ -302,7 +302,7 @@
 }
 
 // 提升该类名的优先级，不然会被.iconBox覆盖掉
-.ald-steps .process-icon-box {
+.ald-steps.ald-steps .process-icon-box {
   position: relative;
   background-color: @B40;
 
@@ -319,7 +319,7 @@
   }
 }
 
-.ald-steps .wait-icon-box {
+.ald-steps.ald-steps .wait-icon-box {
   position: relative;
   background-color: @BG60;
 

package/dist/Switch/style/index.less

@@ -10,7 +10,7 @@
 @switch-aspect-ratio: 2; //宽高比
 @switch-height-radius-ratio: 2; //高度和边框圆角比
 
-.ald-switch {
+.ald-switch.ald-switch {
   display: inline-block;
   font-size: 0;
 
@@ -38,7 +38,7 @@
     .ald-switch-btn {
       background-color: @B40;
 
-      &:hover{
+      &:hover {
         background-color: @B40;
       }
     }
@@ -79,6 +79,11 @@
           width: @switch-handle-middle - 4px;
           height: @switch-handle-middle - 4px;
           font-size: @switch-handle-middle - 4px;
+          
+          svg {
+            width: @switch-handle-middle - 4px;
+            height: @switch-handle-middle - 4px;
+          }
         }
       }
     }
@@ -117,6 +122,11 @@
           width: @switch-handle-small - 4px;
           height: @switch-handle-small - 4px;
           font-size: @switch-handle-small - 4px;
+
+          svg {
+            width: @switch-handle-small - 4px;
+            height: @switch-handle-small - 4px;
+          }
         }
       }
     }

package/dist/Tooltip/style/index.less

@@ -1,6 +1,6 @@
 @import '../../style/index.less';
 
-.ald-tooltip-overlay {
+.ald-tooltip-overlay.ald-tooltip-overlay {
   .ant-tooltip-inner {
     padding: 6px 12px;
     line-height: 20px;

package/dist/Tree/demo/basic/index.js

@@ -1,7 +1,11 @@
 import { Tree } from "../../..";
+import { legacyLogicalPropertiesTransformer, StyleProvider } from '@ant-design/cssinjs';
 import React from 'react';
 export default (function () {
-  return /*#__PURE__*/React.createElement(Tree, {
+  return /*#__PURE__*/React.createElement(StyleProvider, {
+    hashPriority: "high",
+    transformers: [legacyLogicalPropertiesTransformer]
+  }, /*#__PURE__*/React.createElement(Tree, {
     treeData: [{
       title: 'parent 1',
       key: '0-0',
@@ -30,5 +34,5 @@ export default (function () {
         }]
       }]
     }]
-  });
+  }));
 });

package/dist/Tree/style/index.less

@@ -1,6 +1,6 @@
 @import '../../style/index.less';
 
-.ant-tree .ant-tree-treenode{
+.ant-tree.ant-tree .ant-tree-treenode{
   height: 28px;
   align-items: center;
   padding:0 12px;

package/dist/index.d.ts

@@ -78,3 +78,4 @@ export type { PopconfirmProps } from './Popconfirm';
 export { default as Popconfirm } from './Popconfirm';
 export { default as Collapse } from './Collapse';
 export type { CollapsePanelProps, CollapseProps } from './Collapse';
+export { default as App } from './App';

package/dist/index.js

@@ -41,4 +41,5 @@ export { default as Empty } from "./Empty";
 export { default as Avatar } from "./Avatar";
 export { default as Icon } from "./Icon";
 export { default as Popconfirm } from "./Popconfirm";
-export { default as Collapse } from "./Collapse";
+export { default as Collapse } from "./Collapse";
+export { default as App } from "./App";

package/dist/notification/demo/index.js

@@ -1,4 +1,6 @@
 import { Button, notification, Space } from "../..";
+import { legacyLogicalPropertiesTransformer, StyleProvider } from '@ant-design/cssinjs';
+import { App } from 'antd';
 import React from 'react';
 export default (function () {
   var notices = function notices(type) {
@@ -12,7 +14,10 @@ export default (function () {
     });
   };
 
-  return /*#__PURE__*/React.createElement(Space, {
+  return /*#__PURE__*/React.createElement(StyleProvider, {
+    hashPriority: "high",
+    transformers: [legacyLogicalPropertiesTransformer]
+  }, /*#__PURE__*/React.createElement(App, null, /*#__PURE__*/React.createElement(Space, {
     direction: "vertical"
   }, /*#__PURE__*/React.createElement(Button, {
     onClick: function onClick() {
@@ -30,5 +35,5 @@ export default (function () {
     onClick: function onClick() {
       return notices('info');
     }
-  }, "Notification info with message\u3001description"));
+  }, "Notification info with message\u3001description"))));
 });

package/dist/style/mixins/index.less

@@ -9,4 +9,8 @@
 
 * :focus-visible{
   outline: none;
+}
+
+* :focus{
+  outline: none;
 }

package/dist/style/themes/default/index.less

@@ -3,11 +3,6 @@
 @font-family:inter, -apple-system, PingFang SC, BlinkMacSystemFont,"Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji","Segoe UI Emoji", "Segoe UI Symbol";
 @ald-prefix: ant;
 
-// base 不分大小写情况
-@border-radius-base: 8px;
-@line-height-base: 20px;
-@font-size-base: 14px;
-
 // large
 @font-size-large: 16px;
 @line-height-large: 24px;
@@ -15,7 +10,7 @@
 @padding-bottom-large: 6px;
 @padding-left-large: 12px;
 @padding-right-large: 12px;
-@border-radius-large: 6px;
+@border-radius-large: 4px;
 
 // middle
 @font-size-middle: 13px;
@@ -24,7 +19,7 @@
 @padding-bottom-middle: 6px;
 @padding-left-middle: 12px;
 @padding-right-middle: 12px;
-@border-radius-middle: 4px;
+@border-radius-middle: 2px;
 
 // small
 @font-size-small: 12px;
@@ -33,4 +28,4 @@
 @padding-bottom-small: 6px;
 @padding-left-small: 8px;
 @padding-right-small: 8px;
-@border-radius-small: 4px;
+@border-radius-small: 2px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aloudata/aloudata-design",
-  "version": "1.0.9",
+  "version": "1.1.1",
   "description": "",
   "license": "MIT",
   "module": "dist/index.js",
@@ -53,7 +53,8 @@
   "dependencies": {
     "@aloudata/icons-react": "^0.2.2",
     "@aloudata/icons-svg": "0.1.7",
-    "antd": "^5.3.1",
+    "@ant-design/cssinjs": "^1.9.1",
+    "antd": "5.4.3",
     "compare-func": "^2.0.0",
     "conventional-changelog": "^3.1.25",
     "conventional-changelog-cli": "^2.2.2",