x-ui-design 0.3.39 → 0.3.41

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import require$$1 from 'react/jsx-runtime';
-import React$1, { useRef, useState, useContext, useMemo, useEffect, Children, isValidElement, Fragment, createContext, forwardRef, useImperativeHandle, cloneElement, useCallback } from 'react';
+import React$1, { useRef, useState, useContext, useMemo, useEffect, Children, isValidElement, Fragment, createContext, forwardRef, useImperativeHandle, useCallback } from 'react';
 import { createPortal } from 'react-dom';
 import ReactDOMServer from 'react-dom/server';
 
@@ -2744,19 +2744,20 @@ const RadioGroup = ({
     }
     return Children.map(children, child => {
       if (/*#__PURE__*/isValidElement(child) && (child.type === Radio$1 || child.type === RadioButton)) {
-        return /*#__PURE__*/cloneElement(child, {
-          ...props,
-          ...(child.type === RadioButton ? {
-            size,
-            buttonStyle
-          } : {}),
-          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-          // @ts-expect-error
-          defaultValue,
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-expect-error
+        const {
+          ...childProps
+        } = child.props;
+        return /*#__PURE__*/React$1.createElement(child.type, _extends({}, props, childProps, child.type === RadioButton ? {
+          size,
+          buttonStyle
+        } : {}, {
+          defaultValue: defaultValue,
           disabled: disabled ?? child.props.disabled,
           checked: selectedValue === child.props.value,
           name: name ?? prefixClsRadio
-        });
+        }));
       }
       return child;
     });
@@ -2827,7 +2828,8 @@ const RadioComponent = /*#__PURE__*/forwardRef(({
     disabled: disabled,
     onChange: handleChange,
     onBlur: e => onBlur?.(e),
-    onFocus: e => onFocus?.(e)
+    onFocus: e => onFocus?.(e),
+    defaultChecked: defaultChecked ?? checked
   }), /*#__PURE__*/React$1.createElement("span", {
     className: clsx([`${prefixCls} ${prefixCls}-${disabled ? 'disabled' : 'enabled'}`])
   }), /*#__PURE__*/React$1.createElement("span", {
@@ -3258,6 +3260,16 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
       setSearchInputWidth(searchContent.clientWidth - PADDING_TAG_INPUT);
     }
     const timeout = setTimeout(() => {
+      if (!hasMode) {
+        const selectedOption = selectRef.current?.getElementsByClassName('selected')[0];
+        if (selectedOption) {
+          const selectedOptionTop = selectRef.current?.getElementsByClassName('selected')[0].getBoundingClientRect()?.top || 0;
+          selectRef.current?.getElementsByClassName(`${prefixCls}-options`)[0]?.scrollTo({
+            top: selectedOptionTop - selectedOption.clientHeight - PADDING_PLACEMENT - PADDING_TAG_INPUT,
+            behavior: 'smooth'
+          });
+        }
+      }
       const searchInput = document.getElementById(`${prefixCls}-search-tag-input`);
       if (searchInput) {
         searchInput?.focus();
@@ -3386,7 +3398,7 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
     contentEditable: "plaintext-only",
     id: `${prefixCls}-search-tag-input`,
     className: `${prefixCls}-tag-input`
-  }), !searchQuery.length ? selected === '' ? placeholder : extractedOptions.find(e => e.value === selected)?.children || selected : null) : !hasMode ? /*#__PURE__*/React$1.createElement("div", {
+  }), !hasMode && !searchQuery.length ? selected === '' ? placeholder : extractedOptions.find(e => e.value === selected)?.children || selected : null) : !hasMode ? /*#__PURE__*/React$1.createElement("div", {
     className: `${prefixCls}-input globalEllipsis`,
     style: {
       opacity: isOpen || selected === '' ? '0.6' : '1'