acud 1.0.13 → 1.0.16

package/es/input/Input.js

@@ -188,7 +188,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   var hoverClear = function hoverClear() {
-    setClearIconColor('#A7ABB5');
+    setClearIconColor('#84868C');
   };
 
   var clearMouseLeave = function clearMouseLeave() {

package/es/input/MultiSelectInput.js

@@ -23,7 +23,8 @@ var MultiSelectInput = function MultiSelectInput(props) {
     placeholder: placeholder,
     defaultValue: defaultValue,
     onChange: handleOnChange,
-    className: "acud-input-select-tags"
+    className: "acud-input-select-tags",
+    dropdownClassName: "acud-input-select-tags"
   }, options);
 };
 

package/es/input/TextArea.d.ts

@@ -3,6 +3,7 @@ export interface TextAreaProps {
     prefixCls?: string;
     className?: string;
     placeholder?: string;
+    width?: number;
     style?: React.CSSProperties;
     autoSize?: boolean | object;
     limitLength?: number;

package/es/input/TextArea.js

@@ -35,6 +35,8 @@ var TextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
       _props$placeholder = props.placeholder,
       placeholder = _props$placeholder === void 0 ? '请输入内容' : _props$placeholder,
       className = props.className,
+      style = props.style,
+      width = props.width,
       limitLength = props.limitLength,
       readonly = props.readonly,
       autoSize = props.autoSize,
@@ -44,7 +46,7 @@ var TextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onBlur = props.onBlur,
       _props$allowClear = props.allowClear,
       allowClear = _props$allowClear === void 0 ? true : _props$allowClear,
-      rest = __rest(props, ["prefixCls", "placeholder", "className", "limitLength", "readonly", "autoSize", "onPressEnter", "onKeyDown", "onFocus", "onBlur", "allowClear"]);
+      rest = __rest(props, ["prefixCls", "placeholder", "className", "style", "width", "limitLength", "readonly", "autoSize", "onPressEnter", "onKeyDown", "onFocus", "onBlur", "allowClear"]);
 
   var _useMergedState = useMergedState(props.defaultValue, {
     value: props.value
@@ -121,7 +123,7 @@ var TextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setClearIconColor('#D4D6D9');
   };
 
-  var classes = classNames(prefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-autosize"), autoSize), _defineProperty(_classNames, "".concat(prefixCls, "-readonly"), readonly), _defineProperty(_classNames, "".concat(prefixCls, "-span-focus"), focusClass), _defineProperty(_classNames, "".concat(prefixCls, "-limit"), currentLength > limitLength), _defineProperty(_classNames, "".concat(prefixCls, "-no-limit"), !!limitLength), _defineProperty(_classNames, "".concat(prefixCls, "-no-clear"), !allowClear), _classNames), className);
+  var classes = classNames(prefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-autosize"), autoSize), _defineProperty(_classNames, "".concat(prefixCls, "-readonly"), readonly), _defineProperty(_classNames, "".concat(prefixCls, "-span-focus"), focusClass), _defineProperty(_classNames, "".concat(prefixCls, "-limit"), currentLength > limitLength), _defineProperty(_classNames, "".concat(prefixCls, "-no-limit"), !!limitLength), _defineProperty(_classNames, "".concat(prefixCls, "-no-clear"), !allowClear), _classNames));
   var limitClassName = classNames(_defineProperty({}, "".concat(prefixCls, "-warning"), currentLength > limitLength));
 
   var clearContent = function clearContent(e) {
@@ -131,9 +133,13 @@ var TextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-outer")
+    className: classNames("".concat(prefixCls, "-outer"), className),
+    style: {
+      width: width
+    }
   }, /*#__PURE__*/React.createElement(RcTextArea, _extends({}, rest, {
     ref: ref,
+    style: style,
     placeholder: placeholder,
     className: classNames(classes),
     onChange: handleOnChange,

package/es/input/style/index.css

@@ -655,7 +655,6 @@
 }
 .acud-input-textarea-outer {
   width: 100%;
-  min-width: 100%;
   max-width: 100%;
   display: flex;
   flex-direction: column;
@@ -682,6 +681,7 @@
   padding-top: 6px;
   padding-right: 24px;
   padding-bottom: 24px;
+  border: 1px solid;
   border-radius: 4px;
   font-family: -apple-system, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "Helvetica Neue", Helvetica, "PingFang SC", Roboto, 'Arial', 'microsoft yahei ui', "Microsoft YaHei", SimSun, sans-serif;
   color: #151B26;
@@ -886,6 +886,15 @@
 .acud-input-select-tags .acud-select-clear {
   right: 12px;
 }
+.acud-input-select-tags .acud-select-item-checkall {
+  display: none !important;
+}
+.acud-input-select-tags .acud-checkbox-wrapper {
+  display: none !important;
+}
+.acud-input-select-tags .acud-select-item-option-selected:not(.acud-select-item-option-input-disabled) {
+  color: #2468F2 !important;
+}
 .acud-select-auto-complete .acud-select-selector {
   width: 100%;
   display: flex;

package/es/input/style/index.less

@@ -228,7 +228,6 @@
 
 .@{input-textarea-outer-prefix-cls}{
     width: 100%;
-    min-width: 100%;
     max-width: 100%;
     display: flex;
     flex-direction: column;
@@ -259,6 +258,7 @@
     padding-right: 2*@padding-m;
     padding-bottom: 6*@padding-xsm;
     // min-height: 100px;
+    border: 1px solid;
     border-radius: @input-border-lg-radius;
     font-family: -apple-system, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "Helvetica Neue", Helvetica, "PingFang SC", Roboto, 'Arial', 'microsoft yahei ui', "Microsoft YaHei", SimSun, sans-serif;
     &::-webkit-input-placeholder {
@@ -382,6 +382,15 @@
     .@{acud-prefix}-select-clear{
         right:12px;
     }
+    .@{select-prefix-cls}-item-checkall {
+        display: none !important;
+    }
+    .acud-checkbox-wrapper {
+        display: none !important;
+    }
+    .@{select-prefix-cls}-item-option-selected:not(.acud-select-item-option-input-disabled) {
+        color: #2468F2 !important;
+    }
 }
 .@{acud-prefix}-select-auto-complete{
     .@{acud-prefix}-select-selector{

package/es/modal/style/index.css

@@ -143,7 +143,7 @@
   font-weight: 900;
 }
 .acud-modal-title {
-  font-size: 14px;
+  font-size: 16px;
   line-height: 22px;
   padding-right: 12px;
   word-wrap: break-word;
@@ -171,7 +171,7 @@
   margin: 0;
 }
 .acud-modal-footer .acud-btn + .acud-btn {
-  margin-left: 16px;
+  margin-left: 12px;
 }
 .acud-modal-dialogbox {
   width: 400px;

package/es/select/style/index.css

@@ -222,6 +222,7 @@
 }
 .acud-select-multiple .acud-select-selection-item-content {
   display: inline-block;
+  max-width: 95px;
   margin-right: 6px;
   overflow: hidden;
   white-space: pre;

package/es/select/style/multiple.less

@@ -114,6 +114,7 @@
             // It's ok not to do this, but 24px makes bottom narrow in view should adjust
             &-content {
                 display: inline-block;
+                max-width: 95px;
                 margin-right: (@padding-xs / 2);
                 overflow: hidden;
                 white-space: pre; // fix whitespace wrapping. custom tags display all whitespace within.

package/es/style/themes/dark/components/modal.less

@@ -32,7 +32,7 @@
 @modal-heading-height: 10*@P;
 @modal-heading-bg-color: @G10;
 @modal-heading-padding: 0 6*@P;
-@modal-heading-font-size: @T3;
+@modal-heading-font-size: @T4;
 @modal-heading-color: @G2;
 
 // Close
@@ -48,5 +48,5 @@
 
 // Footer
 @modal-footer-padding: 0 8*@P 6*@P;
-@modal-footer-btn-space: 4*@P;
+@modal-footer-btn-space: 3*@P;
 @modal-footer-bg-color: @G11;

package/es/style/themes/default/components/modal.less

@@ -32,7 +32,7 @@
 @modal-heading-height: 22px;
 @modal-heading-bg-color: @G10;
 @modal-heading-padding: 6*@P 6*@P 0;
-@modal-heading-font-size: @T3;
+@modal-heading-font-size: @T4;
 @modal-heading-font-weight: 500;
 @modal-heading-color: @G2;
 
@@ -51,5 +51,5 @@
 
 // Footer
 @modal-footer-padding: 0 6*@P 6*@P;
-@modal-footer-btn-space: 4*@P;
+@modal-footer-btn-space: 3*@P;
 @modal-footer-bg-color: @G11;

package/es/table/Space.js

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import toArray from "rc-util/es/Children/toArray";
 import useFlexGapSupport from '../_util/hooks/useFlexGapSupport';
 
 var Space = function Space(props) {
@@ -9,9 +10,19 @@ var Space = function Space(props) {
       children = props.children;
   var supportFlexGap = useFlexGapSupport();
   var spaceStyle = {};
+  var childrenMap = children;
 
   if (!supportFlexGap) {
-    spaceStyle.marginRight = space;
+    var childNodes = toArray(children, {
+      keepEmpty: true
+    });
+    childrenMap = childNodes.map(function (child, index) {
+      return /*#__PURE__*/React.createElement("span", {
+        style: {
+          marginRight: index === childNodes.length - 1 ? 0 : space
+        }
+      }, child);
+    });
   }
 
   if (supportFlexGap) {
@@ -21,7 +32,7 @@ var Space = function Space(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: prefixCls,
     style: spaceStyle
-  }, children);
+  }, childrenMap);
 };
 
 export default Space;

package/es/table/style/base.less

@@ -24,7 +24,7 @@
             // display: flex;
             // justify-content: left;
             .@{table-prefix-cls}-row-expand-icon {
-                margin: auto 12px auto 0;
+                margin: 2px 12px 2px 0;
             }
         }
         &.@{table-prefix-cls}-row-expand-icon-cell {

package/es/table/style/index.css

@@ -280,9 +280,6 @@ div.acud-table-summary {
   cursor: pointer;
   transition: all 0.3s;
 }
-.acud-table-thead th.acud-table-column-has-sorters:hover {
-  background: rgba(0, 0, 0, 0.04);
-}
 .acud-table-thead th.acud-table-column-has-sorters:hover::before {
   background-color: transparent !important;
 }
@@ -473,12 +470,12 @@ table tr th.acud-table-selection-column::after {
   display: flex;
 }
 .acud-table-selection-extra .acudicon {
-  color: #bfbfbf;
-  font-size: 10px;
+  color: #84868C;
+  font-size: 16px;
   display: flex;
 }
 .acud-table-selection-extra .acudicon:hover {
-  color: #a6a6a6;
+  color: #84868C;
 }
 .acud-table-expand-icon-col {
   width: 28px;
@@ -494,7 +491,7 @@ table tr th.acud-table-selection-column::after {
   color: #84868C;
   cursor: pointer;
   font-size: 16px;
-  line-height: 16px;
+  line-height: 0;
   float: left;
   margin: auto;
 }
@@ -785,7 +782,7 @@ tr.acud-table-expanded-row .acud-descriptions-view table {
   cursor: not-allowed;
 }
 .acud-table-cell-with-append .acud-table-row-expand-icon {
-  margin: auto 12px auto 0;
+  margin: 2px 12px 2px 0;
 }
 .acud-table-cell.acud-table-row-expand-icon-cell {
   width: 16px;

package/es/table/style/index.less

@@ -303,7 +303,7 @@
     transition: all 0.3s;
 
     &:hover {
-      background: @table-header-sort-active-bg;
+      // background: @table-header-sort-active-bg;
 
       &::before {
         background-color: transparent !important;
@@ -565,12 +565,12 @@
       }
 
       .@{iconfont-css-prefix} {
-        color: @table-header-icon-color;
-        font-size: 10px;
+        color: @G5;
+        font-size: @P * 4;
         display: flex;
 
         &:hover {
-          color: @table-header-icon-color-hover;
+          color: @G5;
         }
       }
     }
@@ -594,7 +594,7 @@
     .basic-tp-config(@table-row-expand-icon-tp);
     cursor: pointer;
     font-size: @P * 4;
-    line-height: @P * 4;;
+    line-height: 0;
     float: left;
     margin: auto;
 

package/es/tabs/src/TabNavList/TabNode.js

@@ -80,7 +80,7 @@ function TabNode(_ref, ref) {
   }
 
   function onDoubleClick() {
-    if (_typeof(tab) !== 'object') {
+    if (editable && _typeof(tab) !== 'object') {
       setEditNav(true);
     }
   }

package/es/tabs/src/TabPanelList/index.js

@@ -30,7 +30,7 @@ export default function TabPanelList(_ref) {
       tabKey: tab.key,
       id: id,
       animated: tabPaneAnimated,
-      active: tab.key === activeKey && tabs.length > 1,
+      active: tab.key === activeKey && tabs.length > 0,
       destroyInactiveTabPane: destroyInactiveTabPane
     });
   })));

package/es/toast/base.js

@@ -252,11 +252,18 @@ function getRCNoticeProps(args, prefixCls) {
 }
 
 function notice(args) {
+  var key = args.key;
   getNotificationInstance(args, function (_ref) {
     var prefixCls = _ref.prefixCls,
         instance = _ref.instance;
     instance.notice(getRCNoticeProps(args, prefixCls));
-  });
+  }); // 增加返回的清除函数
+
+  var result = function result() {
+    api.close(key);
+  };
+
+  return result;
 }
 
 var api = {

package/es/toast/index.js

@@ -15,7 +15,7 @@ var _globalConfig = globalConfig(),
     getPrefixCls = _globalConfig.getPrefixCls;
 
 var PREFIX = 'notification-hastime';
-var MAXTOASTARRLENGTN = 4; // 最多显示多少个toast
+var maxToastArrLength = 4; // 最多显示多少个toast
 
 /**
  * 代理对象
@@ -23,7 +23,8 @@ var MAXTOASTARRLENGTN = 4; // 最多显示多少个toast
  */
 
 var target = {};
-var toastArr = []; // 向数组尾部添加一个元素
+var toastArr = []; // const paramIgnoreFun = ['close', 'destroy'];
+// 向数组尾部添加一个元素
 
 function addToastKey(key) {
   toastArr.push(key);
@@ -65,6 +66,7 @@ function ToastDom(props) {
   useEffect(function () {
     if (counter !== undefined) {
       if (counter > 0) {
+        // clearTimeout(timerID);
         var timer = setTimeout(function () {
           setCounter(counter - 1);
         }, 1000);
@@ -83,7 +85,12 @@ function ToastDom(props) {
       // if (timerID) {
       setTimerID(null); // }
     };
-  }, [counter]);
+  }, [counter]); // useEffect(() => {
+  //     return () => {
+  //         clearTimeout(timerID);
+  //     }
+  // }, []);
+
   return /*#__PURE__*/React.createElement("div", {
     className: prefixCls
   }, /*#__PURE__*/React.createElement("div", {
@@ -102,15 +109,12 @@ function DescriptionDom(props) {
 
 var handler = {
   get: function get() {
-    var name = arguments.length <= 1 ? undefined : arguments[1];
-    var key = new Date().getTime() + ''; // 通过key来强制关闭notification
+    var name = arguments.length <= 1 ? undefined : arguments[1]; // 关闭、删除提示可以根据用户传参直接调用，避免key错赋值
+    // if (paramIgnoreFun.includes(name)) {
+    //     return props => Reflect.get(NotificationApi, name)(props);
+    // }
 
-    if (toastArr.length < MAXTOASTARRLENGTN) {
-      addToastKey(key);
-    } else {
-      NotificationApi.close(unshiftToast());
-      addToastKey(key);
-    }
+    var key = new Date().getTime() + ''; // 通过key来强制关闭notification
 
     return function (props) {
       // 定义默认图标
@@ -121,7 +125,22 @@ var handler = {
       var args = _extends(_extends({
         key: key,
         type: 'info'
-      }, iconProps), props); // 初始化倒计时
+      }, iconProps), props); // 设置最大显示数
+
+
+      if (name === 'config' && props.maxCount) {
+        maxToastArrLength = props.maxCount;
+      } // key相同时不重新渲染
+
+
+      if (!~toastArr.indexOf(args.key)) {
+        if (toastArr.length < maxToastArrLength) {
+          addToastKey(args.key);
+        } else {
+          NotificationApi.close(unshiftToast());
+          addToastKey(args.key);
+        }
+      } // 初始化倒计时
       // let tempDuration;
       // if (!args.duration) {
       //     tempDuration = 0;
@@ -151,7 +170,7 @@ var handler = {
         message: args.message,
         description: args.description,
         countdown: tempDuration,
-        notificationKey: key,
+        notificationKey: args.key,
         onClose: props === null || props === void 0 ? void 0 : props.onClose
       });
       args.description = /*#__PURE__*/React.createElement(DescriptionDom, {

package/lib/input/Input.js

@@ -215,7 +215,7 @@ var Input = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   };
 
   var hoverClear = function hoverClear() {
-    setClearIconColor('#A7ABB5');
+    setClearIconColor('#84868C');
   };
 
   var clearMouseLeave = function clearMouseLeave() {

package/lib/input/MultiSelectInput.js

@@ -33,7 +33,8 @@ var MultiSelectInput = function MultiSelectInput(props) {
     placeholder: placeholder,
     defaultValue: defaultValue,
     onChange: handleOnChange,
-    className: "acud-input-select-tags"
+    className: "acud-input-select-tags",
+    dropdownClassName: "acud-input-select-tags"
   }, options);
 };
 

package/lib/input/TextArea.d.ts

@@ -3,6 +3,7 @@ export interface TextAreaProps {
     prefixCls?: string;
     className?: string;
     placeholder?: string;
+    width?: number;
     style?: React.CSSProperties;
     autoSize?: boolean | object;
     limitLength?: number;

package/lib/input/TextArea.js

@@ -58,6 +58,8 @@ var TextArea = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
       _props$placeholder = props.placeholder,
       placeholder = _props$placeholder === void 0 ? '请输入内容' : _props$placeholder,
       className = props.className,
+      style = props.style,
+      width = props.width,
       limitLength = props.limitLength,
       readonly = props.readonly,
       autoSize = props.autoSize,
@@ -67,7 +69,7 @@ var TextArea = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
       onBlur = props.onBlur,
       _props$allowClear = props.allowClear,
       allowClear = _props$allowClear === void 0 ? true : _props$allowClear,
-      rest = __rest(props, ["prefixCls", "placeholder", "className", "limitLength", "readonly", "autoSize", "onPressEnter", "onKeyDown", "onFocus", "onBlur", "allowClear"]);
+      rest = __rest(props, ["prefixCls", "placeholder", "className", "style", "width", "limitLength", "readonly", "autoSize", "onPressEnter", "onKeyDown", "onFocus", "onBlur", "allowClear"]);
 
   var _useMergedState = (0, _useMergedState3["default"])(props.defaultValue, {
     value: props.value
@@ -144,7 +146,7 @@ var TextArea = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
     setClearIconColor('#D4D6D9');
   };
 
-  var classes = (0, _classnames["default"])(prefixCls, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-autosize"), autoSize), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-readonly"), readonly), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-span-focus"), focusClass), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-limit"), currentLength > limitLength), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-no-limit"), !!limitLength), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-no-clear"), !allowClear), _classNames), className);
+  var classes = (0, _classnames["default"])(prefixCls, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-autosize"), autoSize), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-readonly"), readonly), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-span-focus"), focusClass), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-limit"), currentLength > limitLength), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-no-limit"), !!limitLength), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-no-clear"), !allowClear), _classNames));
   var limitClassName = (0, _classnames["default"])((0, _defineProperty2["default"])({}, "".concat(prefixCls, "-warning"), currentLength > limitLength));
 
   var clearContent = function clearContent(e) {
@@ -154,9 +156,13 @@ var TextArea = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   };
 
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefixCls, "-outer")
+    className: (0, _classnames["default"])("".concat(prefixCls, "-outer"), className),
+    style: {
+      width: width
+    }
   }, /*#__PURE__*/_react["default"].createElement(_rcTextarea["default"], (0, _extends2["default"])({}, rest, {
     ref: ref,
+    style: style,
     placeholder: placeholder,
     className: (0, _classnames["default"])(classes),
     onChange: handleOnChange,

package/lib/input/style/index.css

@@ -655,7 +655,6 @@
 }
 .acud-input-textarea-outer {
   width: 100%;
-  min-width: 100%;
   max-width: 100%;
   display: flex;
   flex-direction: column;
@@ -682,6 +681,7 @@
   padding-top: 6px;
   padding-right: 24px;
   padding-bottom: 24px;
+  border: 1px solid;
   border-radius: 4px;
   font-family: -apple-system, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "Helvetica Neue", Helvetica, "PingFang SC", Roboto, 'Arial', 'microsoft yahei ui', "Microsoft YaHei", SimSun, sans-serif;
   color: #151B26;
@@ -886,6 +886,15 @@
 .acud-input-select-tags .acud-select-clear {
   right: 12px;
 }
+.acud-input-select-tags .acud-select-item-checkall {
+  display: none !important;
+}
+.acud-input-select-tags .acud-checkbox-wrapper {
+  display: none !important;
+}
+.acud-input-select-tags .acud-select-item-option-selected:not(.acud-select-item-option-input-disabled) {
+  color: #2468F2 !important;
+}
 .acud-select-auto-complete .acud-select-selector {
   width: 100%;
   display: flex;

package/lib/input/style/index.less

@@ -228,7 +228,6 @@
 
 .@{input-textarea-outer-prefix-cls}{
     width: 100%;
-    min-width: 100%;
     max-width: 100%;
     display: flex;
     flex-direction: column;
@@ -259,6 +258,7 @@
     padding-right: 2*@padding-m;
     padding-bottom: 6*@padding-xsm;
     // min-height: 100px;
+    border: 1px solid;
     border-radius: @input-border-lg-radius;
     font-family: -apple-system, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "Helvetica Neue", Helvetica, "PingFang SC", Roboto, 'Arial', 'microsoft yahei ui', "Microsoft YaHei", SimSun, sans-serif;
     &::-webkit-input-placeholder {
@@ -382,6 +382,15 @@
     .@{acud-prefix}-select-clear{
         right:12px;
     }
+    .@{select-prefix-cls}-item-checkall {
+        display: none !important;
+    }
+    .acud-checkbox-wrapper {
+        display: none !important;
+    }
+    .@{select-prefix-cls}-item-option-selected:not(.acud-select-item-option-input-disabled) {
+        color: #2468F2 !important;
+    }
 }
 .@{acud-prefix}-select-auto-complete{
     .@{acud-prefix}-select-selector{

package/lib/modal/style/index.css

@@ -143,7 +143,7 @@
   font-weight: 900;
 }
 .acud-modal-title {
-  font-size: 14px;
+  font-size: 16px;
   line-height: 22px;
   padding-right: 12px;
   word-wrap: break-word;
@@ -171,7 +171,7 @@
   margin: 0;
 }
 .acud-modal-footer .acud-btn + .acud-btn {
-  margin-left: 16px;
+  margin-left: 12px;
 }
 .acud-modal-dialogbox {
   width: 400px;

package/lib/select/style/index.css

@@ -222,6 +222,7 @@
 }
 .acud-select-multiple .acud-select-selection-item-content {
   display: inline-block;
+  max-width: 95px;
   margin-right: 6px;
   overflow: hidden;
   white-space: pre;

package/lib/select/style/multiple.less

@@ -114,6 +114,7 @@
             // It's ok not to do this, but 24px makes bottom narrow in view should adjust
             &-content {
                 display: inline-block;
+                max-width: 95px;
                 margin-right: (@padding-xs / 2);
                 overflow: hidden;
                 white-space: pre; // fix whitespace wrapping. custom tags display all whitespace within.

package/lib/style/themes/dark/components/modal.less

@@ -32,7 +32,7 @@
 @modal-heading-height: 10*@P;
 @modal-heading-bg-color: @G10;
 @modal-heading-padding: 0 6*@P;
-@modal-heading-font-size: @T3;
+@modal-heading-font-size: @T4;
 @modal-heading-color: @G2;
 
 // Close
@@ -48,5 +48,5 @@
 
 // Footer
 @modal-footer-padding: 0 8*@P 6*@P;
-@modal-footer-btn-space: 4*@P;
+@modal-footer-btn-space: 3*@P;
 @modal-footer-bg-color: @G11;