@aloudata/aloudata-design 0.4.8-beta.13 → 0.4.8-beta.15

package/dist/DoubleCircleIcon/index.d.ts

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

package/dist/Dropdown/style/index.less

@@ -12,6 +12,10 @@
   padding: 4px;
   color: @NL0;
   box-shadow: @shadow-L;
+
+  .ant-dropdown-menu-submenu-title{
+    font-size: 13px;
+  }
 }
 
 .ant-dropdown-menu-submenu > .ant-dropdown-menu {

package/dist/Input/style/index.less

@@ -41,6 +41,7 @@
 @input-disabled-font-color: @NL40;
 
 .ant-input.ald-input,
+.ant-input-affix-wrapper.ald-input, 
 .ald-input .ant-input {
   color: @NL0;
   font-weight: 400;
@@ -137,7 +138,7 @@
   }
 
   .ant-input-prefix {
-    color: @NL50;
+    color: @NL40;
   }
 
   .ant-input-suffix {
@@ -361,13 +362,14 @@ textarea.ald-input-textarea-small,
 textarea.ald-input-textarea,
 .ald-input-textarea .ant-input {
   color: @NL0;
-  background: @BG97;
+  background: @input-bg-color;
   caret-color: @B60;
+  border-color: @input-border-color;
 
   &:hover,
   &:active,
   &:focus {
-    border-color: @B60;
+    border-color: @B40;
     box-shadow: none;
   }
 
@@ -396,6 +398,11 @@ textarea.ald-input-textarea,
 }
 
 .ant-input-group-wrapper {
+  .ant-input-group-addon{
+    color:@NL40;
+    border-color: @input-border-color;
+  }
+
   &.ald-input-large {
     .ant-input-group-addon {
       padding: 4px 14px;

package/dist/InputNumber/style/index.less

@@ -3,17 +3,17 @@
 
 @inputNumber-height-large: 36px;
 @inputNumber-font-size-large: 16px;
-@inputNumber-border-radius-large: 8px;
+@inputNumber-border-radius-large: 6px;
 @inputNumber-padding-large: 0 14px;
 
 @inputNumber-height-middle: 32px;
 @inputNumber-font-size-middle: 14px;
-@inputNumber-border-radius-middle: 8px;
+@inputNumber-border-radius-middle: 4px;
 @inputNumber-padding-middle: 0 12px;
 
 @inputNumber-height-small: 28px;
 @inputNumber-font-size-small: 12px;
-@inputNumber-border-radius-small: 6px;
+@inputNumber-border-radius-small: 4px;
 @inputNumber-padding-small: 0 10px;
 
 //默认
@@ -102,6 +102,7 @@
     &.ald-inputNumber-large {
       height: @inputNumber-height-large;
       font-size: @inputNumber-font-size-large;
+      border-radius:  @inputNumber-border-radius-large ;
 
       .ant-input-number-input {
         padding: @inputNumber-padding-large;
@@ -115,6 +116,7 @@
     &.ald-inputNumber-middle {
       height: @inputNumber-height-middle;
       font-size: @inputNumber-font-size-middle;
+      border-radius:  @inputNumber-border-radius-middle ;
 
       .ant-input-number-input {
         padding: @inputNumber-padding-middle;
@@ -128,6 +130,7 @@
     &.ald-inputNumber-small {
       height: @inputNumber-height-small;
       font-size: @inputNumber-font-size-small;
+      border-radius: @inputNumber-border-radius-small;
 
       .ant-input-number-input {
         padding: @inputNumber-padding-small;
@@ -143,9 +146,11 @@
       background-color: @inputNumber-disabled-bg-color;
       border-color: @inputNumber-disabled-border-color;
       cursor: initial;
-
+      
       .ant-input-number-input-wrap .ant-input-number-input {
         cursor: initial;
+        color: @inputNumber-disabled-color;
+        background-color: @inputNumber-disabled-bg-color;
       }
     }
 

package/dist/Menu/style/index.less

@@ -52,6 +52,11 @@
       &:hover{
         background: none;
       }
+
+      .ant-menu-submenu-expand-icon{
+        inset-inline-end:0;
+        width:initial;
+      }
     }
   }
 

package/dist/Modal/style/index.less

@@ -6,6 +6,7 @@
     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;
   }
 
   .ald-modal-close {

package/dist/Radio/style/index.less

@@ -335,7 +335,6 @@
   .ald-radio-wrapper-checked.ald-radio-icon-button-wrapper-filter {
     position: relative;
     border-radius: @border-radius-middle;
-    background-color: @B90;
 
     .ald-radio-desc {
       position: relative;

package/dist/Select/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["mode", "options", "dropdownRender", "onDropdownVisibleChange", "defaultValue", "onChange", "open", "defaultOpen", "prefix", "className", "popupClassName", "listHeight", "listItemHeight", "notFoundContent", "value", "style"];
+var _excluded = ["mode", "options", "dropdownRender", "onDropdownVisibleChange", "defaultValue", "onChange", "open", "defaultOpen", "prefix", "className", "popupClassName", "listHeight", "listItemHeight", "notFoundContent", "value", "tagRender", "style"];
 
 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); }
 
@@ -105,9 +105,10 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
       notFoundContent = _props$notFoundConten === void 0 ? /*#__PURE__*/React.createElement(Empty, {
     image: Empty.PRESENTED_IMAGE_SEARCH_SMALL,
     size: "small",
-    title: "No data"
+    title: "\u65E0\u6570\u636E"
   }) : _props$notFoundConten,
       value = props.value,
+      tagRender = props.tagRender,
       _props$style = props.style,
       style = _props$style === void 0 ? {} : _props$style,
       restProps = _objectWithoutProperties(props, _excluded);
@@ -260,8 +261,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
         return /*#__PURE__*/React.createElement(React.Fragment, null, notFoundContent);
       };
     }
-  }; // todo: tagRender
-  // todo: 隐藏已选择项
+  }; // todo: 隐藏已选择项
   // todo: 分组
 
 
@@ -285,7 +285,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
     '--ald-select-prefix-width': "".concat(prefixWidth, "px")
   };
 
-  var tagRender = function tagRender(props) {
+  var defaultTagRender = function defaultTagRender(props) {
     var label = props.label;
     return /*#__PURE__*/React.createElement("span", {
       className: "ald-select-multiple-tag-default"
@@ -329,7 +329,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
     open: typeof open === 'boolean' ? open : isOpen,
     maxTagCount: "responsive",
     ref: ref,
-    tagRender: tagRender,
+    tagRender: tagRender || defaultTagRender,
     onChange: onChange,
     popupClassName: classNames('ald-select-popup', popupClassName),
     maxTagPlaceholder: maxTagPlaceholder,

package/dist/Select/style/index.less

@@ -14,6 +14,7 @@
     // max-height: 264px;
     overflow-y: auto;
     overflow-y: overlay;
+    border:1px solid @BG70;
   }
 }
 

package/dist/Table/style/index.less

@@ -41,7 +41,7 @@
     color: inherit;
     text-align: left;
     word-break: break-all;
-    border-bottom: 1px solid @BG70;
+    border-bottom: 1px solid @BG80;
 
     &-content {
       flex: 1;
@@ -218,6 +218,10 @@
     margin-left: 4px;
   }
 
+  .ald-table-thead {
+    border-top: 1px solid @BG70;
+  }
+
   &-column-resizable {
     overflow: overlay;
 

package/dist/Tooltip/style/index.less

@@ -5,12 +5,18 @@
     padding: 6px 12px;
     line-height: 20px;
     background: @BG10;
-    border-radius: @border-radius-base;
+    border-radius: 4px;
     box-shadow: none;
     color:@ND0;
     font-size: 13px;
   }
 
+  .ant-tooltip-arrow {
+    &::before{
+      background-color: @BG10;
+    }
+  }
+
   .ant-tooltip-arrow-content {
     background: @BG10;
   }

package/dist/style/themes/default/themeColor.module.less

@@ -45,7 +45,7 @@
 @B70: #84caff;
 @B80: #b2ddff;
 @B90: #d1e9ff;
-@B95: #eff8ff;
+@B95: #ebf6ff;
 @B98: #f5faff;
 
 /**
@@ -101,14 +101,14 @@
 * 中性色是色彩系统的基础。 UI 设计中的几乎所有东西：文本、表单、背景、分隔线等等通常都是中性的。
 **/
 @BG0: #000000;
-@BG10: #101828;
+@BG10: #101825;
 @BG20: #1d2939;
 @BG30: #475467;
 @BG40: #667085;
 @BG50: #98a2b3;
-@BG60: #d0d5dd;
-@BG70: #eaecf0;
-@BG80: #f2f4f7;
+@BG60: #d3d7de;
+@BG70: #e3e5ea;
+@BG80: #eff2f5;
 @BG90: #f5f6f7;
 @BG95: #f9fafb;
 @BG97: #fcfcfd;
@@ -125,8 +125,8 @@
 @shadow-sm: 0px 1px 4px rgba(16, 24, 40, 0.06), 0px 1px 2px rgba(16, 24, 40, 0.04);
 @shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);
 @shadow-body-top-left: -4px -4px 2px rgba(0, 0, 0, 0.05);
-@shadow-primary:0px 0 0 4px rgba(21, 111, 238, 0.12);
-@shadow-drop:0px 0 0 4px #1570EF1F;
+@shadow-primary:0 0 0 4px rgba(21, 111, 238, 0.12);
+@shadow-drop:0 0 0 4px #1570EF1F;
 // 业务颜色
 // 除了原色之外，在业务、提示和标签等组件中使用一些次要颜色也很有帮助。这些次要颜色应该少用或作为重点使用，而主要颜色应该占优先地位。
 
@@ -202,8 +202,8 @@
 @TE20: #382765;
 @TE30: #4f378f;
 @TE40: #6144af;
-@TE50: #704ecb;
-@TE60: #7e58e3;
+@TE50: #9d76ed;
+@TE60: #b692f6;
 @TE70: #a08ae8;
 @TE80: #bcafee;
 @TE90: #d4cdf4;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aloudata/aloudata-design",
-  "version": "0.4.8-beta.13",
+  "version": "0.4.8-beta.15",
   "description": "",
   "license": "MIT",
   "module": "dist/index.js",
@@ -52,7 +52,7 @@
   "dependencies": {
     "@aloudata/icons-react": "0.1.7",
     "@aloudata/icons-svg": "0.1.7",
-    "antd": "5.2.0",
+    "antd": "^5.3.1",
     "memoize-one": "^6.0.0",
     "rc-menu": "^9.8.0",
     "react-table": "^7.8.0",