@aloudata/aloudata-design 1.1.0 → 1.1.2

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,26 @@
+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, {
+    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,16 +257,19 @@
         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 {
       //   margin-left: @button-left-icon-margin-right-large;
       // }
+      &:not(.ant-btn-circle):not(.ant-btn-icon-only):not(.ald-btn-link) {
+        min-width: @button-text-min-width-large;
+      }
     }
 
     &-middle {
@@ -287,16 +291,19 @@
         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 {
       //   margin-left: @button-left-icon-margin-right-middle;
       // }
+      &:not(.ant-btn-circle):not(.ant-btn-icon-only):not(.ald-btn-link) {
+        min-width: @button-text-min-width-middle;
+      }
     }
 
     &-small {
@@ -318,16 +325,19 @@
         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 {
       //   margin-left: @button-left-icon-margin-right-small;
       // }
+      &:not(.ant-btn-circle):not(.ant-btn-icon-only):not(.ald-btn-link) {
+        min-width: @button-text-min-width-small;
+      }
     }
 
     // &-mini {

package/dist/Button/style/variables.less

@@ -6,21 +6,24 @@
 /** 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-text-min-width-large: 96px;
 
 @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-text-min-width-middle: 76px;
 
 @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-text-min-width-small: 64px;
 
 // @button-height-mini: 24px;
 // @button-text-size-mini: 12px;

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 {