acud 1.1.13 → 1.1.15

package/es/form/style/index.css

@@ -765,7 +765,7 @@
   clear: both;
   margin: 4px 0 0;
   min-height: 1.6667;
-  color: #B8BABF;
+  color: #84868C;
   font-size: 12px;
   line-height: 1.6667;
   transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);

package/es/form/style/index.less

@@ -186,7 +186,8 @@
         clear: both;
         margin: @form-item-with-extra-margin;
         min-height: @form-line-height-base;
-        color: @form-secondary-color;
+        // color: @form-secondary-color;
+        color: @G5;
         font-size: @form-font-size-base;
         line-height: @form-line-height-base;
         transition: color 0.3s @ease-out; // sync input color transition

package/es/input/Input.d.ts

@@ -38,6 +38,7 @@ export interface BaseInputProps extends Omit<React.InputHTMLAttributes<HTMLInput
     type?: string;
     handleClearAll?: () => void;
     style?: React.CSSProperties;
+    forbidIfLimit?: boolean;
 }
 export declare const resolveTargetValue: (event: React.ChangeEvent, value: any) => React.ChangeEvent;
 declare const Input: React.ForwardRefExoticComponent<BaseInputProps & React.RefAttributes<unknown>>;

package/es/input/Input.js

@@ -53,7 +53,9 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
     style = props.style,
     _props$hidden = props.hidden,
     hidden = _props$hidden === void 0 ? false : _props$hidden,
-    rest = __rest(props, ["prefixCls", "size", "placeholder", "warning", "warningPopover", "warningText", "tips", "disabled", "readOnly", "defaultValue", "limitLength", "label", "prefix", "suffix", "addonBefore", "addonAfter", "className", "allowClear", "onPressEnter", "onKeyDown", "handleClearAll", "type", "style", "hidden"]);
+    _props$forbidIfLimit = props.forbidIfLimit,
+    forbidIfLimit = _props$forbidIfLimit === void 0 ? false : _props$forbidIfLimit,
+    rest = __rest(props, ["prefixCls", "size", "placeholder", "warning", "warningPopover", "warningText", "tips", "disabled", "readOnly", "defaultValue", "limitLength", "label", "prefix", "suffix", "addonBefore", "addonAfter", "className", "allowClear", "onPressEnter", "onKeyDown", "handleClearAll", "type", "style", "hidden", "forbidIfLimit"]);
   var _useState = useState(props.value || defaultValue || ''),
     _useState2 = _slicedToArray(_useState, 2),
     value = _useState2[0],
