@aloudata/aloudata-design 0.4.8-beta.9 → 0.4.9

package/dist/Modal/index.js

@@ -1,10 +1,10 @@
 var _excluded = ["className", "type", "loading", "size", "disabled", "shape"],
-    _excluded2 = ["className", "children", "okType", "width", "closeIcon", "subTitle", "okButtonProps", "cancelButtonProps", "okText", "cancelText", "icon", "title"],
-    _excluded3 = ["icon", "okButtonProps", "cancelButtonProps", "okType", "width"],
-    _excluded4 = ["icon", "okButtonProps", "cancelButtonProps", "okType", "width"],
-    _excluded5 = ["icon", "okButtonProps", "cancelButtonProps", "okType", "width"],
-    _excluded6 = ["icon", "okButtonProps", "cancelButtonProps", "okType", "className", "width"],
-    _excluded7 = ["icon", "okButtonProps", "cancelButtonProps", "okType", "width"];
+    _excluded2 = ["className", "children", "okType", "width", "closeIcon", "subTitle", "okButtonProps", "cancelButtonProps", "okText", "cancelText", "icon", "title", "paddingLess"],
+    _excluded3 = ["okButtonProps", "cancelButtonProps", "okType", "width", "title", "subTitle", "okText", "cancelText", "className"],
+    _excluded4 = ["okButtonProps", "cancelButtonProps", "okType", "width", "title", "subTitle", "okText", "cancelText", "className"],
+    _excluded5 = ["okButtonProps", "cancelButtonProps", "okType", "width", "title", "subTitle", "okText", "cancelText", "className"],
+    _excluded6 = ["okButtonProps", "cancelButtonProps", "okType", "width", "title", "subTitle", "okText", "cancelText", "className"],
+    _excluded7 = ["okButtonProps", "cancelButtonProps", "okType", "width", "title", "subTitle", "className", "okText", "cancelText"];
 
 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); }
 
@@ -25,6 +25,7 @@ import useModal from 'antd/lib/modal/useModal/index';
 import classNames from 'classnames';
 import React from 'react';
 import { btnPrefix, getButtonSizeClass, getButtonType, getDangerStatus, getShape } from "../Button";
+import DoubleCircleIcon from "../DoubleCircleIcon";
 import theme from "../style/themes/default/themeColor.module.less"; // export type { ModalProps, ModalFuncProps };
 
 export var destroyFns = [];
@@ -54,6 +55,21 @@ function getButtonProps(buttonProps, defaultBtnType, okType) {
   });
 }
 
