@aloudata/aloudata-design 2.14.8 → 2.14.9

package/dist/Input/components/Input/index.js

@@ -13,6 +13,7 @@ import classnames from 'classnames';
 import React, { useContext } from 'react';
 import { ConfigContext } from "../../../ConfigProvider";
 import { CloseCircleFill } from "../../../Icon";
+import useFormItemStatus from 'antd/lib/form/hooks/useFormItemStatus';
 export function getSizeType(sizeType) {
   if (['small', 'middle', 'large'].includes(sizeType || '')) {
     return sizeType;
@@ -38,9 +39,15 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
     compactSize = _useCompactItemContex.compactSize,
     compactItemClassnames = _useCompactItemContex.compactItemClassnames;
   var contentSize = useContext(SizeContext);
+  var _useFormItemStatus = useFormItemStatus(),
+    formItemStatus = _useFormItemStatus.status;
+  var mergedStatus = status || formItemStatus;
   var size = compactSize || customSize || contentSize || 'middle';
   return /*#__PURE__*/React.createElement(AntdInput, _extends({}, rest, {
-    ref: ref,
+    ref: ref
+    // @ts-ignore
+    ,
+    status: mergedStatus,
     bordered: bordered,
     disabled: disabled,
     autoComplete: "off",
@@ -51,7 +58,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
       })
     } : undefined,
     spellCheck: false,
-    className: classnames('ald-input', "ald-input-".concat(getSizeType(size)), (_classnames = {}, _defineProperty(_classnames, "ald-input-".concat(status), status), _defineProperty(_classnames, "ald-input-disabled", disabled), _classnames), className, compactItemClassnames)
+    className: classnames('ald-input', "ald-input-".concat(getSizeType(size)), (_classnames = {}, _defineProperty(_classnames, "ald-input-".concat(mergedStatus), mergedStatus), _defineProperty(_classnames, "ald-input-disabled", disabled), _classnames), className, compactItemClassnames)
   }));
 });
 export default Input;

package/dist/Input/style/size.less

@@ -2,7 +2,7 @@
 @input-height-large: 36px;
 @input-padding-large: var(--alias-padding-75-minus-1, 6px)
   var(--alias-padding-150-minus-1, 12px);
-@input-font-size-large: 16px;
+@input-font-size-large: 14px;
 @input-border-radius-large: 8px;
 @input-prefix-margin-right-large: var(--alias-spacing-100, 8px);
 @input-clear-icon-large: 20px;

package/dist/InputSearch/index.js

@@ -11,13 +11,13 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useDebounceFn } from 'ahooks';
 import classnames from 'classnames';
 import _ from 'lodash';
-import React, { useCallback, useContext, useState } from 'react';
+import React, { useCallback, useContext, useMemo, useState } from 'react';
 import { SearchLine } from "../Icon";
 import Input from "../Input";
 import { LocaleContext, getTranslator } from "../locale/default";
 var DEFAULT_WIDTH = 68;
 export default function InputSearch(props) {
-  var _classnames;
+  var _classnames, _classnames2;
   var _useContext = useContext(LocaleContext),
     locale = _useContext.locale;
   var t = getTranslator(locale);
@@ -54,18 +54,27 @@ export default function InputSearch(props) {
     }
     setSearchValue(newValue);
   }, [debounceSearch, debounce]);
+  var iconSize = useMemo(function () {
+    if (size === 'middle' || size === 'large') {
+      return 20;
+    }
+    return 16;
+  }, [size]);
   return /*#__PURE__*/React.createElement("div", {
-    className: 'ald-input-search',
+    className: classnames('ald-input-search', (_classnames = {}, _defineProperty(_classnames, 'input-search-size-small', size === 'small'), _defineProperty(_classnames, 'input-search-size-middle', size === 'middle'), _defineProperty(_classnames, 'input-search-size-large', size === 'large'), _classnames)),
     style: {
       '--init-width': initWidth + 'px'
     }
   }, /*#__PURE__*/React.createElement(Input, {
-    className: classnames(className, (_classnames = {}, _defineProperty(_classnames, 'input-search-has-value', searchValue.length !== 0 || inputMode), _defineProperty(_classnames, 'inputMode', inputMode), _classnames)),
-    size: size,
+    className: classnames(className, (_classnames2 = {}, _defineProperty(_classnames2, 'input-search-has-value', searchValue.length !== 0 || inputMode), _defineProperty(_classnames2, 'inputMode', inputMode), _classnames2)),
+    size: size
+    // @ts-ignore
+    ,
+    status: 'success',
     onChange: onChangeValue,
     onPressEnter: onPressEnter,
     prefix: /*#__PURE__*/React.createElement(SearchLine, {
-      size: 16
+      size: iconSize
     }),
     placeholder: placeholder || t.InputSearch.search,
     allowClear: true,

package/dist/InputSearch/style/index.less

@@ -15,13 +15,26 @@
       display: none;
     }
 
+    &.input-search-size-small {
+      ::placeholder {
+        font-size: 12px;
+        line-height: 16px; /* 133.333% */
+      }
+    }
+
+    &.input-search-size-middle,
+    &.input-search-size-large {
+      ::placeholder {
+        font-size: 14px;
+        line-height: 20px;
+      }
+    }
+
     ::placeholder {
       color: var(--alias-colors-text-default, #1f2937);
-      font-size: 12px;
       font-style: normal;
       font-weight: 500;
       background-color: var(--alias-colors-bg-skeleton-subtle, #f9fafb);
-      line-height: 16px; /* 133.333% */
     }
 
     &.ant-input-affix-wrapper-focused,

package/dist/Tag/index.js

@@ -39,7 +39,7 @@ export default function Tag(props) {
   var DEFAULT_MAX_WIDTH = 160;
   var domTitle = title !== undefined ? title : typeof children === 'string' ? children : '';
   return /*#__PURE__*/React.createElement("span", {
-    className: classNames(prefixCls('container'), (_classNames = {}, _defineProperty(_classNames, prefixCls('small'), size === 'small'), _defineProperty(_classNames, prefixCls('large'), size === 'large'), _defineProperty(_classNames, prefixCls('clickable'), typeof onClick === 'function'), _defineProperty(_classNames, prefixCls('disabled'), disabled), _classNames), className || ''),
+    className: classNames(prefixCls('container'), (_classNames = {}, _defineProperty(_classNames, prefixCls('small'), size === 'small'), _defineProperty(_classNames, prefixCls('large'), size === 'large'), _defineProperty(_classNames, prefixCls('disabled'), disabled), _classNames), className || ''),
     style: {
       backgroundColor: bgColor,
       color: convertHexToRGBA(tagColor, 1),

package/dist/Tag/style/index.less

@@ -12,10 +12,6 @@
   line-height: 20px;
   overflow: hidden;
 
-  &.ald-tag-clickable {
-    cursor: pointer;
-  }
-
   /** 尺寸 **/
   &.ald-tag-small {
     font-size: 12px;