@@ -133,7 +135,11 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   };
   var handleOnChange = function handleOnChange(e) {
-    setValue(e.target.value);
+    if (forbidIfLimit && limitLength && e.target.value.length >= limitLength) {
+      setValue(e.target.value.slice(0, limitLength));
+    } else {
+      setValue(e.target.value);
+    }
     if (!e.target.value.length) {
       setShowClearIcon(false);
     }

package/es/input/Label.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
 import { BaseInputProps } from './Input';
-export interface InputLabelProps extends BaseInputProps {
+import { Omit } from '../_util/type';
+export interface InputLabelProps extends Omit<BaseInputProps, 'value'> {
     label?: string[];
     onPressEnter: (e: any) => void;
+    onLableChange: (value: any) => void;
 }
 declare const Label: React.FC<InputLabelProps>;
 export default Label;

package/es/input/Label.js

@@ -10,7 +10,8 @@ var Label = function Label(_ref) {
     customizePrefixCls = _ref.prefixCls,
     _ref$placeholder = _ref.placeholder,
     placeholder = _ref$placeholder === void 0 ? '' : _ref$placeholder,
-    disabled = _ref.disabled;
+    disabled = _ref.disabled,
+    onLableChange = _ref.onLableChange;
   var _useState = useState(label || []),
     _useState2 = _slicedToArray(_useState, 2),
     labelList = _useState2[0],
@@ -25,9 +26,15 @@ var Label = function Label(_ref) {
   var handleClearLabel = function handleClearLabel(index) {
     labelList.splice(index, 1);
     setLabelList(_toConsumableArray(labelList));
+    if (onLableChange) {
+      onLableChange(_toConsumableArray(labelList));
+    }
   };
   var handleClearAll = function handleClearAll() {
     setLabelList([]);
+    if (onLableChange) {
+      onLableChange([]);
+    }
     if (inputEl.current) {
       inputEl.current.focus();
     }
@@ -44,6 +51,9 @@ var Label = function Label(_ref) {
       }
       value && setLabelList([].concat(_toConsumableArray(labelList), [value]));
       setInputValue('');
+      if (onLableChange) {
+        onLableChange([].concat(_toConsumableArray(labelList), [value]));
+      }
     }
     if (e.key === 'Backspace' && !value) {
       var a = _toConsumableArray(labelList);
@@ -61,6 +71,7 @@ var Label = function Label(_ref) {
   };
   var handleInputBlur = function handleInputBlur() {
     acudInputEl.current.blur();
+    setInputValue('');
   };
   var handleMouseUp = function handleMouseUp(e) {
     e.preventDefault();

package/es/input/TextArea.d.ts

@@ -21,6 +21,7 @@ export interface TextAreaProps {
     onResize?: any;
     readonly?: boolean;
     allowClear?: boolean;
+    forbidIfLimit?: boolean;
 }
 declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<unknown>>;
 export default TextArea;

package/es/input/TextArea.js

@@ -38,7 +38,9 @@ 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", "style", "width", "limitLength", "readonly", "autoSize", "onPressEnter", "onKeyDown", "onFocus", "onBlur", "allowClear"]);
+    _props$forbidIfLimit = props.forbidIfLimit,
+    forbidIfLimit = _props$forbidIfLimit === void 0 ? false : _props$forbidIfLimit,
+    rest = __rest(props, ["prefixCls", "placeholder", "className", "style", "width", "limitLength", "readonly", "autoSize", "onPressEnter", "onKeyDown", "onFocus", "onBlur", "allowClear", "forbidIfLimit"]);
   var _useMergedState = useMergedState(props.defaultValue, {
       value: props.value
     }),
@@ -60,7 +62,11 @@ var TextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (readonly) {
       return;
     }
-    setValue(e.target.value);
+    if (forbidIfLimit && limitLength && e.target.value.length >= limitLength) {
+      setValue(e.target.value.slice(0, limitLength));
+    } else {
+      setValue(e.target.value);
+    }
     if (props.onChange) {
       props.onChange(e);
     }

package/es/input/style/index.css

@@ -874,42 +874,43 @@
 .acud-input-textarea-autosize {
   min-height: 32px;
 }
-.acud-input-textarea-limit {
+.acud-input-textarea-limit-box {
+  color: #84868C;
   background-color: #FFFFFF;
   border-color: #F33E3E;
 }
-.acud-input-textarea-limit:hover {
+.acud-input-textarea-limit-box:hover {
   background-color: #FFFFFF;
 }
-.acud-input-textarea-limit:focus,
-.acud-input-textarea-limit:active {
+.acud-input-textarea-limit-box:focus,
+.acud-input-textarea-limit-box:active {
   background-color: #FFFFFF;
 }
-.acud-input-textarea-limit[disabled],
-.acud-input-textarea-limit[aria-disabled="true"],
-.acud-input-textarea-limit[disabled]:hover,
-.acud-input-textarea-limit[aria-disabled="true"]:hover,
-.acud-input-textarea-limit[disabled]:focus,
-.acud-input-textarea-limit[aria-disabled="true"]:focus,
-.acud-input-textarea-limit[disabled]:active,
-.acud-input-textarea-limit[aria-disabled="true"]:active {
+.acud-input-textarea-limit-box[disabled],
+.acud-input-textarea-limit-box[aria-disabled="true"],
+.acud-input-textarea-limit-box[disabled]:hover,
+.acud-input-textarea-limit-box[aria-disabled="true"]:hover,
+.acud-input-textarea-limit-box[disabled]:focus,
+.acud-input-textarea-limit-box[aria-disabled="true"]:focus,
+.acud-input-textarea-limit-box[disabled]:active,
+.acud-input-textarea-limit-box[aria-disabled="true"]:active {
   background-color: #FFFFFF;
 }
-.acud-input-textarea-limit:hover {
+.acud-input-textarea-limit-box:hover {
   border-color: #F33E3E;
 }
-.acud-input-textarea-limit:focus,
-.acud-input-textarea-limit:active {
+.acud-input-textarea-limit-box:focus,
+.acud-input-textarea-limit-box:active {
   border-color: #F33E3E;
 }
-.acud-input-textarea-limit[disabled],
-.acud-input-textarea-limit[aria-disabled="true"],
-.acud-input-textarea-limit[disabled]:hover,
-.acud-input-textarea-limit[aria-disabled="true"]:hover,
-.acud-input-textarea-limit[disabled]:focus,
-.acud-input-textarea-limit[aria-disabled="true"]:focus,
-.acud-input-textarea-limit[disabled]:active,
-.acud-input-textarea-limit[aria-disabled="true"]:active {
+.acud-input-textarea-limit-box[disabled],
+.acud-input-textarea-limit-box[aria-disabled="true"],
+.acud-input-textarea-limit-box[disabled]:hover,
+.acud-input-textarea-limit-box[aria-disabled="true"]:hover,
+.acud-input-textarea-limit-box[disabled]:focus,
+.acud-input-textarea-limit-box[aria-disabled="true"]:focus,
+.acud-input-textarea-limit-box[disabled]:active,
+.acud-input-textarea-limit-box[aria-disabled="true"]:active {
   border-color: #F33E3E;
 }
 .acud-input-textarea-no-limit {

package/es/input/style/index.less

@@ -292,7 +292,8 @@
     &-autosize {
         min-height: 32px;
     }
-    &-limit {
+    &-limit-box{
+        color: @G5;
         .basic-p-config(@input-enhance-p);
     }
     &-no-limit {

package/es/toast/base.js

@@ -134,7 +134,7 @@ function getNotificationInstance(args, callback) {
     customizePrefixCls = args.prefixCls;
   var _globalConfig = globalConfig(),
     getPrefixCls = _globalConfig.getPrefixCls;
-  var prefixCls = getPrefixCls('notification', customizePrefixCls || defaultPrefixCls);
+  var prefixCls = getPrefixCls('', customizePrefixCls || defaultPrefixCls) + '-notification';
   var cacheKey = "".concat(prefixCls, "-").concat(placement);
   var cacheInstance = notificationInstance[cacheKey];
   if (cacheInstance) {

package/es/toast/index.js

@@ -8,11 +8,11 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useState, useEffect } from 'react';
 import NotificationApi from './base';
 import classNames from 'classnames';
-import { globalConfig } from '../config-provider';
+import { globalConfig, defaultPrefixCls as providerDefaultPrefixCls } from '../config-provider';
 var _globalConfig = globalConfig(),
   getPrefixCls = _globalConfig.getPrefixCls;
 var PREFIX = 'notification-hastime';
-var defaultPrefixCls = '';
+var defaultPrefixCls = providerDefaultPrefixCls;
 var maxToastArrLength = 4; // 最多显示多少个toast
 /**
  * 代理对象
@@ -54,7 +54,7 @@ function ToastDom(props) {
     counter = _useState4[0],
     setCounter = _useState4[1];
   // const prefixCls = getPrefixCls('toast-wrap', '');
-  var prefixCls = getPrefixCls('toast-wrap', customizePrefixCls || defaultPrefixCls);
+  var prefixCls = getPrefixCls('', customizePrefixCls || defaultPrefixCls) + '-toast-wrap';
   useEffect(function () {
     if (counter !== undefined) {
       if (counter > 0) {
@@ -83,11 +83,11 @@ function ToastDom(props) {
   //     }
   // }, []);
   return /*#__PURE__*/React.createElement("div", {
-    className: getPrefixCls(undefined, customizePrefixCls || defaultPrefixCls) + '-toast-wrap'
+    className: getPrefixCls('', customizePrefixCls || defaultPrefixCls) + '-notification-toast-wrap'
   }, /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(getPrefixCls(undefined, customizePrefixCls || defaultPrefixCls), "-toast-wrap-left"), _defineProperty({}, prefixCls + '-no-description', !description))
+    className: classNames("".concat(getPrefixCls('', customizePrefixCls || defaultPrefixCls), "-notification-toast-wrap-left"), _defineProperty({}, prefixCls + '-no-description', !description))
   }, message), counter === undefined ? null : /*#__PURE__*/React.createElement("div", {
-    className: getPrefixCls(undefined, customizePrefixCls || defaultPrefixCls) + '-toast-wrap-right'
+    className: getPrefixCls('', customizePrefixCls || defaultPrefixCls) + '-notification-toast-wrap-right'
   }, "(", counter, /*#__PURE__*/React.createElement("span", null, "s"), ")"));
 }
 function DescriptionDom(props) {
@@ -117,6 +117,10 @@ var handler = {
       if (name === 'config' && props.maxCount) {
         maxToastArrLength = props.maxCount;
       }
+      // 设置prefixcls 兼容antd
+      if (name === 'config' && props.prefixCls) {
+        defaultPrefixCls = props.prefixCls;
+      }
       // key相同时不重新渲染
       if (!~toastArr.indexOf(args.key)) {
         if (toastArr.length < maxToastArrLength) {
@@ -139,7 +143,7 @@ var handler = {
       // 设置样式 有描述和没描述间距不一样
       var tempClassName = (props === null || props === void 0 ? void 0 : props.className) + ' ' + PREFIX;
       if (args.description) {
-        tempClassName += ' ' + getPrefixCls('notification') + '-has-description';
+        tempClassName += ' ' + getPrefixCls('', (props === null || props === void 0 ? void 0 : props.prefixCls) || defaultPrefixCls) + '-notification-has-description';
       }
       if (props && props.className) {
         args.className = props.className + ' ' + tempClassName;
@@ -152,7 +156,8 @@ var handler = {
         description: args.description,
         countdown: tempDuration,
         notificationKey: args.key,
-        onClose: props === null || props === void 0 ? void 0 : props.onClose
+        onClose: props === null || props === void 0 ? void 0 : props.onClose,
+        prefixCls: props === null || props === void 0 ? void 0 : props.prefixCls
       });
       args.description = /*#__PURE__*/React.createElement(DescriptionDom, {
         description: args.description

package/es/toast/style/index.css

@@ -73,23 +73,23 @@
   display: block;
   content: '';
 }
-.acud-notification-notice-message .acud-toast-wrap {
+.acud-notification-notice-message .acud-notification-toast-wrap {
   display: flex;
 }
-.acud-notification-notice-message .acud-toast-wrap-left {
+.acud-notification-notice-message .acud-notification-toast-wrap-left {
   flex: 1;
   font-size: 14px;
   color: #151B26;
   font-weight: 500;
 }
-.acud-notification-notice-message .acud-toast-wrap-right {
+.acud-notification-notice-message .acud-notification-toast-wrap-right {
   font-size: 12px;
   color: #B8BABF;
 }
-.acud-notification-notice-message .acud-toast-wrap-right span {
+.acud-notification-notice-message .acud-notification-toast-wrap-right span {
   font-size: 12px;
 }
-.acud-notification-notice-message .acud-toast-wrap-no-description {
+.acud-notification-notice-message .acud-notification-toast-wrap-no-description {
   color: #151B26;
   font-size: 12px;
   font-weight: 400;
@@ -117,16 +117,16 @@
   line-height: 16px;
   top: 8px;
 }
-.acudicon.acud-notification-notice-icon-success path {
+.acud-notification-notice .acud-notification-notice-icon-success path {
   fill: #30BF13;
 }
-.acudicon.acud-notification-notice-icon-info path {
+.acud-notification-notice .acud-notification-notice-icon-info path {
   fill: #2468F2;
 }
-.acudicon.acud-notification-notice-icon-warning path {
+.acud-notification-notice .acud-notification-notice-icon-warning path {
   fill: #FF9326;
 }
-.acudicon.acud-notification-notice-icon-error path {
+.acud-notification-notice .acud-notification-notice-icon-error path {
   fill: #F33E3E;
 }
 .acud-notification-notice-close {