+var ModalTitle = function ModalTitle(_ref) {
+  var icon = _ref.icon,
+      title = _ref.title,
+      subTitle = _ref.subTitle;
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'ald-modal-title-container'
+  }, icon, /*#__PURE__*/React.createElement("div", {
+    className: 'ald-modal-text-container'
+  }, title && /*#__PURE__*/React.createElement("div", {
+    className: 'title'
+  }, title), subTitle && /*#__PURE__*/React.createElement("div", {
+    className: 'subTitle'
+  }, subTitle)));
+};
+
 var OriginModal = function OriginModal(props) {
   var className = props.className,
       children = props.children,
@@ -66,24 +82,32 @@ var OriginModal = function OriginModal(props) {
       _props$cancelButtonPr = props.cancelButtonProps,
       cancelButtonProps = _props$cancelButtonPr === void 0 ? {} : _props$cancelButtonPr,
       _props$okText = props.okText,
-      okText = _props$okText === void 0 ? "确定" : _props$okText,
+      okText = _props$okText === void 0 ? '确定' : _props$okText,
       _props$cancelText = props.cancelText,
-      cancelText = _props$cancelText === void 0 ? "取消" : _props$cancelText,
+      cancelText = _props$cancelText === void 0 ? '取消' : _props$cancelText,
       icon = props.icon,
       title = props.title,
+      paddingLess = props.paddingLess,
       restProps = _objectWithoutProperties(props, _excluded2);
 
   return /*#__PURE__*/React.createElement(AntdModal, _extends({}, restProps, {
-    title: /*#__PURE__*/React.createElement("div", {
-      className: 'ald-modal-title-container'
-    }, icon, /*#__PURE__*/React.createElement("div", {
-      className: 'ald-modal-text-container'
-    }, title && /*#__PURE__*/React.createElement("div", {
-      className: 'title'
-    }, title), subTitle && /*#__PURE__*/React.createElement("div", {
-      className: 'subTitle'
-    }, subTitle))),
-    className: classNames('ald-modal', className),
+    title: ModalTitle({
+      icon: icon,
+      title: title,
+      subTitle: subTitle
+    }) // title={
+    //   <div className={'ald-modal-title-container'}>
+    //     {icon}
+    //     <div className={'ald-modal-text-container'}>
+    //       {title && <div className={'title'}>{title}</div>}
+    //       {subTitle && <div className={'subTitle'}>{subTitle}</div>}
+    //     </div>
+    //   </div>
+    // }
+    ,
+    className: classNames('ald-modal', className, {
+      'ald-modal-padding-less': paddingLess
+    }),
     okButtonProps: getButtonProps(okButtonProps, 'primary', okType),
     cancelButtonProps: getButtonProps(cancelButtonProps, 'secondary'),
     okText: okText,
@@ -101,114 +125,188 @@ OriginModal.useModal = useModal;
 var Modal = OriginModal;
 
 Modal.info = function infoFn(props) {
-  var icon = props.icon,
-      _props$okButtonProps2 = props.okButtonProps,
+  var _props$okButtonProps2 = props.okButtonProps,
       okButtonProps = _props$okButtonProps2 === void 0 ? {} : _props$okButtonProps2,
       _props$cancelButtonPr2 = props.cancelButtonProps,
       cancelButtonProps = _props$cancelButtonPr2 === void 0 ? {} : _props$cancelButtonPr2,
       okType = props.okType,
       width = props.width,
+      title = props.title,
+      subTitle = props.subTitle,
+      _props$okText2 = props.okText,
+      okText = _props$okText2 === void 0 ? '确定' : _props$okText2,
+      _props$cancelText2 = props.cancelText,
+      cancelText = _props$cancelText2 === void 0 ? '取消' : _props$cancelText2,
+      className = props.className,
       restProps = _objectWithoutProperties(props, _excluded3);
 
-  return AntdModal.success(_objectSpread({
+  return AntdModal.info(_objectSpread({
     okButtonProps: getButtonProps(okButtonProps, 'primary', okType),
     cancelButtonProps: getButtonProps(cancelButtonProps, 'secondary', okType),
     width: width || DEFAULT_WIDTH,
-    icon: icon || /*#__PURE__*/React.createElement(InfoCircleLine, {
-      size: 16,
-      fill: theme.B40,
-      className: "ald-modal-close"
-    })
+    className: classNames('ald-modal', className),
+    title: ModalTitle({
+      icon: /*#__PURE__*/React.createElement(DoubleCircleIcon, {
+        type: "info"
+      }, /*#__PURE__*/React.createElement(InfoCircleLine, {
+        size: 16,
+        fill: theme.B40,
+        className: "ald-modal-close"
+      })),
+      title: title,
+      subTitle: subTitle
+    }),
+    okText: okText,
+    cancelText: cancelText
   }, restProps));
 };
 
 Modal.success = function successFn(props) {
-  var icon = props.icon,
-      _props$okButtonProps3 = props.okButtonProps,
+  var _props$okButtonProps3 = props.okButtonProps,
       okButtonProps = _props$okButtonProps3 === void 0 ? {} : _props$okButtonProps3,
       _props$cancelButtonPr3 = props.cancelButtonProps,
       cancelButtonProps = _props$cancelButtonPr3 === void 0 ? {} : _props$cancelButtonPr3,
       okType = props.okType,
       width = props.width,
+      title = props.title,
+      subTitle = props.subTitle,
+      _props$okText3 = props.okText,
+      okText = _props$okText3 === void 0 ? '确定' : _props$okText3,
+      _props$cancelText3 = props.cancelText,
+      cancelText = _props$cancelText3 === void 0 ? '取消' : _props$cancelText3,
+      className = props.className,
       restProps = _objectWithoutProperties(props, _excluded4);
 
   return AntdModal.success(_objectSpread({
     okButtonProps: getButtonProps(okButtonProps, 'primary', okType),
     cancelButtonProps: getButtonProps(cancelButtonProps, 'secondary', okType),
     width: width || DEFAULT_WIDTH,
-    icon: icon || /*#__PURE__*/React.createElement(CheckCircleDuotone, {
-      fill: [theme.SA40, theme.ND0],
-      size: 16,
-      theme: "multi-color"
-    })
+    className: classNames('ald-modal', className),
+    title: ModalTitle({
+      icon: /*#__PURE__*/React.createElement(DoubleCircleIcon, {
+        type: "success"
+      }, /*#__PURE__*/React.createElement(CheckCircleDuotone, {
+        fill: [theme.SA40, theme.ND0],
+        size: 16,
+        theme: "multi-color"
+      })),
+      title: title,
+      subTitle: subTitle
+    }),
+    okText: okText,
+    cancelText: cancelText
   }, restProps));
 };
 
 Modal.error = function errorFn(props) {
-  var icon = props.icon,
-      _props$okButtonProps4 = props.okButtonProps,
+  var _props$okButtonProps4 = props.okButtonProps,
       okButtonProps = _props$okButtonProps4 === void 0 ? {} : _props$okButtonProps4,
       _props$cancelButtonPr4 = props.cancelButtonProps,
       cancelButtonProps = _props$cancelButtonPr4 === void 0 ? {} : _props$cancelButtonPr4,
       okType = props.okType,
       width = props.width,
+      title = props.title,
+      subTitle = props.subTitle,
+      _props$okText4 = props.okText,
+      okText = _props$okText4 === void 0 ? '确定' : _props$okText4,
+      _props$cancelText4 = props.cancelText,
+      cancelText = _props$cancelText4 === void 0 ? '取消' : _props$cancelText4,
+      className = props.className,
       restProps = _objectWithoutProperties(props, _excluded5);
 
-  return AntdModal.success(_objectSpread({
+  return AntdModal.error(_objectSpread({
     okButtonProps: getButtonProps(okButtonProps, 'dangerous', okType),
     cancelButtonProps: getButtonProps(cancelButtonProps, 'secondary', okType),
     width: width || DEFAULT_WIDTH,
-    icon: icon || /*#__PURE__*/React.createElement(AlertTriangleDuotone, {
-      fill: [theme.SC40, theme.ND0],
-      size: 16,
-      theme: "multi-color"
-    })
+    className: classNames('ald-modal', className),
+    title: ModalTitle({
+      icon: /*#__PURE__*/React.createElement(DoubleCircleIcon, {
+        type: "error"
+      }, /*#__PURE__*/React.createElement(AlertTriangleDuotone, {
+        fill: [theme.SC40, theme.ND0],
+        size: 16,
+        theme: "multi-color"
+      })),
+      title: title,
+      subTitle: subTitle
+    }),
+    okText: okText,
+    cancelText: cancelText
   }, restProps));
 };
 
 Modal.warning = function modalWarn(props) {
-  var icon = props.icon,
-      _props$okButtonProps5 = props.okButtonProps,
+  var _props$okButtonProps5 = props.okButtonProps,
       okButtonProps = _props$okButtonProps5 === void 0 ? {} : _props$okButtonProps5,
       _props$cancelButtonPr5 = props.cancelButtonProps,
       cancelButtonProps = _props$cancelButtonPr5 === void 0 ? {} : _props$cancelButtonPr5,
       okType = props.okType,
-      className = props.className,
       width = props.width,
+      title = props.title,
+      subTitle = props.subTitle,
+      _props$okText5 = props.okText,
+      okText = _props$okText5 === void 0 ? '确定' : _props$okText5,
+      _props$cancelText5 = props.cancelText,
+      cancelText = _props$cancelText5 === void 0 ? '取消' : _props$cancelText5,
+      className = props.className,
       restProps = _objectWithoutProperties(props, _excluded6);
 
-  return AntdModal.success(_objectSpread({
+  return AntdModal.warning(_objectSpread({
     okButtonProps: getButtonProps(okButtonProps, 'dangerous', okType),
     cancelButtonProps: getButtonProps(cancelButtonProps, 'secondary', okType),
     width: width || DEFAULT_WIDTH,
-    className: classNames('ald-modal-warning', className),
-    icon: icon || /*#__PURE__*/React.createElement(AlertTriangleDuotone, {
-      fill: [theme.SB40, theme.ND0],
-      theme: "multi-color",
-      size: 16
-    })
+    // className: classNames('ald-modal-warning', className),
+    className: classNames('ald-modal ald-modal-warning', className),
+    title: ModalTitle({
+      icon: /*#__PURE__*/React.createElement(DoubleCircleIcon, {
+        type: "warning"
+      }, /*#__PURE__*/React.createElement(AlertTriangleDuotone, {
+        fill: [theme.SB40, theme.ND0],
+        theme: "multi-color",
+        size: 16
+      })),
+      title: title,
+      subTitle: subTitle
+    }),
+    okText: okText,
+    cancelText: cancelText
   }, restProps));
 };
 
 Modal.confirm = function confirmFn(props) {
-  var icon = props.icon,
-      _props$okButtonProps6 = props.okButtonProps,
+  var _props$okButtonProps6 = props.okButtonProps,
       okButtonProps = _props$okButtonProps6 === void 0 ? {} : _props$okButtonProps6,
       _props$cancelButtonPr6 = props.cancelButtonProps,
       cancelButtonProps = _props$cancelButtonPr6 === void 0 ? {} : _props$cancelButtonPr6,
       okType = props.okType,
       width = props.width,
+      title = props.title,
+      subTitle = props.subTitle,
+      className = props.className,
+      _props$okText6 = props.okText,
+      okText = _props$okText6 === void 0 ? '确定' : _props$okText6,
+      _props$cancelText6 = props.cancelText,
+      cancelText = _props$cancelText6 === void 0 ? '取消' : _props$cancelText6,
       restProps = _objectWithoutProperties(props, _excluded7);
 
-  return AntdModal.success(_objectSpread({
+  return AntdModal.confirm(_objectSpread({
     okButtonProps: getButtonProps(okButtonProps, 'primary', okType),
     cancelButtonProps: getButtonProps(cancelButtonProps, 'secondary', okType),
     width: width || DEFAULT_WIDTH,
-    icon: icon || /*#__PURE__*/React.createElement(InfoCircleLine, {
-      size: 16,
-      fill: theme.SB40,
-      className: "ald-modal-close"
-    })
+    className: classNames('ald-modal', className),
+    title: ModalTitle({
+      icon: /*#__PURE__*/React.createElement(DoubleCircleIcon, {
+        type: "info"
+      }, /*#__PURE__*/React.createElement(InfoCircleLine, {
+        size: 16,
+        fill: theme.B40,
+        className: "ald-modal-close"
+      })),
+      title: title,
+      subTitle: subTitle
+    }),
+    okText: okText,
+    cancelText: cancelText
   }, restProps));
 };
 

package/dist/Modal/style/index.less

@@ -2,10 +2,11 @@
 
 .ald-modal {
   .ant-modal-content {
-    padding: 16px 24px;
+    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;
   }
 
   .ald-modal-close {
@@ -68,6 +69,15 @@
       margin-inline-start: 12px;
     }
   }
+  
+}
+
+.ald-modal-padding-less{
+  .ant-modal-content {
+    .ant-modal-body{
+      margin: 0 -24px;
+    }
+  }
 }
 
 .ant-modal-confirm {
@@ -82,8 +92,22 @@
         margin-left: 28px;
       }
     }
+
   }
 
+  .ant-modal-confirm-body{
+    display: block;
+
+    > span.anticon{
+      display: none;
+
+      +.ant-modal-confirm-title+.ant-modal-confirm-content{
+        margin-left: 0;
+        margin-top: 16px;
+      }
+    }
+  } 
+
   .ant-modal-confirm-btns {
     margin-block-start: 16px;
   }

package/dist/Radio/components/Group/index.js

@@ -70,8 +70,10 @@ export default function RadioGroup(props) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: getWrapperClass()
-  }, children, radioGroupStyle === 'filled' && type !== 'radio' ? /*#__PURE__*/React.createElement("div", {
-    className: "ald-radio-filled-slider",
+  }, children, (radioGroupStyle === 'filled' || radioGroupStyle === 'filter') && type !== 'radio' ? /*#__PURE__*/React.createElement("div", {
+    className: classNames('ald-radio-filled-slider ', {
+      'ald-radio-filled-slider-filter': radioGroupStyle === 'filter'
+    }),
     ref: sliderRef
   }) : null));
 }

package/dist/Radio/components/Radio/index.js

@@ -37,6 +37,8 @@ export default function Radio(props) {
         otherClass = 'ald-radio-button-wrapper-filled';
       } else if (groupContext.radioGroupStyle === 'border') {
         otherClass = 'ald-radio-button-wrapper-border';
+      } else if (groupContext.radioGroupStyle === 'filter') {
+        otherClass = 'ald-radio-button-wrapper-filter';
       } else {
         otherClass = 'ald-radio-button-wrapper-border-primary';
       }
@@ -45,6 +47,8 @@ export default function Radio(props) {
         otherClass = 'ald-radio-icon-button-wrapper-filled';
       } else if (groupContext.radioGroupStyle === 'border') {
         otherClass = 'ald-radio-icon-button-wrapper-border';
+      } else if (groupContext.radioGroupStyle === 'filter') {
+        otherClass = 'ald-radio-icon-button-wrapper-filter';
       } else {
         otherClass = 'ald-radio-icon-button-wrapper-border-primary';
       }

package/dist/Radio/interface/radioGroup.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export declare type TRadioGroupStyle = 'border' | 'filled' | 'borderPrimary';
+export declare type TRadioGroupStyle = 'border' | 'filled' | 'borderPrimary' | 'filter';
 export declare type TRadioSize = 'large' | 'middle' | 'small' | 'default';
 export declare type TRadioType = 'radio' | 'button' | 'iconButton';
 export interface IRadioGroupProps {

package/dist/Radio/style/index.less

@@ -12,7 +12,7 @@
 @radio-button-padding-middle: 12px;
 
 // Radio组件基础样式
-[class^="ald-radio"] {
+[class^='ald-radio'] {
   box-sizing: border-box;
 }
 
@@ -120,7 +120,9 @@
 .ald-radio-button-wrapper-border-primary,
 .ald-radio-button-wrapper-border,
 .ald-radio-icon-button-wrapper-border,
-.ald-radio-icon-button-wrapper-border-primary {
+.ald-radio-icon-button-wrapper-border-primary,
+.ald-radio-button-wrapper-filter,
+.ald-radio-icon-button-wrapper-filter {
   &.ald-radio-label.ald-radio-wrapper-disabled {
     opacity: 0.5;
 
@@ -167,6 +169,11 @@
   transition: width, left, height 0.3s, 0.3s, 0.3s ease;
 }
 
+.ald-radio-filled-slider-filter {
+  background: @B90;
+  border: 0;
+}
+
 // button状态下的样式
 .ald-radio-group-button,
 .ald-radio-group-icon-button {
@@ -241,34 +248,37 @@
   .ald-radio-wrapper-checked.ald-radio-icon-button-wrapper-border,
   .ald-radio-wrapper-checked.ald-radio-icon-button-wrapper-border-primary {
     background: @BG80;
-    transition: background 0.5s ease;
+    transition: background 0.3s ease;
 
     .ald-radio-desc {
       position: relative;
       color: @NL0;
-      transition: text-shadow 0.5s ease;
+      transition: text-shadow 0.3s ease, color 0.3s ease;
     }
   }
 
   .ald-radio-wrapper-checked.ald-radio-button-wrapper-border-primary,
   .ald-radio-wrapper-checked.ald-radio-icon-button-wrapper-border-primary {
     background: @B40;
-    transition: background 0.5s ease;
+    transition: background 0.3s ease;
 
     .ald-radio-desc {
       position: relative;
       color: @ND0;
-      transition: text-shadow 0.5s ease;
+      transition: text-shadow 0.3s ease, color 0.3s ease;
     }
   }
 
   // filled样式的button
-  .ald-radio-button-wrapper-filled {
+  .ald-radio-button-wrapper-filled,
+  .ald-radio-button-wrapper-filter {
     padding: 0 @radio-button-padding;
   }
 
   .ald-radio-button-wrapper-filled,
-  .ald-radio-icon-button-wrapper-filled {
+  .ald-radio-icon-button-wrapper-filled,
+  .ald-radio-button-wrapper-filter,
+  .ald-radio-icon-button-wrapper-filter {
     position: relative;
     display: flex;
     align-items: center;
@@ -300,21 +310,40 @@
     }
 
     .ald-radio-desc {
-      font-weight: 400;
+      font-weight: 600;
     }
   }
 
+  .ald-radio-button-wrapper-filter,
+  .ald-radio-icon-button-wrapper-filter {
+    background-color: @BG100;
+  }
+
   .ald-radio-wrapper-checked.ald-radio-button-wrapper-filled,
   .ald-radio-wrapper-checked.ald-radio-icon-button-wrapper-filled {
     position: relative;
 
     .ald-radio-desc {
       position: relative;
-      font-weight: 400;
+      font-weight: 600;
+      z-index: 2;
+      color: @NL0;
+    }
+  }
+
+  .ald-radio-wrapper-checked.ald-radio-button-wrapper-filter,
+  .ald-radio-wrapper-checked.ald-radio-icon-button-wrapper-filter {
+    position: relative;
+    border-radius: @border-radius-middle;
+
+    .ald-radio-desc {
+      position: relative;
+      font-weight: 600;
       z-index: 2;
       color: @NL0;
     }
   }
+
   // 各种大小
   &.ald-radio-group-middle {
     height: @radio-group-height-middle;
@@ -325,8 +354,15 @@
       }
     }
 
-    .ald-radio-icon-button-wrapper-filled {
+    .ald-radio-icon-button-wrapper-filled,
+    .ald-radio-icon-button-wrapper-filter {
       padding: 0 @radio-icon-button-padding-middle;
+
+      &.ald-radio-label {
+        .ald-radio-desc {
+          font-size: @font-size-middle + 1;
+        }
+      }
     }
 
     .ald-radio-button-wrapper-border,
@@ -335,8 +371,9 @@
     }
 
     .ald-radio-icon-button-wrapper-border,
-    .ald-radio-icon-button-wrapper-border-primary {
-      padding: 0 @radio-icon-button-padding-middle - 1;
+    .ald-radio-icon-button-wrapper-border-primary,
+    .ald-radio-icon-button-wrapper-filter {
+      padding: 0 @radio-icon-button-padding-middle;
 
       &.ald-radio-label .ald-radio-desc {
         font-size: 14px;
@@ -358,8 +395,15 @@
       }
     }
 
-    .ald-radio-icon-button-wrapper-filled {
+    .ald-radio-icon-button-wrapper-filled,
+    .ald-radio-icon-button-wrapper-filter {
       padding: 0 @radio-icon-button-padding-small;
+
+      &.ald-radio-label {
+        .ald-radio-desc {
+          font-size: 14px;
+        }
+      }
     }
 
     .ald-radio-button-wrapper-border,
@@ -369,7 +413,7 @@
 
     .ald-radio-icon-button-wrapper-border,
     .ald-radio-icon-button-wrapper-border-primary {
-      padding: 0 @radio-icon-button-padding-small - 1;
+      padding: 0 @radio-icon-button-padding-small;
 
       &.ald-radio-label .ald-radio-desc {
         font-size: 14px;
@@ -396,6 +440,11 @@
       }
     }
 
+    .ald-radio-button-wrapper-filter,
+    .ald-radio-icon-button-wrapper-filter {
+      border-radius: @border-radius-small;
+    }
+
     .ald-radio-filled-slider {
       border-radius: @border-radius-small;
     }
@@ -410,8 +459,15 @@
       }
     }
 
-    .ald-radio-icon-button-wrapper-filled {
+    .ald-radio-icon-button-wrapper-filled,
+    .ald-radio-icon-button-wrapper-filter {
       padding: 0 @radio-icon-button-padding-large;
+
+      &.ald-radio-label {
+        .ald-radio-desc {
+          font-size: 20px;
+        }
+      }
     }
 
     .ald-radio-button-wrapper-border,
@@ -448,6 +504,11 @@
       }
     }
 
+    .ald-radio-button-wrapper-filter,
+    .ald-radio-icon-button-wrapper-filter {
+      border-radius: @border-radius-large;
+    }
+
     .ald-radio-filled-slider {
       border-radius: @border-radius-large;
     }

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,