@aloudata/aloudata-design 1.1.0 → 1.1.2

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,81 @@
     }
   }
 
-  .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;
+          display: inline-flex;
+          align-items: center;
+
+          &::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,159 +1,168 @@
-
-.ald-select{
-  &.ald-select-small{
+.ald-select.ald-select {
+  &.ald-select-small {
     height: @select-height-small;
     font-size: @select-font-size-small;
     // line-height: @select-line-height-small;
     border-radius: @select-border-radius-small;
 
-    .ald-select-prefix{
+    .ald-select-prefix {
       margin-left: @select-padding-left-small;
     }
 
-    .ant-select .ant-select-selector{
+    .ant-select .ant-select-selector {
       height: @selector-height-small;
-      padding-left:calc(@select-padding-left-small + var(--ald-select-prefix-width));
+      padding-left: calc(
+        @select-padding-left-small + var(--ald-select-prefix-width)
+      );
 
-      .ant-select-selection-item{
+      .ant-select-selection-item {
         line-height: @selector-height-small;
         font-size: @select-font-size-small;
+        height: 100%;
       }
 
-      .ald-select-multiple-tag-default{
+      .ald-select-multiple-tag-default {
         font-size: @select-font-size-small;
-        line-height: @selector-height-small; 
+        line-height: @selector-height-small;
       }
 
-      .ant-select-selection-search .ant-select-selection-search-input{
+      .ant-select-selection-search .ant-select-selection-search-input {
         height: @selector-height-small;
       }
 
-      .ant-select-selection-placeholder{
+      .ant-select-selection-placeholder {
         line-height: @selector-height-small;
         font-size: @select-font-size-small;
-        left:calc(@select-padding-left-small + var(--ald-select-prefix-width));
-      } 
+        left: calc(@select-padding-left-small + var(--ald-select-prefix-width));
+      }
 
-      .ant-select-selection-overflow{
+      .ant-select-selection-overflow {
         margin-left: @selector-item-margin-left-small;
       }
     }
 
-    .ald-select-prefix-select{
-      .ant-select-selection-item{
+    .ald-select-prefix-select {
+      .ant-select-selection-item {
         margin-left: @selector-item-margin-left-small;
       }
 
-      .ant-select-selection-placeholder{
+      .ant-select-selection-placeholder {
         margin-left: @selector-item-margin-left-small;
       }
     }
   }
-  
-  &.ald-select-middle{
+
+  &.ald-select-middle {
     height: @select-height-middle;
     font-size: @select-font-size-middle;
     // line-height: @select-line-height-middle;
     border-radius: @select-border-radius-middle;
 
-    .ald-select-prefix{
+    .ald-select-prefix {
       margin-left: @select-padding-left-middle;
     }
 
-    .ant-select .ant-select-selector{
+    .ant-select .ant-select-selector {
       height: @selector-height-middle;
-      padding-left:calc(@select-padding-left-middle + var(--ald-select-prefix-width));
+      padding-left: calc(
+        @select-padding-left-middle + var(--ald-select-prefix-width)
+      );
 
-      .ant-select-selection-item{
+      .ant-select-selection-item {
         line-height: @selector-height-middle;
         font-size: @select-font-size-middle;
+        height: 100%;
       }
 
-      .ald-select-multiple-tag-default{
+      .ald-select-multiple-tag-default {
         font-size: @select-font-size-middle;
         line-height: @selector-height-middle;
       }
 
-      .ant-select-selection-search .ant-select-selection-search-input{
+      .ant-select-selection-search .ant-select-selection-search-input {
         height: @selector-height-middle;
       }
 
-      .ant-select-selection-placeholder{
+      .ant-select-selection-placeholder {
         line-height: @selector-height-middle;
         font-size: @select-font-size-middle;
-        left:calc(@select-padding-left-middle + var(--ald-select-prefix-width));
+        left: calc(
+          @select-padding-left-middle + var(--ald-select-prefix-width)
+        );
       }
 
-      .ant-select-selection-overflow{
+      .ant-select-selection-overflow {
         margin-left: @selector-item-margin-left-middle;
       }
     }
 
-    .ald-select-prefix-select{
-      .ant-select-selection-item{
+    .ald-select-prefix-select {
+      .ant-select-selection-item {
         margin-left: @selector-item-margin-left-middle;
       }
 
-      .ant-select-selection-placeholder{
+      .ant-select-selection-placeholder {
         margin-left: @selector-item-margin-left-middle;
       }
     }
   }
-  
-  &.ald-select-large{
+
+  &.ald-select-large {
     height: @select-height-large;
     font-size: @select-font-size-large;
     // line-height: @select-line-height-large;
     border-radius: @select-border-radius-large;
-  
-    .ald-select-prefix{
+
+    .ald-select-prefix {
       margin-left: @select-padding-left-large;
     }
 
-    .ant-select .ant-select-selector{
+    .ant-select .ant-select-selector {
       height: @selector-height-large;
-      padding-left:calc(@select-padding-left-large + var(--ald-select-prefix-width));
+      padding-left: calc(
+        @select-padding-left-large + var(--ald-select-prefix-width)
+      );
 
-      .ant-select-selection-item{
+      .ant-select-selection-item {
         line-height: @selector-height-large;
         font-size: @select-font-size-large;
+        height: 100%;
       }
 
-      .ald-select-multiple-tag-default{
+      .ald-select-multiple-tag-default {
         font-size: @select-font-size-large;
         line-height: @selector-height-large;
       }
 
-      .ant-select-selection-search .ant-select-selection-search-input{
+      .ant-select-selection-search .ant-select-selection-search-input {
         height: @selector-height-large;
       }
 
-      .ant-select-selection-placeholder{
+      .ant-select-selection-placeholder {
         line-height: @selector-height-large;
         font-size: @select-font-size-large;
         left: calc(@select-padding-left-large + var(--ald-select-prefix-width));
       }
 
-      .ant-select-selection-overflow{
+      .ant-select-selection-overflow {
         margin-left: @selector-item-margin-left-large;
 
-        .ant-select-selection-overflow-item-rest{
-          .ant-select-selection-item{
+        .ant-select-selection-overflow-item-rest {
+          .ant-select-selection-item {
             padding-inline-start: 0;
           }
-          
         }
       }
     }
   }
 
-  .ald-select-prefix-select{
-    .ant-select-selection-item{
+  .ald-select-prefix-select {
+    .ant-select-selection-item {
       margin-left: @selector-item-margin-left-large;
     }
 
-    .ant-select-selection-placeholder{
+    .ant-select-selection-placeholder {
       margin-left: @selector-item-margin-left-large;
     }
   }
-}
+}

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,7 @@
-import { Tree } from "../../..";
+import { App, Tree } from "../../..";
 import React from 'react';
 export default (function () {
-  return /*#__PURE__*/React.createElement(Tree, {
+  return /*#__PURE__*/React.createElement(App, null, /*#__PURE__*/React.createElement(Tree, {
     treeData: [{
       title: 'parent 1',
       key: '0-0',
@@ -30,5 +30,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,4 @@
-import { Button, notification, Space } from "../..";
+import { App, Button, notification, Space } from "../..";
 import React from 'react';
 export default (function () {
   var notices = function notices(type) {
@@ -12,7 +12,7 @@ export default (function () {
     });
   };
 
-  return /*#__PURE__*/React.createElement(Space, {
+  return /*#__PURE__*/React.createElement(App, null, /*#__PURE__*/React.createElement(Space, {
     direction: "vertical"
   }, /*#__PURE__*/React.createElement(Button, {
     onClick: function onClick() {
@@ -30,5 +30,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.1.0",
+  "version": "1.1.2",
   "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",