assui 2.0.147 → 2.1.0

package/es/highlight-textarea/style/index.css

@@ -16,6 +16,7 @@
   border: 1px solid #d9d9d9;
   border-radius: 2px;
   transition: all 0.3s;
+  /* stylelint-disable-next-line selector-no-vendor-prefix */
   display: inline-flex;
 }
 .ant-input-affix-wrapper::-moz-placeholder {
@@ -23,9 +24,15 @@
 }
 .ant-input-affix-wrapper:-ms-input-placeholder {
   color: #bfbfbf;
+  -ms-user-select: none;
+      user-select: none;
 }
 .ant-input-affix-wrapper::placeholder {
   color: #bfbfbf;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
 }
 .ant-input-affix-wrapper:-moz-placeholder-shown {
   text-overflow: ellipsis;
@@ -38,7 +45,7 @@
 }
 .ant-input-affix-wrapper:hover {
   border-color: #40a9ff;
-  border-right-width: 1px !important;
+  border-right-width: 1px;
 }
 .ant-input-rtl .ant-input-affix-wrapper:hover {
   border-right-width: 0;
@@ -47,9 +54,9 @@
 .ant-input-affix-wrapper:focus,
 .ant-input-affix-wrapper-focused {
   border-color: #40a9ff;
-  border-right-width: 1px !important;
-  outline: 0;
   box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+  border-right-width: 1px;
+  outline: 0;
 }
 .ant-input-rtl .ant-input-affix-wrapper:focus,
 .ant-input-rtl .ant-input-affix-wrapper-focused {
@@ -59,29 +66,33 @@
 .ant-input-affix-wrapper-disabled {
   color: rgba(0, 0, 0, 0.25);
   background-color: #f5f5f5;
+  border-color: #d9d9d9;
+  box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-input-affix-wrapper-disabled:hover {
   border-color: #d9d9d9;
-  border-right-width: 1px !important;
+  border-right-width: 1px;
 }
 .ant-input-affix-wrapper[disabled] {
   color: rgba(0, 0, 0, 0.25);
   background-color: #f5f5f5;
+  border-color: #d9d9d9;
+  box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-input-affix-wrapper[disabled]:hover {
   border-color: #d9d9d9;
-  border-right-width: 1px !important;
-}
-.ant-input-affix-wrapper.ant-input-affix-wrapper-borderless,
-.ant-input-affix-wrapper.ant-input-affix-wrapper-borderless:hover,
-.ant-input-affix-wrapper.ant-input-affix-wrapper-borderless:focus,
-.ant-input-affix-wrapper.ant-input-affix-wrapper-borderless-focused,
-.ant-input-affix-wrapper.ant-input-affix-wrapper-borderless-disabled,
-.ant-input-affix-wrapper.ant-input-affix-wrapper-borderless[disabled] {
+  border-right-width: 1px;
+}
+.ant-input-affix-wrapper-borderless,
+.ant-input-affix-wrapper-borderless:hover,
+.ant-input-affix-wrapper-borderless:focus,
+.ant-input-affix-wrapper-borderless-focused,
+.ant-input-affix-wrapper-borderless-disabled,
+.ant-input-affix-wrapper-borderless[disabled] {
   background-color: transparent;
   border: none;
   box-shadow: none;
@@ -106,7 +117,7 @@ textarea.ant-input-affix-wrapper {
 }
 .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
   border-color: #40a9ff;
-  border-right-width: 1px !important;
+  border-right-width: 1px;
   z-index: 1;
 }
 .ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
@@ -142,31 +153,46 @@ textarea.ant-input-affix-wrapper {
   flex: none;
   align-items: center;
 }
+.ant-input-prefix > *:not(:last-child),
+.ant-input-suffix > *:not(:last-child) {
+  margin-right: 8px;
+}
+.ant-input-show-count-suffix {
+  color: rgba(0, 0, 0, 0.45);
+}
+.ant-input-show-count-has-suffix {
+  margin-right: 2px;
+}
 .ant-input-prefix {
   margin-right: 4px;
 }
 .ant-input-suffix {
   margin-left: 4px;
 }
-.anticon.ant-input-clear-icon {
-  margin: 0 4px;
+.anticon.ant-input-clear-icon,
+.ant-input-clear-icon {
+  margin: 0;
   color: rgba(0, 0, 0, 0.25);
   font-size: 12px;
   vertical-align: -1px;
   cursor: pointer;
   transition: color 0.3s;
 }
-.anticon.ant-input-clear-icon:hover {
+.anticon.ant-input-clear-icon:hover,
+.ant-input-clear-icon:hover {
   color: rgba(0, 0, 0, 0.45);
 }
-.anticon.ant-input-clear-icon:active {
+.anticon.ant-input-clear-icon:active,
+.ant-input-clear-icon:active {
   color: rgba(0, 0, 0, 0.85);
 }
-.anticon.ant-input-clear-icon-hidden {
+.anticon.ant-input-clear-icon-hidden,
+.ant-input-clear-icon-hidden {
   visibility: hidden;
 }
-.anticon.ant-input-clear-icon:last-child {
-  margin-right: 0;
+.anticon.ant-input-clear-icon-has-suffix,
+.ant-input-clear-icon-has-suffix {
+  margin: 0 4px;
 }
 .ant-input-affix-wrapper-textarea-with-clear-btn {
   padding: 0 !important;
@@ -178,6 +204,80 @@ textarea.ant-input-affix-wrapper {
   right: 8px;
   z-index: 1;
 }
+.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
+.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
+  background: #fff;
+  border-color: #ff4d4f;
+}
+.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
+.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
+  border-color: #ff7875;
+  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
+  border-right-width: 1px;
+  outline: 0;
+}
+.ant-input-status-error .ant-input-prefix {
+  color: #ff4d4f;
+}
+.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
+.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
+  background: #fff;
+  border-color: #faad14;
+}
+.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
+.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
+  border-color: #ffc53d;
+  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
+  border-right-width: 1px;
+  outline: 0;
+}
+.ant-input-status-warning .ant-input-prefix {
+  color: #faad14;
+}
+.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
+.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
+  background: #fff;
+  border-color: #ff4d4f;
+}
+.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
+.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
+  border-color: #ff7875;
+  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
+  border-right-width: 1px;
+  outline: 0;
+}
+.ant-input-affix-wrapper-status-error .ant-input-prefix {
+  color: #ff4d4f;
+}
+.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
+.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
+  background: #fff;
+  border-color: #faad14;
+}
+.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
+.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
+  border-color: #ffc53d;
+  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
+  border-right-width: 1px;
+  outline: 0;
+}
+.ant-input-affix-wrapper-status-warning .ant-input-prefix {
+  color: #faad14;
+}
+.ant-input-textarea-status-error.ant-input-textarea-has-feedback .ant-input,
+.ant-input-textarea-status-warning.ant-input-textarea-has-feedback .ant-input,
+.ant-input-textarea-status-success.ant-input-textarea-has-feedback .ant-input,
+.ant-input-textarea-status-validating.ant-input-textarea-has-feedback .ant-input {
+  padding-right: 24px;
+}
+.ant-input-group-wrapper-status-error .ant-input-group-addon {
+  color: #ff4d4f;
+  border-color: #ff4d4f;
+}
+.ant-input-group-wrapper-status-warning .ant-input-group-addon {
+  color: #faad14;
+  border-color: #faad14;
+}
 .ant-input {
   box-sizing: border-box;
   margin: 0;
@@ -198,15 +298,22 @@ textarea.ant-input-affix-wrapper {
   border: 1px solid #d9d9d9;
   border-radius: 2px;
   transition: all 0.3s;
+  /* stylelint-disable-next-line selector-no-vendor-prefix */
 }
 .ant-input::-moz-placeholder {
   opacity: 1;
 }
 .ant-input:-ms-input-placeholder {
   color: #bfbfbf;
+  -ms-user-select: none;
+      user-select: none;
 }
 .ant-input::placeholder {
   color: #bfbfbf;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
 }
 .ant-input:-moz-placeholder-shown {
   text-overflow: ellipsis;
@@ -219,7 +326,7 @@ textarea.ant-input-affix-wrapper {
 }
 .ant-input:hover {
   border-color: #40a9ff;
-  border-right-width: 1px !important;
+  border-right-width: 1px;
 }
 .ant-input-rtl .ant-input:hover {
   border-right-width: 0;
@@ -228,9 +335,9 @@ textarea.ant-input-affix-wrapper {
 .ant-input:focus,
 .ant-input-focused {
   border-color: #40a9ff;
-  border-right-width: 1px !important;
-  outline: 0;
   box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+  border-right-width: 1px;
+  outline: 0;
 }
 .ant-input-rtl .ant-input:focus,
 .ant-input-rtl .ant-input-focused {
@@ -240,29 +347,33 @@ textarea.ant-input-affix-wrapper {
 .ant-input-disabled {
   color: rgba(0, 0, 0, 0.25);
   background-color: #f5f5f5;
+  border-color: #d9d9d9;
+  box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-input-disabled:hover {
   border-color: #d9d9d9;
-  border-right-width: 1px !important;
+  border-right-width: 1px;
 }
 .ant-input[disabled] {
   color: rgba(0, 0, 0, 0.25);
   background-color: #f5f5f5;
+  border-color: #d9d9d9;
+  box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-input[disabled]:hover {
   border-color: #d9d9d9;
-  border-right-width: 1px !important;
-}
-.ant-input.ant-input-borderless,
-.ant-input.ant-input-borderless:hover,
-.ant-input.ant-input-borderless:focus,
-.ant-input.ant-input-borderless-focused,
-.ant-input.ant-input-borderless-disabled,
-.ant-input.ant-input-borderless[disabled] {
+  border-right-width: 1px;
+}
+.ant-input-borderless,
+.ant-input-borderless:hover,
+.ant-input-borderless:focus,
+.ant-input-borderless-focused,
+.ant-input-borderless-disabled,
+.ant-input-borderless[disabled] {
   background-color: transparent;
   border: none;
   box-shadow: none;
@@ -430,10 +541,6 @@ textarea.ant-input {
 .ant-input-group-sm .ant-select-single .ant-select-selector {
   height: 24px;
 }
-.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
 .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
@@ -442,6 +549,11 @@ textarea.ant-input {
   border-top-left-radius: 2px;
   border-bottom-left-radius: 2px;
 }
+.ant-input-group .ant-input-affix-wrapper:not(:first-child),
+.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
 .ant-input-group.ant-input-group-compact {
   display: block;
 }
@@ -597,12 +709,12 @@ textarea.ant-input {
   text-align: start;
   vertical-align: top;
 }
-.ant-input-password-icon {
+.ant-input-password-icon.anticon {
   color: rgba(0, 0, 0, 0.45);
   cursor: pointer;
   transition: all 0.3s;
 }
-.ant-input-password-icon:hover {
+.ant-input-password-icon.anticon:hover {
   color: rgba(0, 0, 0, 0.85);
 }
 .ant-input[type='color'] {
@@ -616,6 +728,9 @@ textarea.ant-input {
   padding-top: 3px;
   padding-bottom: 3px;
 }
+.ant-input-textarea-show-count > .ant-input {
+  height: 100%;
+}
 .ant-input-textarea-show-count::after {
   float: right;
   color: rgba(0, 0, 0, 0.45);
@@ -623,6 +738,19 @@ textarea.ant-input {
   content: attr(data-count);
   pointer-events: none;
 }
+.ant-input-textarea-show-count.ant-input-textarea-in-form-item::after {
+  margin-bottom: -22px;
+}
+.ant-input-textarea-suffix {
+  position: absolute;
+  top: 0;
+  right: 11px;
+  bottom: 0;
+  z-index: 1;
+  display: inline-flex;
+  align-items: center;
+  margin: auto;
+}
 .ant-input-search .ant-input:hover,
 .ant-input-search .ant-input:focus {
   border-color: #40a9ff;
@@ -691,9 +819,9 @@ textarea.ant-input {
 .ant-input-textarea-rtl.ant-input-textarea-show-count::after {
   text-align: left;
 }
-.ant-input-affix-wrapper-rtl .ant-input-clear-icon:last-child {
-  margin-right: 4px;
-  margin-left: 0;
+.ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix {
+  margin-right: 0;
+  margin-left: 4px;
 }
 .ant-input-affix-wrapper-rtl .ant-input-clear-icon {
   right: auto;

package/es/highlight-textarea/types.js

@@ -0,0 +1 @@
+export {};

package/es/img-crop/index.js

@@ -230,8 +230,8 @@ var ImgCrop = function ImgCrop(props) {
       zipImg = props.zipImg,
       children = props.children,
       cropperProps = props.cropperProps;
-  var pkg = prefix + "-img-crop";
-  var MEDIA_CLASS = pkg + "-media";
+  var pkg = "".concat(prefix, "-img-crop");
+  var MEDIA_CLASS = "".concat(pkg, "-media");
   var hasZoom = zoom === true;
   var hasRotate = rotate === true;
 
@@ -338,7 +338,7 @@ var ImgCrop = function ImgCrop(props) {
 
       return __generator(this, function (_c) {
         onClose();
-        naturalImg = document.querySelector("." + MEDIA_CLASS);
+        naturalImg = document.querySelector(".".concat(MEDIA_CLASS));
         naturalWidth = naturalImg.naturalWidth, naturalHeight = naturalImg.naturalHeight;
         canvas = document.createElement('canvas');
         ctx = canvas.getContext('2d');
@@ -454,7 +454,7 @@ var ImgCrop = function ImgCrop(props) {
   var renderComponent = function renderComponent(titleOfModal) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, renderUpload(), src && /*#__PURE__*/React.createElement(Modal, __assign({
       visible: true,
-      wrapClassName: pkg + "-modal",
+      wrapClassName: "".concat(pkg, "-modal"),
       title: titleOfModal,
       onOk: onOk,
       onCancel: onClose,
@@ -474,11 +474,11 @@ var ImgCrop = function ImgCrop(props) {
       maxZoom: maxZoom,
       onComplete: onComplete,
       classes: {
-        containerClassName: pkg + "-container",
+        containerClassName: "".concat(pkg, "-container"),
         mediaClassName: MEDIA_CLASS
       }
     }, cropperProps)), hasZoom && /*#__PURE__*/React.createElement("div", {
-      className: pkg + "-control zoom"
+      className: "".concat(pkg, "-control zoom")
     }, /*#__PURE__*/React.createElement("button", {
       type: "button",
       onClick: subZoomVal,
@@ -494,7 +494,7 @@ var ImgCrop = function ImgCrop(props) {
       onClick: addZoomVal,
       disabled: isMaxZoom
     }, "\uFF0B")), hasRotate && /*#__PURE__*/React.createElement("div", {
-      className: pkg + "-control rotate"
+      className: "".concat(pkg, "-control rotate")
     }, /*#__PURE__*/React.createElement("button", {
       type: "button",
       onClick: subRotateVal,