@douyinfe/semi-ui 2.24.0-beta.1 → 2.24.1-alpha.0

package/lib/es/treeSelect/index.js

@@ -541,7 +541,9 @@ class TreeSelect extends BaseComponent {
         maxTagCount,
         checkRelation,
         showRestTagsPopover,
-        restTagsPopoverProps
+        restTagsPopoverProps,
+        searchPosition,
+        filterTreeNode
       } = this.props;
       const {
         keyEntities,
@@ -555,8 +557,16 @@ class TreeSelect extends BaseComponent {
         keyList = normalizeKeyList(checkedKeys, keyEntities, leafOnly);
       } else if (checkRelation === 'unRelated') {
         keyList = [...realCheckedKeys];
-      }
+      } // auto focus search input divide into two parts
+      // 1. filterTreeNode && searchPosition === strings.SEARCH_POSITION_TRIGGER
+      //    Implemented by passing autofocus to the underlying input's autofocus
+      // 2. filterTreeNode && searchPosition === strings.SEARCH_POSITION_DROPDOWN
+      //    Due to the off-screen rendering in the tooltip implementation mechanism, if it is implemented through the 
+      //    autofocus of the input, when the option panel is opened, the page will scroll to top, so it is necessary 
+      //    to call the focus method through ref in the onVisibleChange callback of the Popover to achieve focus
+
 
+      const autoFocus = filterTreeNode && searchPosition === strings.SEARCH_POSITION_TRIGGER ? searchAutoFocus : undefined;
       return /*#__PURE__*/React.createElement(TagInput, {
         maxTagCount: maxTagCount,
         disabled: disabled,
@@ -569,7 +579,7 @@ class TreeSelect extends BaseComponent {
         showRestTagsPopover: showRestTagsPopover,
         restTagsPopoverProps: restTagsPopoverProps,
         // eslint-disable-next-line jsx-a11y/no-autofocus
-        autoFocus: searchAutoFocus,
+        autoFocus: autoFocus,
         renderTagItem: (itemKey, index) => this.renderTagItem(itemKey, index),
         onRemove: itemKey => this.removeTag(itemKey),
         expandRestTagsOnClick: false
@@ -605,6 +615,7 @@ class TreeSelect extends BaseComponent {
         prefix: /*#__PURE__*/React.createElement(IconSearch, null)
       };
       const inputTriggerProps = {
+        autofocus: searchAutoFocus,
         onFocus: e => this.foundation.handleInputTriggerFocus(),
         onBlur: e => this.foundation.handleInputTriggerBlur(),
         disabled
@@ -636,7 +647,6 @@ class TreeSelect extends BaseComponent {
         return /*#__PURE__*/React.createElement(Input, Object.assign({
           "aria-label": 'Filter TreeSelect item',
           ref: this.inputRef,
-          autofocus: searchAutoFocus,
           placeholder: placeholder
         }, baseInputProps, realInputProps));
       }));
@@ -710,12 +720,18 @@ class TreeSelect extends BaseComponent {
 
     this.handlePopoverClose = isVisible => {
       const {
-        filterTreeNode
+        filterTreeNode,
+        searchAutoFocus,
+        searchPosition
       } = this.props;
 
       if (isVisible === false && Boolean(filterTreeNode)) {
         this.foundation.clearInput();
       }
+
+      if (filterTreeNode && searchPosition === strings.SEARCH_POSITION_DROPDOWN && isVisible && searchAutoFocus) {
+        this.foundation.focusInput(true);
+      }
     };
 
     this.renderTreeNode = (treeNode, ind, style) => {
@@ -1179,7 +1195,25 @@ class TreeSelect extends BaseComponent {
           isHovering: bool
         });
       },
-      updateInputFocus: bool => {} // eslint-disable-line
+      updateInputFocus: bool => {
+        if (bool) {
+          if (this.inputRef && this.inputRef.current) {
+            this.inputRef.current.focus();
+          }
+
+          if (this.tagInputRef && this.tagInputRef.current) {
+            this.tagInputRef.current.focus();
+          }
+        } else {
+          if (this.inputRef && this.inputRef.current) {
+            this.inputRef.current.blur();
+          }
+
+          if (this.tagInputRef && this.tagInputRef.current) {
+            this.tagInputRef.current.blur();
+          }
+        }
+      } // eslint-disable-line
 
     });
   }

package/lib/es/typography/base.d.ts

@@ -64,7 +64,7 @@ export default class Base extends Component<BaseTypographyProps, BaseTypographyS
         spacing: PropTypes.Requireable<"normal" | "extended">;
         strong: PropTypes.Requireable<boolean>;
         size: PropTypes.Requireable<"small" | "normal">;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         icon: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;

package/lib/es/typography/numeral.d.ts

@@ -38,7 +38,7 @@ export default class Numeral extends PureComponent<NumeralProps> {
         underline: PropTypes.Requireable<boolean>;
         link: PropTypes.Requireable<NonNullable<boolean | object>>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
         size: PropTypes.Requireable<"small" | "normal">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;

package/lib/es/typography/paragraph.d.ts

@@ -29,7 +29,7 @@ export default class Paragraph extends PureComponent<ParagraphProps> {
         link: PropTypes.Requireable<NonNullable<boolean | object>>;
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
         size: PropTypes.Requireable<"small" | "normal">;
         spacing: PropTypes.Requireable<"normal" | "extended">;
         style: PropTypes.Requireable<object>;

package/lib/es/typography/text.d.ts

@@ -32,7 +32,7 @@ export default class Text extends PureComponent<TextProps> {
         underline: PropTypes.Requireable<boolean>;
         link: PropTypes.Requireable<NonNullable<boolean | object>>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
         size: PropTypes.Requireable<"small" | "normal">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;

package/lib/es/typography/title.d.ts

@@ -36,8 +36,8 @@ export default class Title extends PureComponent<TitleProps> {
         link: PropTypes.Requireable<NonNullable<boolean | object>>;
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
-        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 6 | 5>;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
+        heading: PropTypes.Requireable<4 | 2 | 1 | 6 | 3 | 5>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.24.0-beta.1",
+    "version": "2.24.1-alpha.0",
     "description": "",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -17,12 +17,12 @@
         "lib/*"
     ],
     "dependencies": {
-        "@douyinfe/semi-animation": "2.24.0-beta.1",
-        "@douyinfe/semi-animation-react": "2.24.0-beta.1",
-        "@douyinfe/semi-foundation": "2.24.0-beta.1",
-        "@douyinfe/semi-icons": "2.24.0-beta.1",
-        "@douyinfe/semi-illustrations": "2.24.0-beta.1",
-        "@douyinfe/semi-theme-default": "2.24.0-beta.1",
+        "@douyinfe/semi-animation": "2.24.1-alpha.0",
+        "@douyinfe/semi-animation-react": "2.24.1-alpha.0",
+        "@douyinfe/semi-foundation": "2.24.1-alpha.0",
+        "@douyinfe/semi-icons": "2.24.1-alpha.0",
+        "@douyinfe/semi-illustrations": "2.24.1-alpha.0",
+        "@douyinfe/semi-theme-default": "2.24.1-alpha.0",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -69,7 +69,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "f15ac3497e2c0d9d7200c989d9393897c2c3b607",
+    "gitHead": "199105285d4ce2c2572968aeaf31e0a16c4b47f5",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",